:root{

    --bg:#0F0F12;

    --card:#18181D;

    --pink:#FF008C;

    --purple:#9B5DE5;

    --blue:#00D4FF;

    --text:#FFFFFF;

    --text-soft:#B8B8C2;

    --border:rgba(255,255,255,.08);

    --shadow:
        0 8px 30px
        rgba(255,0,140,.25);

}



body{

    margin:0;

    padding:0;

    background:
        linear-gradient(
            180deg,
            #0F0F12 0%,
            #15151C 100%
        );

    color:var(--text);

    font-family:
        'Poppins',
        sans-serif;

    min-height:100vh;

}


.categorias{

    display:flex;

    gap:10px;

    overflow-x:auto;

    padding:15px;

    scrollbar-width:none;

}

.categorias::-webkit-scrollbar{

    display:none;

}




.categorias,
.subcategorias{

    display:flex;

    gap:10px;

    overflow-x:auto;

    padding:15px;

    scrollbar-width:none;

}

.categorias::-webkit-scrollbar,
.subcategorias::-webkit-scrollbar{

    display:none;

}

.categoria-btn,
.subcategoria-btn{

    padding:12px 18px;

    border:none;

    border-radius:999px;

    cursor:pointer;

    white-space:nowrap;

    color:white;

    background:var(--card);

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

    backdrop-filter:
        blur(15px);

    transition:.3s;

    font-weight:600;

}

.categoria-btn:hover,
.subcategoria-btn:hover{

    transform:
        translateY(-2px);

}

.categoria-btn.activa,
.subcategoria-btn.activa{

    background:
        linear-gradient(
            135deg,
            var(--pink),
            var(--purple)
        );

    box-shadow:
        0 0 20px
        rgba(
            255,
            0,
            140,
            .30
        );

}

.productos-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    padding:5px;

    padding-bottom:5px;
}

.producto-card{

    background:var(--card);

    border-radius:20px;

    overflow:hidden;

    border:
        1px solid
        var(--border);

    transition:.3s;

    cursor:pointer;

    box-shadow:
    0 0 20px
    rgba(
        255,
        0,
        140,
        .08
    );

}

.producto-card:hover{

    transform:
        translateY(-5px);

}

.producto-imagen{

    width:100%;

    aspect-ratio:1/1;

    object-fit:cover;

}

.producto-info{
    padding:10px;
}

.modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.8);

    display:none;

    align-items:flex-end;

    z-index:9999;
}

.modal.activo{
    display:flex;
}

.modal-contenido{

    background:var(--card);

    border-radius:30px 30px 0 0;

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

    box-shadow:
        0 -10px 40px
        rgba(
            255,
            0,
            140,
            .15
        );

    padding:25px;

    width:100%;

    max-height:90vh;

    overflow-y:auto;

    -webkit-overflow-scrolling:touch;

}

.modal-imagen{

    width:100%;

    border-radius:20px;

    margin-bottom:20px;

}

.modal-titulo{

    font-size:28px;

    font-weight:700;

}

.modal-descripcion{

    margin-top:10px;

    opacity:.8;
}

.modal-precio{

    font-size:24px;

    font-weight:bold;

    color:#ff008c;

    margin-top:15px;
}

.cantidad{

    display:flex;

    align-items:center;

    gap:15px;

    margin-top:20px;
}

.cantidad button{

    width:40px;

    height:40px;

    border:none;

    border-radius:50%;
}

.btn-agregar{

    width:100%;

    margin-top:20px;

    padding:15px;

    border:none;

    border-radius:12px;

    background:#ff008c;

    color:white;

    font-weight:bold;
}

.panel-carrito{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.8);

    display:none;

    align-items:flex-end;

    z-index:10000;

}

.panel-carrito.activo{

    display:flex;

}

.panel-carrito-contenido{

    width:100%;

    max-height:90vh;

    overflow-y:auto;

    background:#1b1b1b;

    border-radius:25px 25px 0 0;

    padding:20px;

}

