/* ================================================================
   FIX ZOOM RESPONSIVE - BALANCEADO DESKTOP Y MÓVIL
   Versión: 2025-10-08-1130
   ================================================================ */

/* ================================================================
   DESKTOP: TAMAÑOS ESTÁNDAR WEB
   ================================================================ */
html,
html body {
    font-size: 14px !important;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    overflow-x: hidden !important;
}

body * {
    box-sizing: border-box !important;
}

/* MENU DESKTOP */
.navbar-inverse .navbar-nav > li > a {
    font-size: 12px !important;
    padding: 18px 12px !important;
}

.nav .menucats h1 {
    font-size: 24px !important;
}

.navbar-inverse .logo img {
    max-width: 200px !important;
}

/* PRODUCTOS DESKTOP */
.losmas h1 {
    font-size: 14px !important;
    min-height: 40px !important;
}

.losmas h2 {
    font-size: 16px !important;
}

.losmas h3 {
    font-size: 24px !important;
}

.losmas .precio1 .span1 {
    font-size: 15px !important;
}

.losmas .precio2 {
    font-size: 20px !important;
}

.losmas .icononuevo {
    font-size: 15px !important;
    padding: 3px 14px !important;
}

/* DETALLE DE PRODUCTO DESKTOP */
.detalle h1 {
    font-size: 14px !important;
}

.detalle h1 span {
    font-size: 20px !important;
}

.detalle h2 {
    font-size: 15px !important;
}

.detalle p {
    font-size: 14px !important;
}

.detalle .precio1 .span1,
.detalle .precio1 .span2 {
    font-size: 38px !important;
}

.detalle .precio2 {
    font-size: 15px !important;
}

.detalle .agregar {
    font-size: 15px !important;
    padding: 6px 12px !important;
}

/* SECCIONES DESTACADAS DESKTOP */
.puntos h1 {
    font-size: 44px !important;
}

.puntos p {
    font-size: 16px !important;
}

.insta h1 {
    font-size: 28px !important;
}

.insta h2 a {
    font-size: 17px !important;
}

/* PIE DE PÁGINA DESKTOP */
.pie h1 {
    font-size: 14px !important;
}

.pie ul li a,
.pie p,
.pie .copy {
    font-size: 12px !important;
}

/* EMPRESA/BANNER/CONTACTO DESKTOP */
.empresa h1,
.contacto h1 {
    font-size: 30px !important;
}

.empresa h2,
.contacto h2 {
    font-size: 15px !important;
}

.empresa p {
    font-size: 14px !important;
}

.banner ul li h1 {
    font-size: 30px !important;
}

.banner ul li h2 {
    font-size: 18px !important;
}

.banner ul li:first-child {
    font-size: 48px !important;
}

/* BÚSQUEDA DESKTOP */
#navbar input[type="search"],
.searchmobile input[type="search"] {
    font-size: 13px !important;
}

#navbar input[type="submit"],
.searchmobile input[type="submit"] {
    font-size: 13px !important;
}

#navbar .col3 a,
.searchmobile .col3 a {
    font-size: 15px !important;
}

/* CARRITO DESKTOP */
.carrito h1,
.carrito h2,
.carrito h3 {
    font-size: 16px !important;
}

.carrito .item li {
    font-size: 14px !important;
}

/* ================================================================
   MÓVIL: TAMAÑOS APROPIADOS PARA PANTALLAS PEQUEÑAS
   ================================================================ */
