/*=========================================
UBICACIONES
==========================================*/

.glass-locations{

    position:relative;
    overflow:hidden;

    padding:100px 22px;

    background:
    radial-gradient(circle at 10% 10%,rgba(72,182,255,.08),transparent 30%),
    radial-gradient(circle at 90% 0%,rgba(138,92,255,.12),transparent 35%),
    var(--bg);

}

/* GRID */

.locations-grid{

    display:grid;
    gap:30px;

}

@media(min-width:768px){

    .locations-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(min-width:1200px){

    .locations-grid{

        grid-template-columns:repeat(4,1fr);

    }

}

/* CARD */

.location-card{

    position:relative;

    padding:34px 30px;

    border-radius:30px;

    background:
    linear-gradient(180deg,
    rgba(255,255,255,.08),
    rgba(255,255,255,.03));

    backdrop-filter:blur(24px);

    border:1px solid rgba(255,255,255,.10);

    overflow:hidden;

    transition:.45s;

    box-shadow:var(--shadow);

}

.location-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(130deg,
    transparent 20%,
    rgba(255,255,255,.09),
    transparent 80%);

    transform:translateX(-120%);

    transition:1.1s;

}

.location-card:hover{

    transform:translateY(-12px);

    border-color:rgba(72,182,255,.35);

    box-shadow:
    0 25px 70px rgba(0,0,0,.45),
    0 0 35px rgba(72,182,255,.12);

}

.location-card:hover::before{

    transform:translateX(120%);

}

/* ICONO */

.location-icon{

    width:70px;
    height:70px;

    display:grid;
    place-items:center;

    border-radius:22px;

    margin-bottom:25px;

    color:#fff;

    font-size:1.6rem;

    background:
    linear-gradient(135deg,
    #48b6ff,
    #8a5cff);

    box-shadow:
    0 15px 35px rgba(72,182,255,.35);

}

/* ETIQUETA */

.location-label{

    display:inline-flex;

    padding:8px 15px;

    border-radius:100px;

    margin-bottom:18px;

    font-size:.78rem;

    font-weight:600;

    color:#8fd6ff;

    background:rgba(72,182,255,.12);

    border:1px solid rgba(72,182,255,.25);

}

/* TITULO */

.location-card h3{

    color:#fff;

    font-size:1.5rem;

    margin-bottom:16px;

    line-height:1.3;

}

/* TEXTO */

.location-card p{

    color:var(--text2);

    line-height:1.8;

    margin-bottom:30px;

}

/* BOTÓN */

.location-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:14px 24px;

    border-radius:100px;

    text-decoration:none;

    color:#fff;

    font-weight:600;

    background:
    linear-gradient(135deg,
    #48b6ff,
    #8a5cff);

    transition:.35s;

    box-shadow:
    0 12px 30px rgba(72,182,255,.30);

}

.location-btn:hover{

    gap:18px;

    transform:translateY(-3px);

    box-shadow:
    0 18px 40px rgba(72,182,255,.45);

}