.carrito-flotante{

    position:fixed;

    left:15px;

    right:15px;

    bottom:15px;

    height:65px;

    display:none;

    justify-content:space-between;

    align-items:center;

    padding:0 20px;

    border-radius:20px;

    background:
    linear-gradient(
        135deg,
        var(--pink),
        var(--purple)
    );

    color:#fff;

    font-weight:bold;

    z-index:9999;

    box-shadow:
        0 8px 25px rgba(0,0,0,.25);

}

.carrito-flotante.activo{

    display:flex;

}

.carrito-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.carrito-item{

    padding:15px 0;

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

}

.carrito-salsas{

    margin-top:10px;

    opacity:.8;

    font-size:.9rem;

}

.carrito-total{

    font-size:22px;

    font-weight:bold;

    margin-top:20px;

}

.btn-continuar{

    width:100%;

    margin-top:20px;

    padding:15px;

    border:none;

    border-radius:12px;

    background:#ff008c;

    color:white;

    font-weight:bold;

}

.carrito-controles{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:10px;

}

.carrito-controles button{

    border:none;

    padding:8px 12px;

    border-radius:10px;

    cursor:pointer;

}

.btn-eliminar{

    margin-left:auto;

}

.tipo-entrega{

    margin-top:20px;

}

.tipo-entrega label{

    display:block;

    margin-top:10px;

}

.carrito-resumen{

    margin-top:20px;

}

.carrito-resumen h3{

    margin-top:10px;

}


.datos-pedido{

    margin-top:20px;

}

.datos-pedido input,
.datos-pedido textarea{

    width:100%;

    margin-top:10px;

    padding:12px;

    border:none;

    border-radius:10px;

}

.datos-pedido textarea{

    min-height:90px;

    resize:none;

}


.metodo-pago{

    margin-top:20px;

}

.metodo-pago label{

    display:block;

    margin-top:10px;

}

.metodo-pago input[type="number"]{

    width:100%;

    margin-top:10px;

    padding:12px;

    border:none;

    border-radius:10px;

}


.carrito-vacio{

    text-align:center;

    padding:50px 20px;

}

.carrito-vacio-icono{

    font-size:60px;

    margin-bottom:20px;

}

.carrito-vacio h3{

    margin-bottom:10px;

}

.carrito-vacio p{

    opacity:.8;

}

.hero{

    position:relative;

    height:100vh;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:center;
}

.hero-video{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;
}

.hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        rgba(0,0,0,.15),
        rgba(0,0,0,.30)
    );

    z-index:1;
}

.navbar{

    position:absolute;

    inset:0 0 auto 0;

    z-index:30;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px;

    box-sizing:border-box;
}

@media (max-width:768px){

    .navbar{

        padding:20px 18px;
    }

    .navbar-logo img{

        width:58px;
        height:58px;
    }

    .menu-toggle{

        width:50px;
        height:50px;

        font-size:1.3rem;

        flex-shrink:0;
    }

}

.navbar-logo img{

    width:65px;

    height:65px;

    border-radius:50%;

    object-fit:cover;

    box-shadow:
    0 10px 25px rgba(
        0,
        0,
        0,
        .25
    );
}



.menu-toggle{

    

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    color:white;

    font-size:1.5rem;

    cursor:pointer;

    background:
    rgba(255,255,255,.10);

    backdrop-filter:
    blur(12px);

    transition:.3s;
}

.menu-toggle:hover{

    transform:scale(1.05);

    background:
    rgba(255,255,255,.18);
}

.hero-content{

    position:relative;

    z-index:5;

    text-align:center;

    max-width:850px;

    padding:20px;

    color:white;
}

.hero-tag{

    display:inline-block;

    padding:
    12px
    22px;

    border-radius:999px;

    margin-bottom:30px;

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

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

    backdrop-filter:
    blur(10px);

    font-size:.85rem;

    letter-spacing:2px;
}

.hero-content h1{

    font-size:
    clamp(
        3rem,
        8vw,
        6rem
    );

    font-weight:800;

    line-height:1;

    margin-bottom:25px;
}