@media (max-width: 767px) {
    /* BASE MÓVIL */
    html,
    html body {
        font-size: 12px !important;
    }

    /* MENU MÓVIL */
    .navbar-inverse .navbar-nav > li > a {
        font-size: 11px !important;
        padding: 14px 8px !important;
    }

    .nav .menucats h1 {
        font-size: 18px !important;
    }

    .navbar-inverse .logo img {
        max-width: 160px !important;
    }

    /* PRODUCTOS MÓVIL */
    .losmas h1 {
        font-size: 12px !important;
        min-height: 34px !important;
    }

    .losmas h2 {
        font-size: 14px !important;
    }

    .losmas h3 {
        font-size: 20px !important;
    }

    .losmas .precio1 .span1 {
        font-size: 13px !important;
    }

    .losmas .precio2 {
        font-size: 17px !important;
    }

    .losmas .icononuevo {
        font-size: 13px !important;
        padding: 2px 12px !important;
    }

    /* DETALLE MÓVIL */
    .detalle h1 {
        font-size: 12px !important;
    }

    .detalle h1 span {
        font-size: 16px !important;
    }

    .detalle h2 {
        font-size: 13px !important;
    }

    .detalle p {
        font-size: 12px !important;
    }

    .detalle .precio1 .span1,
    .detalle .precio1 .span2 {
        font-size: 28px !important;
    }

    .detalle .precio2 {
        font-size: 13px !important;
    }

    .detalle .agregar {
        font-size: 13px !important;
        padding: 5px 10px !important;
    }

    /* PUNTOS MÓVIL */
    .puntos h1 {
        font-size: 32px !important;
    }

    .puntos p {
        font-size: 13px !important;
    }

    /* INSTAGRAM MÓVIL */
    .insta h1 {
        font-size: 22px !important;
    }

    .insta h2 a {
        font-size: 14px !important;
    }

    /* PIE MÓVIL */
    .pie h1 {
        font-size: 13px !important;
    }

    .pie ul li a,
    .pie p {
        font-size: 11px !important;
    }

    .pie .copy {
        font-size: 10px !important;
    }

    /* EMPRESA MÓVIL */
    .empresa h1,
    .contacto h1 {
        font-size: 24px !important;
    }

    .empresa h2,
    .contacto h2 {
        font-size: 13px !important;
    }

    .empresa p {
        font-size: 12px !important;
    }

    /* BANNER MÓVIL */
    .banner ul li h1 {
        font-size: 24px !important;
    }

    .banner ul li h2 {
        font-size: 15px !important;
    }

    .banner ul li:first-child {
        font-size: 36px !important;
    }

    /* BÚSQUEDA MÓVIL */
    #navbar input[type="search"],
    .searchmobile input[type="search"] {
        font-size: 11px !important;
    }

    #navbar input[type="submit"],
    .searchmobile input[type="submit"] {
        font-size: 11px !important;
    }

    #navbar .col3 a,
    .searchmobile .col3 a {
        font-size: 13px !important;
    }

    /* CARRITO MÓVIL */
    .carrito h1,
    .carrito h2,
    .carrito h3 {
        font-size: 13px !important;
    }

    .carrito .item li {
        font-size: 11px !important;
    }
}

/* ================================================================
   MÓVIL PEQUEÑO: Ajustes adicionales
   ================================================================ */
@media (max-width: 480px) {
    html,
    html body {
        font-size: 11px !important;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 10px !important;
        padding: 12px 6px !important;
    }

    .losmas h1 {
        font-size: 11px !important;
        min-height: 32px !important;
    }

    .losmas h2 {
        font-size: 13px !important;
    }

    .losmas h3 {
        font-size: 18px !important;
    }

    .losmas .precio2 {
        font-size: 15px !important;
    }

    .detalle .precio1 .span1,
    .detalle .precio1 .span2 {
        font-size: 24px !important;
    }

    .puntos h1 {
        font-size: 28px !important;
    }

    .insta h1 {
        font-size: 20px !important;
    }

    .banner ul li:first-child {
        font-size: 32px !important;
    }
}

/* ================================================================
   TABLET: Tamaños intermedios
   ================================================================ */
@media (min-width: 768px) and (max-width: 1024px) {
    html,
    html body {
        font-size: 13px !important;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 11px !important;
    }

    .losmas h1 {
        font-size: 13px !important;
    }

    .losmas h2 {
        font-size: 15px !important;
    }

    .losmas h3 {
        font-size: 22px !important;
    }

    .losmas .precio2 {
        font-size: 18px !important;
    }

    .detalle .precio1 .span1,
    .detalle .precio1 .span2 {
        font-size: 32px !important;
    }

    .puntos h1 {
        font-size: 38px !important;
    }

    .insta h1 {
        font-size: 24px !important;
    }
}

/* ================================================================
   DESKTOP GRANDE: Tamaños ligeramente aumentados
   ================================================================ */
@media (min-width: 1400px) {
    html,
    html body {
        font-size: 15px !important;
    }

    .losmas h3 {
        font-size: 26px !important;
    }

    .puntos h1 {
        font-size: 48px !important;
    }

    .detalle .precio1 .span1,
    .detalle .precio1 .span2 {
        font-size: 42px !important;
    }

    .banner ul li:first-child {
        font-size: 52px !important;
    }
}

/* ================================================================
   FIN DEL ARCHIVO
   ================================================================ */