.hero-content p{

    max-width:700px;

    margin:
    0 auto
    35px;

    font-size:1.15rem;

    line-height:1.8;

    color:
    rgba(
        255,
        255,
        255,
        .90
    );
}

.btn-hero{

    border:none;

    cursor:pointer;

    padding:
    18px
    40px;

    border-radius:999px;

    color:white;

    font-weight:700;

    background:
    linear-gradient(
        135deg,
        #FF008C,
        #9B5DE5
    );

    box-shadow:
    0 15px 40px rgba(
        255,
        0,
        140,
        .35
    );

    transition:.3s;
}

.btn-hero:hover{

    transform:
    translateY(-3px);
}

.mobile-menu{

    position:fixed;

    top:0;

    right:-320px;

    box-sizing:border-box;

    width:300px;

    height:100vh;

    z-index:999;

    display:flex;

    flex-direction:column;

    gap:20px;

    padding:90px 30px;

    background:
    rgba(20,20,20,.98);

    transition:.35s ease;
}

.mobile-menu.activo{

    right:0;
}

.mobile-menu a{

    color:white;

    text-decoration:none;

    font-size:1.1rem;

    font-weight:500;
}

.mobile-menu-close{

    position:absolute;

    top:20px;

    right:20px;

    width:45px;

    height:45px;

    border:none;

    border-radius:50%;

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

    color:white;

    cursor:pointer;
}

.mobile-menu-backdrop{

    position:fixed;

    inset:0;

    background:
    rgba(0,0,0,.60);

    opacity:0;

    pointer-events:none;

    transition:.3s;

    z-index:998;
}

.mobile-menu-backdrop.activo{

    opacity:1;

    pointer-events:auto;
}

.producto-info{

    padding:15px;

}

.producto-info h3{

    margin:0;

    font-size:16px;

}

.producto-desc{

    color:var(--text-soft);

    font-size:13px;

    margin:8px 0;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

.producto-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:12px;

}

.producto-precio{

    font-size:18px;

    font-weight:bold;

    color:var(--pink);

}

.btn-ver{

    border:none;

    padding:8px 12px;

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            var(--pink),
            var(--purple)
        );

    color:white;

    font-size:12px;

}

.promo-destacada{

    position:relative;

    overflow:hidden;

    margin:25px 15px;

    padding:40px 25px;

    border-radius:30px;

    text-align:center;

    background-image:

        linear-gradient(
            to bottom,
            rgba(15,15,18,.15),
            rgba(15,15,18,.85)
        ),

        url('../img/hamburguesas/delicious-bbq-tocino.jpg');

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

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

.promo-img{

    width:220px;

    margin:0 auto 20px;

    display:block;

    filter:
    drop-shadow(
        0 20px 35px
        rgba(
            255,
            0,
            140,
            .25
        )
    );

    transition:.4s;
}

.promo-img:hover{

    transform:
    scale(1.05)
    rotate(-2deg);
}

.promo-contenido{

    position:relative;

    z-index:2;
}

.promo-badge{

    display:inline-block;

    padding:10px 18px;

    border-radius:999px;

    background:
    linear-gradient(
        135deg,
        var(--pink),
        var(--purple)
    );

    font-size:12px;

    font-weight:700;

    margin-bottom:15px;
}

.promo-destacada h2{

    margin:0;

    font-size:34px;

    font-weight:800;
}

.promo-destacada p{

    max-width:280px;

    margin:
    12px auto 0;

    color:var(--text-soft);

    line-height:1.7;
}

.promo-precio{

    margin-top:20px;

    font-size:56px;

    font-weight:800;

    color:var(--pink);
}

.promo-btn{

    margin-top:20px;

    border:none;

    padding:14px 28px;

    border-radius:999px;

    color:white;

    font-weight:700;

    cursor:pointer;

    background:
    linear-gradient(
        135deg,
        var(--pink),
        var(--purple)
    );

    box-shadow:
    0 10px 25px rgba(
        255,
        0,
        140,
        .25
    );

    transition:.3s;
}

.promo-btn:hover{

    transform:
    translateY(-3px)
    scale(1.02);

}

.promo-destacada::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        to bottom,

        rgba(
            0,
            0,
            0,
            .10
        ) 0%,

        rgba(
            0,
            0,
            0,
            .25
        ) 30%,

        rgba(
            0,
            0,
            0,
            .60
        ) 70%,

        rgba(
            0,
            0,
            0,
            .90
        ) 100%

    );

    z-index:1;
}

.promo-contenido{

    position:relative;

    z-index:5;

    padding-top:140px;
}

.promo-destacada::after{

    content:"";

    position:absolute;

    bottom:-80px;

    left:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(
            155,
            93,
            229,
            .30
        ),
        transparent
    );

    filter:blur(50px);
}

.promo-bg-burger{

    position:absolute;

    top:-40px;

    left:50%;

    transform:translateX(-50%);

    width:420px;

    max-width:90%;

    opacity:.35;

    z-index:1;

    pointer-events:none;

    filter:
        drop-shadow(
            0 15px 40px
            rgba(
                255,
                0,
                140,
                .15
            )
        );
}   


.titulo-favoritos{

    display:flex;

    align-items:center;

    gap:10px;

    margin:30px 15px 15px;

    font-size:24px;

    font-weight:700;

}

.titulo-favoritos::before{

    content:"";

    width:4px;

    height:24px;

    border-radius:20px;

    background:
        linear-gradient(
            var(--pink),
            var(--purple)
        );

}


#lista-salsas{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:15px;

}

.salsa-chip{

    display:flex;

    align-items:center;

    gap:8px;

    padding:10px 14px;

    border-radius:999px;

    background:
        rgba(
            255,
            255,
            255,
            .05
        );

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

    cursor:pointer;

    transition:.3s;

    font-size:14px;

}

.salsa-chip.activa{

    background:
        linear-gradient(
            135deg,
            var(--pink),
            var(--purple)
        );

    box-shadow:
        0 0 20px
        rgba(
            255,
            0,
            140,
            .25
        );

}

.salsa-chip input{

    display:none;

}


.menu-section{

    padding:40px 0;

}

.menu-header{

    padding:0 20px 25px;

    text-align:center;

}

.menu-badge{

    display:inline-block;

    padding:8px 16px;

    border-radius:999px;

    background:
        rgba(
            255,
            0,
            140,
            .15
        );

    color:var(--pink);

    font-size:12px;

    font-weight:600;

    letter-spacing:1px;

}

.menu-title{

    margin-top:15px;

    font-size:32px;

    font-weight:700;

}

.menu-subtitle{

    max-width:300px;

    margin:10px auto 0;

    color:var(--text-soft);

}

.menu-section{

    position:relative;

}

.menu-section::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:
        translateX(-50%);

    width:250px;

    height:250px;

    background:
        radial-gradient(
            circle,
            rgba(
                255,
                0,
                140,
                .15
            ),
            transparent
        );

    filter:blur(60px);

    z-index:-1;

}

.menu-divider{

    width:60px;

    height:4px;

    margin:0 auto 20px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            var(--pink),
            var(--purple)
        );

}

.menu-categorias-label{

    padding:0 20px;

    margin-bottom:5px;

    color:var(--text-soft);

    font-size:14px;

    font-weight:500;

}

.navbar-menu-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    height:50px;

    padding:0 22px;

    border-radius:999px;

    text-decoration:none;

    color:#fff;

    font-weight:600;

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

    backdrop-filter:blur(12px);

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

#favoritos-grid{

    display:flex;

    gap:15px;

    overflow-x:auto;

    padding:0 15px 15px;

    scrollbar-width:none;

}

#favoritos-grid::-webkit-scrollbar{

    display:none;

}

.favorito-card{

    min-width:220px;

    height:280px;

    border-radius:24px;

    overflow:hidden;

    position:relative;

    flex-shrink:0;

    cursor:pointer;

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

}

.favorito-card img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.favorito-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:20px;

    background:
    linear-gradient(
        transparent,
        rgba(0,0,0,.85)
    );
}

.favorito-overlay span{

    font-size:12px;

    margin-bottom:10px;

    color:#FFD700;
}

.favorito-overlay h3{

    margin:0;

    font-size:20px;

}

.favorito-overlay p{

    margin-top:8px;

    font-size:18px;

    font-weight:bold;

    color:var(--pink);
}


.contenedor-ver-mas{

    grid-column:1/-1;

    display:flex;

    justify-content:center;

    padding:5px 0;
}

.btn-ver-mas{

    border:none;

    cursor:pointer;

    padding:
    14px 28px;

    border-radius:999px;

    color:white;

    font-weight:600;

    background:
    linear-gradient(
        135deg,
        var(--pink),
        var(--purple)
    );

    box-shadow:
    0 10px 25px
    rgba(
        255,
        0,
        140,
        .25
    );

    transition:.3s;
}

.btn-ver-mas:hover{

    transform:
    translateY(-2px);
}

.galeria-zona{

    position:relative;

    margin-top:0;

    padding:10px 15px 50px;
}

.galeria-header{

    text-align:center;

    margin-bottom:25px;
}

.galeria-badge{

    display:inline-block;

    padding:8px 16px;

    border-radius:999px;

    background:
    rgba(
        255,
        0,
        140,
        .15
    );

    color:var(--pink);

    font-size:12px;

    font-weight:600;
}

.galeria-grid{

    display:grid;

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

    gap:12px;
}

.galeria-item{

    border-radius:18px;

    overflow:hidden;

    cursor:pointer;
}

.galeria-item img{

    width:100%;

    aspect-ratio:1/1;

    object-fit:cover;

    transition:.3s;
}

.galeria-item:hover img{

    transform:scale(1.05);
}

.modal-galeria{

    position:fixed;

    inset:0;

    background:
    rgba(
        0,
        0,
        0,
        .95
    );

    display:none;

    align-items:center;

    justify-content:center;

    z-index:12000;
}

.modal-galeria.activo{

    display:flex;
}

.modal-galeria img{

    width:90%;

    max-width:900px;

    border-radius:20px;
}

.cerrar-galeria{

    position:absolute;

    top:20px;

    right:20px;

    width:50px;

    height:50px;

    border:none;

    border-radius:50%;

    background:white;

    cursor:pointer;
}

.social-section{

    padding:20px 15px 50px;
}

.social-card{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    padding:35px 25px;

    text-align:center;

    background:
    linear-gradient(
        135deg,
        rgba(255,0,140,.12),
        rgba(155,93,229,.12)
    );

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

.social-card::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(255,0,140,.25),
        transparent
    );

    filter:blur(40px);
}

.social-badge{

    display:inline-block;

    padding:10px 18px;

    border-radius:999px;

    margin-bottom:18px;

    background:
    rgba(255,0,140,.15);

    color:#FF008C;

    font-size:.8rem;

    font-weight:700;
}

.social-card h2{

    margin:0;

    font-size:2rem;
}

.social-card p{

    margin:15px auto 30px;

    max-width:320px;

    color:#cfcfcf;

    line-height:1.7;
}

.social-grid{

    display:flex;

    flex-direction:column;

    gap:15px;
}

.social-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px;

    border-radius:22px;

    text-decoration:none;

    color:white;

    transition:.3s;
}

.social-item:hover{

    transform:translateY(-3px);
}

.instagram{

    background:
    linear-gradient(
        135deg,
        #833AB4,
        #E1306C,
        #F77737
    );
}

.facebook{

    background:
    linear-gradient(
        135deg,
        #1877F2,
        #0D5BD3
    );
}

.social-icon{

    width:55px;
    height:55px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.4rem;

    background:
    rgba(255,255,255,.15);
}

.social-item h3{

    margin:0;
}

.social-item span{

    opacity:.9;

    font-size:.9rem;
}

/* =========================================
   UBICACIÓN
========================================= */

.ubicacion-section{

    padding:20px 15px 60px;
}

.ubicacion-card{

    position:relative;

    overflow:hidden;

    min-height:520px;

    border-radius:30px;

    background:
    url('../img/local.jpg');

    background-size:cover;

    background-position:center;

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

    box-shadow:
    0 15px 40px rgba(
        0,
        0,
        0,
        .25
    );
}

.ubicacion-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        to bottom,

        rgba(
            0,
            0,
            0,
            .10
        ) 0%,

        rgba(
            0,
            0,
            0,
            .30
        ) 30%,

        rgba(
            0,
            0,
            0,
            .60
        ) 60%,

        rgba(
            0,
            0,
            0,
            .92
        ) 100%

    );
}

.ubicacion-content{

    position:absolute;

    bottom:0;

    left:0;

    right:0;

    z-index:2;

    padding:35px 25px;

    text-align:center;
}

.ubicacion-badge{

    display:inline-block;

    padding:10px 18px;

    border-radius:999px;

    margin-bottom:20px;

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

    backdrop-filter:blur(12px);

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

    font-size:.8rem;

    font-weight:700;
}

.ubicacion-content h2{

    margin:0;

    font-size:2.2rem;

    font-weight:800;
}

.ubicacion-direccion{

    margin-top:15px;

    line-height:1.8;

    color:
    rgba(
        255,
        255,
        255,
        .85
    );
}

.ubicacion-tags{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:10px;

    margin-top:25px;
}

.ubicacion-tags span{

    padding:10px 16px;

    border-radius:999px;

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

    backdrop-filter:blur(12px);

    font-size:.85rem;
}

.btn-ubicacion{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:30px;

    height:55px;

    padding:0 30px;

    border-radius:999px;

    text-decoration:none;

    color:white;

    font-weight:700;

    background:
    linear-gradient(
        135deg,
        var(--pink),
        var(--purple)
    );

    box-shadow:
    0 10px 25px rgba(
        255,
        0,
        140,
        .25
    );

    transition:.3s;
}

.btn-ubicacion:hover{

    transform:translateY(-3px);
}

/* =========================================
   FOOTER
========================================= */

.footer-zona{

    text-align:center;

    padding:60px 20px 40px;

    margin-top:20px;

    border-top:
    1px solid rgba(
        255,
        255,
        255,
        .05
    );

    background:
    linear-gradient(
        180deg,
        transparent,
        rgba(
            255,
            255,
            255,
            .02
        )
    );
}

.footer-logo img{

    width:80px;

    height:80px;

    object-fit:cover;

    border-radius:50%;

    box-shadow:
    0 10px 30px rgba(
        255,
        0,
        140,
        .15
    );
}

.footer-zona h3{

    margin:20px 0 10px;

    font-size:1.5rem;

    font-weight:700;
}

.footer-tagline{

    color:var(--text-soft);

    font-size:.95rem;
}

.footer-divider{

    width:80px;

    height:4px;

    margin:25px auto;

    border-radius:999px;

    background:
    linear-gradient(
        90deg,
        var(--pink),
        var(--purple)
    );
}

.footer-copy{

    color:rgba(
        255,
        255,
        255,
        .65
    );

    font-size:.85rem;

    margin-bottom:10px;
}

.footer-dev{

    font-size:.9rem;

    color:rgba(
        255,
        255,
        255,
        .65
    );
}

.footer-dev span{

    background:
    linear-gradient(
        135deg,
        var(--pink),
        var(--purple)
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    font-weight:700;

    letter-spacing:1px;
}

.footer-xentria{

    text-decoration:none;

    font-weight:700;

    letter-spacing:1px;

    background:
    linear-gradient(
        135deg,
        var(--pink),
        var(--purple)
    );

    background-clip:text;
    -webkit-background-clip:text;

    color:transparent;
    -webkit-text-fill-color:transparent;

    display:inline-block;
}

.footer-xentria:visited{

    color:transparent;
    -webkit-text-fill-color:transparent;
}

.footer-xentria:hover{

    transform:translateY(-1px);

    filter:brightness(1.1);
}