/* RC27.0 — Experiencia móvil tipo app. Capa visual reversible. */
:root{--pc-red:#e80d16;--pc-red-dark:#c90912;--pc-yellow:#ffc43d;--pc-bg:#f3f4f6;--pc-card:#fff;--pc-text:#17191c;--pc-muted:#68707b;--pc-line:#e3e6eb}
.mobileWelcome,.mobileAppTopbar,.mobileBottomNav,.mobileCartBar{display:none}
@media (max-width:768px){
 html{scroll-behavior:smooth;background:var(--pc-bg)}
 body{background:var(--pc-bg)!important;color:var(--pc-text)!important;padding-bottom:86px;font-family:Arial,Helvetica,sans-serif}
 body.mobileWelcomeOpen{overflow:hidden}
 .mobileWelcome{position:fixed;inset:0;z-index:10050;display:flex;flex-direction:column;background:linear-gradient(180deg,#fafafa 0%,#f1f3f6 100%);overflow:auto}
 .mobileWelcome[hidden]{display:none!important}
 .mobileWelcomeHeader,.mobileAppTopbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--pc-line)}
 .mobileWelcomeLogo{width:102px;max-height:54px;object-fit:contain}.mobileTopbarLogo{width:86px;max-height:46px;object-fit:contain}
 .mobileMenuButton,.mobileCartButton{width:46px;height:46px;border:1px solid #d9dde3;border-radius:14px;background:#fff;color:#1f2933;font-size:21px;box-shadow:0 4px 14px rgba(17,24,39,.06);position:relative}
 .mobileCartButton span{position:absolute;right:-4px;top:-5px;background:var(--pc-red);color:#fff;min-width:20px;height:20px;border-radius:999px;font-size:11px;display:grid;place-items:center;font-weight:800}
 .mobileWelcomeContent{padding:38px 22px 120px;max-width:520px;width:100%;margin:auto}
 .mobileWelcomeContent h1{font-size:31px;line-height:1.08;margin:0 0 8px;color:#111;font-weight:900}.mobileWelcomeContent>p{color:var(--pc-muted);font-size:15px;margin-bottom:26px}
 .deliveryChoice{width:100%;min-height:118px;border:0;border-radius:19px;margin-bottom:14px;padding:20px;display:flex;align-items:center;justify-content:space-between;text-align:left;box-shadow:0 12px 28px rgba(30,35,45,.10)}
 .deliveryChoice span:first-child{display:flex;flex-direction:column;gap:7px}.deliveryChoice strong{font-size:23px}.deliveryChoice small{font-size:15px;line-height:1.3}.deliveryChoiceIcon{font-size:48px}
 .deliveryChoicePrimary{background:linear-gradient(135deg,#ed141c,#cf0810);color:#fff}.deliveryChoiceSecondary{background:linear-gradient(135deg,#ffd45d,#ffba25);color:#271900}
 .mobileFeaturedPromo{margin-top:20px;background:#fff;border:1px solid #ffd5d7;border-radius:16px;padding:15px;display:flex;gap:12px;align-items:center;justify-content:space-between;box-shadow:0 8px 22px rgba(17,24,39,.06)}
 .mobileFeaturedPromo div{display:flex;flex-direction:column;gap:5px}.mobileFeaturedPromo small{color:var(--pc-red);font-weight:900}.mobileFeaturedPromo strong{font-size:14px}.mobileFeaturedPromo a{color:var(--pc-red);font-weight:800;text-decoration:none;white-space:nowrap}
 .mobileAppTopbar{position:sticky;top:0;z-index:900;display:flex;height:68px}
 .cabeceraSitio,.barraConfianza,.portadaVersionDos,.beneficiosVersionDos{display:none!important}
 .tituloSeccionDestacada{margin:20px 16px 8px}.tituloSeccionDestacada h2{font-size:18px!important;color:#16181c!important;text-align:left!important}
 #promociones,.seccionPromocionesPrincipal,#catalogo{padding-left:10px!important;padding-right:10px!important}
 .categoriaProductos{margin:14px 0 24px!important;padding:0!important}.cabeceraCategoria{padding:0 8px!important;margin-bottom:10px!important}.tituloCategoria{font-size:21px!important;color:#141619!important}
 .grillaProductos,.carruselProductos,.carruselMovilUniversal{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;padding:0 4px 6px!important;scroll-snap-type:none!important}
 .promo{width:auto!important;min-width:0!important;margin:0!important;border-radius:17px!important;background:#fff!important;color:#15171a!important;border:1px solid #e2e6eb!important;box-shadow:0 7px 22px rgba(25,34,45,.08)!important;overflow:hidden!important;transform:none!important}
 .promo:hover{transform:none!important}.promo img,.promoImg{height:142px!important;object-fit:cover!important}.promoInfo{padding:11px!important;text-align:left!important}.codigoPromo{font-size:10px!important;color:#8a929d!important}.promo h3{font-size:15px!important;line-height:1.18!important;color:#141619!important;margin:5px 0!important;min-height:36px}.descripcionPromo,.estadoPromo{display:none!important}
 .precioPromo,.promo h2{font-size:18px!important;color:#111!important;margin:7px 0!important}.botonCarrito{width:100%!important;margin:5px 0 0!important;padding:11px 8px!important;border-radius:11px!important;background:var(--pc-red)!important;font-size:13px!important}
 .controlesCarrusel{display:none!important}.seccionUbicacion,.footerPrincipal{display:none!important}
 .mobileBottomNav{position:fixed;left:0;right:0;bottom:0;z-index:950;display:grid;grid-template-columns:repeat(4,1fr);height:68px;background:#fff;border-top:1px solid var(--pc-line);box-shadow:0 -7px 22px rgba(17,24,39,.08);padding-bottom:env(safe-area-inset-bottom)}
 .mobileBottomNav button{border:0;background:transparent;color:#404650;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:20px}.mobileBottomNav small{font-size:10px}.mobileBottomNav button.active{color:var(--pc-red);font-weight:800}
 #carrito{display:none!important}.mobileCartBar{display:block;position:fixed;left:14px;right:14px;bottom:76px;z-index:940}.mobileCartBar[hidden]{display:none!important}.mobileCartBar button{width:100%;height:58px;border:1px solid #e1e4e9;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.18);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:15px}.mobileCartBar strong{font-size:19px;color:#111}
 #panelDatos,#panelCarrito{z-index:1100!important}.modalConfigurador{z-index:1200!important}.ventanaConfigurador{border-radius:22px 22px 0 0!important}
}
@media (min-width:769px) and (max-width:1100px){body{background:#f2f3f5!important}.grillaProductos{grid-template-columns:repeat(3,minmax(0,1fr))!important}.promo{background:#fff!important;color:#17191c!important}}

/* RC27.1 — Inicio de catálogo, búsqueda y categorías. Solo usa fotos y logo existentes. */
.mobileCatalogHome{display:none}
@media (max-width:768px){
  .mobileCatalogHome{display:block;padding:14px 14px 2px;background:var(--pc-bg)}
  .mobileSearchBox{height:48px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e6eb;border-radius:15px;padding:0 13px;box-shadow:0 5px 18px rgba(20,28,40,.055)}
  .mobileSearchBox>span{font-size:22px;color:#59616d;transform:rotate(-15deg)}
  .mobileSearchBox input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#181a1e;font-size:15px;font-weight:600}
  .mobileSearchBox input::placeholder{color:#8d949e;font-weight:500}
  .mobileSearchBox button{width:31px;height:31px;border:0;border-radius:50%;background:#eef0f3;color:#4e5560;font-size:19px}
  .mobileCategoryRail{display:flex;gap:10px;overflow-x:auto;padding:14px 1px 12px;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
  .mobileCategoryRail::-webkit-scrollbar{display:none}
  .mobileCategoryChip{flex:0 0 auto;min-width:71px;height:67px;border:1px solid #e2e5ea;border-radius:17px;background:#fff;color:#24272c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:750;box-shadow:0 5px 15px rgba(23,31,42,.055);scroll-snap-align:start}
  .mobileCategoryChip span{font-size:23px;line-height:1}
  .mobileCategoryChip.active{border-color:#f3a6aa;background:#fff2f2;color:var(--pc-red);box-shadow:0 6px 18px rgba(232,13,22,.10)}
  .mobileFeaturedSection{margin:2px 0 14px}
  .mobileSectionHeading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:6px 2px 10px}
  .mobileSectionHeading small{display:block;color:var(--pc-red);font-size:9px;font-weight:900;letter-spacing:.055em;margin-bottom:2px}
  .mobileSectionHeading h2{margin:0;font-size:19px;line-height:1.1;color:#16181c}
  .mobileSectionHeading button{border:0;background:transparent;color:var(--pc-red);font-weight:800;font-size:12px;padding:7px 0}
  .mobileFeaturedProducts{display:flex;gap:11px;overflow-x:auto;padding:1px 1px 12px;scrollbar-width:none;scroll-snap-type:x mandatory}
  .mobileFeaturedProducts::-webkit-scrollbar{display:none}
  .mobileFeatureCard{flex:0 0 78%;max-width:315px;min-height:178px;position:relative;border-radius:19px;overflow:hidden;background:#2a1210;scroll-snap-align:start;box-shadow:0 10px 25px rgba(23,28,38,.14);isolation:isolate}
  .mobileFeatureCard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
  .mobileFeatureCard::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,5,4,.90) 0%,rgba(30,8,6,.62) 48%,rgba(20,5,4,.08) 100%);z-index:-1}
  .mobileFeatureCardContent{height:100%;min-height:178px;padding:18px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:#fff}
  .mobileFeatureCard small{font-size:10px;font-weight:900;color:#ffd05a;margin-bottom:5px}.mobileFeatureCard h3{font-size:19px;line-height:1.08;margin:0 0 6px;max-width:72%;text-shadow:0 2px 8px rgba(0,0,0,.25)}
  .mobileFeatureCard strong{font-size:20px;margin-bottom:9px}
  .mobileFeatureCard button{border:0;border-radius:10px;background:var(--pc-red);color:#fff;padding:9px 13px;font-size:12px;font-weight:900}
  .mobileFeatureEmpty{width:100%;padding:18px;border-radius:16px;background:#fff;border:1px dashed #d7dce2;color:#69717c;text-align:center;font-size:13px}
  body:not(.mobileWelcomeOpen) .seccionPromocionesPrincipal{padding-top:3px!important}
  body:not(.mobileWelcomeOpen) .seccionPromocionesPrincipal>.tituloSeccionDestacada{display:none!important}
  .promo .contenedorImagenProducto{background:#fff}
  .promo img,.promoImg{object-position:center!important}
}
@media (min-width:769px) and (max-width:1100px){
  .mobileCatalogHome{display:block;max-width:1100px;margin:0 auto;padding:18px 22px 6px}
  .mobileSearchBox{display:none}
  .mobileCategoryRail{display:flex;gap:10px;overflow-x:auto;padding:4px 0 16px;scrollbar-width:none}
  .mobileCategoryChip{flex:0 0 auto;border:1px solid #dde2e8;border-radius:14px;background:#fff;padding:11px 16px;font-weight:800}.mobileCategoryChip span{margin-right:6px}
  .mobileCategoryChip.active{color:var(--pc-red);border-color:#f2a5a8;background:#fff4f4}
  .mobileFeaturedSection{display:none}
}

/* =====================================================
   RC27.2 — TARJETAS Y DETALLE DE PRODUCTO MÓVIL
   Referencia visual aprobada: estilo premium, fondo gris claro.
   No modifica fotos, logo, catálogo ni lógica comercial.
===================================================== */
@media (max-width:768px){
  :root{
    --pc-mobile-surface:#ffffff;
    --pc-mobile-bg:#f2f3f5;
    --pc-mobile-shadow:0 8px 22px rgba(24,31,42,.085);
    --pc-mobile-radius:18px;
  }

  body{background:var(--pc-mobile-bg)!important}

  /* Separación y encabezados de categoría */
  .categoriaProductos{padding:3px 10px 0!important;margin:4px 0 24px!important}
  .cabeceraCategoria{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 3px!important;margin:8px 0 11px!important}
  .tituloCategoria{font-size:20px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:-.025em!important;color:#141518!important}

  /* Grilla tipo aplicación */
  .grillaProductos,.carruselProductos,.carruselMovilUniversal{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
    padding:0!important;
  }

  .promo{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:292px!important;
    border:1px solid #e1e4e9!important;
    border-radius:var(--pc-mobile-radius)!important;
    background:var(--pc-mobile-surface)!important;
    box-shadow:var(--pc-mobile-shadow)!important;
    overflow:hidden!important;
    cursor:pointer!important;
  }
  .promo:active{transform:scale(.985)!important}
  .promo.productoNoDisponible{opacity:.72!important;filter:saturate(.55)!important}

  .promo .contenedorImagenProducto{
    position:relative!important;
    height:150px!important;
    min-height:150px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#fff 0%,#f7f7f8 100%)!important;
    border-bottom:1px solid #eef0f3!important;
  }
  .promo img,.promoImg{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    transition:transform .22s ease!important;
  }
  .promo:active img{transform:scale(1.025)!important}
  .etiquetasProducto{top:8px!important;left:8px!important;right:8px!important;gap:5px!important}
  .etiquetasProducto>*{font-size:9px!important;border-radius:999px!important;padding:5px 7px!important;box-shadow:0 3px 10px rgba(0,0,0,.12)!important}

  .promoInfo{
    flex:1!important;
    display:flex!important;
    flex-direction:column!important;
    padding:11px 11px 10px!important;
  }
  .codigoPromo{font-size:9px!important;font-weight:800!important;letter-spacing:.06em!important;color:#9298a1!important;text-transform:uppercase!important}
  .promo h3{
    min-height:35px!important;
    margin:5px 0 3px!important;
    color:#15171a!important;
    font-size:14px!important;
    line-height:1.23!important;
    font-weight:850!important;
    letter-spacing:-.012em!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .precioBloque{margin-top:auto!important;margin-bottom:6px!important;min-height:27px!important;display:flex!important;align-items:flex-end!important;gap:5px!important;flex-wrap:wrap!important}
  .precioAnterior{font-size:10px!important;color:#969ba3!important;text-decoration:line-through!important}
  .precioPromo{
    color:#141518!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.02em!important;
  }
  .botonCarrito{
    min-height:39px!important;
    margin:3px 0 0!important;
    padding:8px 7px!important;
    border:0!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#ed171f,#dc0710)!important;
    color:#fff!important;
    box-shadow:0 5px 12px rgba(220,7,16,.18)!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    font-weight:900!important;
  }
  .botonCarrito:disabled{background:#d5d8dd!important;color:#727983!important;box-shadow:none!important}

  /* Detalle de producto: pantalla limpia tipo app */
  .detallePromocionMovilOverlay{
    padding:0!important;
    align-items:flex-end!important;
    justify-content:center!important;
    background:rgba(24,27,33,.46)!important;
    backdrop-filter:blur(5px)!important;
  }
  .detallePromocionMovilTarjeta{
    width:100%!important;
    max-width:100%!important;
    max-height:94dvh!important;
    border:0!important;
    border-radius:25px 25px 0 0!important;
    background:#fff!important;
    box-shadow:0 -18px 50px rgba(17,24,39,.22)!important;
    overflow:auto!important;
  }
  .cerrarDetallePromocionMovil{
    position:fixed!important;
    top:calc(env(safe-area-inset-top) + 13px)!important;
    left:14px!important;
    right:auto!important;
    z-index:5!important;
    width:43px!important;
    height:43px!important;
    border:1px solid rgba(20,25,32,.10)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.94)!important;
    color:#20242a!important;
    box-shadow:0 7px 20px rgba(17,24,39,.14)!important;
    font-size:24px!important;
  }
  .detallePromocionMovilImagenMarco{
    height:305px!important;
    min-height:305px!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#fff,#f4f4f5)!important;
    overflow:hidden!important;
  }
  .detallePromocionMovilImagen{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .detallePromocionMovilEtiquetas{top:18px!important;right:14px!important;left:auto!important}
  .detallePromocionMovilContenido{
    padding:20px 18px calc(22px + env(safe-area-inset-bottom))!important;
    color:#17191c!important;
    background:#fff!important;
  }
  .detallePromocionMovilCodigo{display:none!important}
  .detallePromocionMovilContenido h2{
    margin:0 0 7px!important;
    color:#15171a!important;
    font-size:26px!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
  }
  .detallePromocionMovilDescripcion{
    margin:0 0 14px!important;
    color:#5d646e!important;
    font-size:14px!important;
    line-height:1.5!important;
  }
  .detallePromocionMovilIncluye{
    margin:0 0 14px!important;
    padding:13px 14px!important;
    border:1px solid #e6e8ec!important;
    border-radius:14px!important;
    background:#f7f8fa!important;
    color:#4e5560!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  .detallePromocionMovilIncluye strong{display:block!important;margin:0 0 4px!important;color:#17191c!important;font-size:12px!important}
  .detallePromocionMovilPrecio{
    margin:4px 0 6px!important;
    color:#15171a!important;
    font-size:27px!important;
    line-height:1!important;
    font-weight:950!important;
  }
  .detallePromocionMovilEstado{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    margin:2px 0 15px!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    background:#ecf8f0!important;
    color:#16713d!important;
    font-size:11px!important;
    font-weight:850!important;
  }
  .detallePromocionMovilEstado.no-disponible{background:#fff0f0!important;color:#b4232b!important}
  .detallePromocionMovilAccion{
    position:sticky!important;
    bottom:0!important;
    width:100%!important;
    min-height:52px!important;
    border:0!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#ee171f,#dc0710)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(220,7,16,.20)!important;
    font-size:15px!important;
    font-weight:950!important;
  }

  /* Configurador consistente con el detalle */
  .modalConfigurador{padding:0!important;align-items:flex-end!important;background:transparent!important}
  .fondoModalConfigurador{background:rgba(24,27,33,.50)!important;backdrop-filter:blur(5px)!important}
  .ventanaConfigurador{
    max-width:none!important;
    max-height:94dvh!important;
    border:0!important;
    border-radius:25px 25px 0 0!important;
    background:#fff!important;
    color:#17191c!important;
    box-shadow:0 -18px 50px rgba(17,24,39,.24)!important;
  }
  .cabeceraConfigurador{padding:18px!important;background:#fff!important;border-bottom:1px solid #e9ebef!important}
  .cabeceraConfigurador h2{color:#17191c!important;font-size:22px!important}
  .codigoConfigurador{background:#fff1f1!important;color:var(--pc-red)!important}
  .cerrarConfigurador{background:#f0f2f5!important;color:#20242a!important}
  .contenidoConfigurador{background:#f6f7f9!important;color:#17191c!important}
  .pieConfigurador{background:#fff!important;border-top:1px solid #e8eaee!important}
}

@media (min-width:769px) and (max-width:1100px){
  .promo{border-radius:18px!important;box-shadow:0 8px 24px rgba(24,31,42,.08)!important}
  .promo img,.promoImg{height:180px!important}
}

/* RC27.3 — Portada móvil premium. Solo código; conserva el logo original. */
@media (max-width:768px){
  .mobileWelcome{
    background:
      radial-gradient(circle at 15% 8%,rgba(232,13,22,.08),transparent 28%),
      radial-gradient(circle at 92% 34%,rgba(255,196,61,.14),transparent 32%),
      linear-gradient(180deg,#f8f8f9 0%,#f1f2f4 100%);
    padding:0;
  }
  .mobileWelcomeShell{
    width:100%;min-height:100dvh;max-width:540px;margin:0 auto;
    display:flex;flex-direction:column;position:relative;overflow:hidden;
  }
  .mobileWelcomeBrand{
    min-height:102px;display:grid;grid-template-columns:48px 1fr 48px;
    align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top)) 20px 10px;
  }
  .mobileWelcomeLogo{
    width:150px;max-width:100%;height:70px;max-height:70px;justify-self:center;
    object-fit:contain;filter:drop-shadow(0 8px 15px rgba(28,28,30,.08));
  }
  .mobileWelcomeUtility{
    width:44px!important;height:44px!important;border:1px solid rgba(31,41,51,.08)!important;
    border-radius:15px!important;background:rgba(255,255,255,.82)!important;
    box-shadow:0 8px 24px rgba(21,25,31,.08)!important;backdrop-filter:blur(12px);
  }
  .mobileWelcomeContent{
    width:100%;max-width:none;margin:0;padding:20px 20px 36px;display:flex;flex-direction:column;
  }
  .mobileWelcomeIntro{padding:8px 4px 25px;text-align:left;animation:pcWelcomeIntro .52s ease both}
  .mobileWelcomeEyebrow{
    display:inline-flex;margin-bottom:10px;color:var(--pc-red);font-size:10px;font-weight:950;
    letter-spacing:.13em;
  }
  .mobileWelcomeContent h1{
    margin:0!important;max-width:420px;color:#131416!important;font-family:Georgia,'Times New Roman',serif!important;
    font-size:37px!important;line-height:1.04!important;font-weight:800!important;letter-spacing:-.035em!important;
  }
  .mobileWelcomeContent h1::after{
    content:"";display:block;width:68px;height:4px;margin-top:13px;border-radius:999px;
    background:linear-gradient(90deg,var(--pc-red),#ff595f);
  }
  .mobileWelcomeContent>p,.mobileWelcomeIntro>p{
    margin:13px 0 0!important;color:#6a717b!important;font-size:15px!important;line-height:1.45;
  }
  .mobileDeliveryChoices{display:grid;gap:14px}
  .deliveryChoice{
    min-height:148px!important;margin:0!important;padding:19px 18px!important;border:1px solid rgba(25,30,38,.07)!important;
    border-radius:24px!important;display:grid!important;grid-template-columns:76px 1fr 44px!important;
    align-items:center!important;gap:15px!important;text-align:left!important;position:relative;overflow:hidden;
    box-shadow:0 16px 38px rgba(24,30,39,.12)!important;transition:transform .18s ease,box-shadow .18s ease!important;
    animation:pcWelcomeCard .55s ease both;
  }
  .deliveryChoice:nth-child(2){animation-delay:.08s}
  .deliveryChoice:active{transform:scale(.985)!important;box-shadow:0 8px 20px rgba(24,30,39,.11)!important}
  .deliveryChoicePrimary{
    color:#fff!important;background:linear-gradient(135deg,#f01d25 0%,#d50610 76%,#bd0008 100%)!important;
  }
  .deliveryChoicePrimary::after{
    content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-50px;top:-55px;
    background:rgba(255,255,255,.10);pointer-events:none;
  }
  .deliveryChoiceSecondary{
    color:#201600!important;background:linear-gradient(135deg,#ffd962 0%,#ffc130 72%,#f4ac10 100%)!important;
  }
  .deliveryChoiceSecondary::after{
    content:"";position:absolute;width:155px;height:155px;border-radius:50%;right:-56px;bottom:-76px;
    background:rgba(255,255,255,.20);pointer-events:none;
  }
  .deliveryChoiceIcon{
    width:72px;height:72px;border-radius:23px;display:grid!important;place-items:center;position:relative;z-index:1;
    background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
  }
  .deliveryChoiceSecondary .deliveryChoiceIcon{background:rgba(255,255,255,.38);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
  .deliveryChoiceIcon svg{width:47px;height:47px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
  .deliveryChoiceCopy{display:flex!important;flex-direction:column!important;gap:5px!important;position:relative;z-index:1}
  .deliveryChoiceCopy small{font-size:9px!important;font-weight:950!important;letter-spacing:.13em!important;opacity:.78}
  .deliveryChoiceCopy strong{font-size:24px!important;line-height:1.05!important;letter-spacing:-.025em!important;text-transform:none!important}
  .deliveryChoiceCopy>span{font-size:14px!important;line-height:1.35!important;opacity:.91}
  .deliveryChoiceArrow{
    width:42px;height:42px;border-radius:50%;display:grid!important;place-items:center;position:relative;z-index:2;
    color:currentColor;background:rgba(255,255,255,.20);font-size:34px;line-height:1;font-weight:300;
  }
  .deliveryChoiceSecondary .deliveryChoiceArrow{background:rgba(255,255,255,.48)}
  .mobileWelcomeTrust{
    margin:20px 2px 4px;padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.70);
    border:1px solid rgba(26,31,38,.06);display:flex;justify-content:center;flex-wrap:wrap;gap:9px 15px;
    color:#5c636c;font-size:11px;font-weight:700;box-shadow:0 8px 24px rgba(21,25,31,.045);
  }
  .mobileWelcomeTrust b{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:4px;border-radius:50%;background:#eaf8ee;color:#168548;font-size:10px}
  .mobileFeaturedPromo{
    margin-top:14px!important;border-radius:18px!important;border-color:rgba(232,13,22,.12)!important;
    background:rgba(255,255,255,.76)!important;backdrop-filter:blur(10px);box-shadow:0 9px 25px rgba(17,24,39,.055)!important;
  }
  .mobileWelcomeFooter{
    margin-top:auto;padding:8px 20px calc(19px + env(safe-area-inset-bottom));text-align:center;
    color:#7d838b;font-size:11px;font-weight:650;letter-spacing:.015em;
  }
  @keyframes pcWelcomeIntro{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  @keyframes pcWelcomeCard{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
}

@media (min-width:540px) and (max-width:768px){
  .mobileWelcomeContent{padding-left:36px;padding-right:36px}
  .mobileWelcomeBrand{padding-left:36px;padding-right:36px}
  .mobileWelcomeContent h1{font-size:42px!important}
  .deliveryChoice{min-height:158px!important;grid-template-columns:86px 1fr 48px!important}
  .deliveryChoiceIcon{width:82px;height:82px}
}


/* =====================================================
   RC27.4 — CONTROLES DE CANTIDAD Y CARRITO FLOTANTE
   La tarjeta usa - / cantidad / +. Los productos configurables
   siguen abriendo su selector original. No altera fotos ni catálogo.
===================================================== */
.mobileQuantityControl{display:none}
@media (max-width:768px){
  .promo{min-height:286px!important}
  .promo .botonCarrito{display:none!important}
  .mobileQuantityControl{
    display:grid;
    grid-template-columns:38px minmax(32px,1fr) 38px;
    align-items:center;
    min-height:40px;
    margin-top:4px;
    border:1px solid #e4e7eb;
    border-radius:12px;
    overflow:hidden;
    background:#f8f9fa;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  }
  .mobileQuantityControl button{
    width:100%;height:40px;border:0;background:#fff;color:var(--pc-red);
    font-size:23px;font-weight:900;line-height:1;touch-action:manipulation;
    transition:background .16s ease,transform .12s ease,color .16s ease;
  }
  .mobileQuantityControl button:active{transform:scale(.9);background:#fff0f0}
  .mobileQuantityControl button:disabled{color:#b6bbc2;background:#f1f2f4}
  .mobileQuantityValue{
    height:40px;display:grid;place-items:center;border-left:1px solid #e7e9ed;
    border-right:1px solid #e7e9ed;background:#fff;color:#17191c;
    font-size:15px;font-weight:950;font-variant-numeric:tabular-nums;
  }
  .mobileQuantityControl.is-configurable .mobileQuantityPlus::after{
    content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#ffc43d;
    margin:13px 0 0 -3px;box-shadow:0 0 0 2px #fff;
  }
  .mobileQuantityControl button{position:relative}
  .promo.mobileProductPulse{animation:mobileProductPulse .34s ease}
  @keyframes mobileProductPulse{0%{transform:scale(1)}45%{transform:scale(1.025);box-shadow:0 12px 28px rgba(232,13,22,.17)}100%{transform:scale(1)}}
  .mobileQuantityValue.quantityBump{animation:quantityBump .28s ease}
  @keyframes quantityBump{0%{transform:scale(.7);color:var(--pc-red)}65%{transform:scale(1.18);color:var(--pc-red)}100%{transform:scale(1);color:#17191c}}

  .mobileCartBar{left:12px;right:12px;bottom:77px}
  .mobileCartBar button{
    min-height:64px;height:auto;padding:9px 12px;border:1px solid rgba(232,13,22,.16);
    border-radius:18px;background:rgba(255,255,255,.97);backdrop-filter:blur(15px);
    box-shadow:0 12px 30px rgba(18,24,34,.20);justify-content:flex-start;gap:10px;
  }
  .mobileCartBarIcon{
    position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;
    border-radius:13px;background:linear-gradient(145deg,#f01820,#d60912);font-size:20px;
    box-shadow:0 7px 15px rgba(218,8,17,.25)
  }
  .mobileCartBarCopy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.12}
  .mobileCartBarCopy small{color:#858b94;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
  .mobileCartBarCopy b{color:#202329;font-size:13px;white-space:nowrap}
  .mobileCartBar strong{margin-left:auto;color:#15171a;font-size:19px;font-weight:950;letter-spacing:-.025em;white-space:nowrap}
  .mobileCartBarArrow{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f1f2f4;color:#4d535c;font-size:14px;font-weight:900}
  body:has(.mobileCartBar:not([hidden])){padding-bottom:156px}
}

/* =====================================================
   RC27.5 — EXPERIENCIA UNIFICADA WEB / TABLET
   Extiende la estética aprobada a escritorio sin modificar
   el catálogo, las fotos, el logo ni la lógica existente.
===================================================== */
@media (min-width:769px){
  :root{--pc-desktop-max:1380px;--pc-surface:#ffffff;--pc-soft:#f4f5f7;--pc-shadow:0 14px 38px rgba(22,28,38,.09)}
  html{scroll-behavior:smooth;background:var(--pc-soft)}
  body{margin:0;background:var(--pc-soft)!important;color:#17191c!important;font-family:Inter,Arial,Helvetica,sans-serif!important}

  /* Encabezado tipo aplicación */
  .cabeceraSitio{position:sticky!important;top:0!important;z-index:850!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e6e8ec!important;box-shadow:0 8px 28px rgba(20,26,35,.055)!important;backdrop-filter:blur(15px)}
  #menuSuperior{max-width:var(--pc-desktop-max)!important;min-height:78px!important;margin:0 auto!important;padding:11px 24px!important;display:grid!important;grid-template-columns:150px minmax(300px,1fr) 190px 220px!important;gap:17px!important;align-items:center!important}
  .marcaPrincipal{display:flex!important;align-items:center!important;justify-content:flex-start!important}
  .logoMenuImagen{width:126px!important;height:58px!important;object-fit:contain!important;filter:drop-shadow(0 5px 11px rgba(22,28,38,.08))}
  #buscador{height:50px!important;margin:0!important;border:1px solid #dfe3e8!important;border-radius:17px!important;background:#f5f6f8!important;box-shadow:none!important;overflow:hidden!important}
  #buscarProducto{height:100%!important;padding:0 50px 0 17px!important;border:0!important;background:transparent!important;color:#1b1e23!important;font-size:14px!important;font-weight:650!important}
  .limpiarBusquedaIntegrada{right:10px!important;top:9px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#e8ebef!important;color:#4d5560!important}
  .botonCuentaCliente{min-height:50px!important;padding:7px 12px!important;border:1px solid #e1e4e9!important;border-radius:16px!important;background:#fff!important;color:#20242a!important;box-shadow:0 5px 16px rgba(20,28,39,.055)!important}
  .botonCuentaClienteIcono{width:34px!important;height:34px!important;border-radius:12px!important;background:#fff0f0!important;color:var(--pc-red)!important;display:grid!important;place-items:center!important}
  .estadoLocalMenu{min-height:50px!important;padding:8px 13px!important;border-radius:16px!important;box-shadow:none!important}
  .barraCategoriasSuperior{max-width:var(--pc-desktop-max)!important;margin:0 auto!important;padding:0 24px 10px!important;display:flex!important;justify-content:center!important;gap:7px!important;background:transparent!important;border:0!important;overflow-x:auto!important}
  .barraCategoriasSuperior .enlaceMenu{min-height:40px!important;padding:0 13px!important;border-radius:12px!important;color:#454c56!important;background:transparent!important;font-size:12px!important;font-weight:750!important;white-space:nowrap!important}
  .barraCategoriasSuperior .enlaceMenu:hover,.barraCategoriasSuperior .enlaceMenu.activo{background:#fff0f0!important;color:var(--pc-red)!important}
  .barraConfianza{max-width:var(--pc-desktop-max)!important;margin:13px auto 0!important;padding:10px 20px!important;border:1px solid #e3e6eb!important;border-radius:16px!important;background:#fff!important;color:#555d67!important;box-shadow:0 7px 22px rgba(20,27,37,.045)!important;display:flex!important;justify-content:center!important;gap:38px!important;font-size:12px!important;font-weight:750!important}

  /* Hero premium */
  .portadaPrincipal{max-width:var(--pc-desktop-max)!important;margin:22px auto 0!important;padding:0 24px!important;background:transparent!important}
  .portadaCarrusel{min-height:410px!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 22px 55px rgba(25,22,22,.18)!important}
  .diapositivaPortada{min-height:410px!important}
  .contenidoPortada{max-width:600px!important;padding:56px 54px!important}
  .contenidoPortada h2{font-size:48px!important;line-height:1!important;letter-spacing:-.045em!important}
  .contenidoPortada p{max-width:530px!important;font-size:17px!important;line-height:1.5!important}
  .botonPortadaWhatsapp{min-height:50px!important;padding:0 20px!important;border-radius:14px!important;font-size:13px!important;box-shadow:0 11px 24px rgba(215,8,16,.20)!important}
  .beneficiosVersionDos{max-width:var(--pc-desktop-max)!important;margin:16px auto 4px!important;padding:0 24px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;background:transparent!important}
  .beneficioVersionDos{min-height:76px!important;border:1px solid #e3e6eb!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 23px rgba(20,27,37,.05)!important}

  /* Secciones y catálogo */
  .tituloSeccionDestacada,.seccionPromocionesPrincipal,#catalogo,.seccionUbicacion{max-width:var(--pc-desktop-max)!important;margin-left:auto!important;margin-right:auto!important}
  .tituloSeccionDestacada{padding:30px 24px 10px!important;justify-content:flex-start!important;gap:14px!important}
  .tituloSeccionDestacada h2{margin:0!important;color:#17191c!important;font-size:26px!important;letter-spacing:-.025em!important;text-align:left!important}
  .tituloSeccionDestacada span{display:none!important}
  .seccionPromocionesPrincipal,#catalogo{padding-left:24px!important;padding-right:24px!important}
  #contenedorPromos{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important;align-items:stretch!important;overflow:visible!important}
  .categoriaProductos{margin:31px 0 40px!important;padding:0!important}
  .cabeceraCategoria{margin:0 0 14px!important;padding:0!important}
  .tituloCategoria{color:#17191c!important;font-size:26px!important;letter-spacing:-.025em!important}
  .grillaProductos,.carruselProductos,.carruselMovilUniversal{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
  .controlesCarrusel{display:none!important}

  /* Tarjetas compartidas con el lenguaje móvil */
  .promo{width:auto!important;min-width:0!important;height:100%!important;margin:0!important;border:1px solid #e2e5e9!important;border-radius:22px!important;background:#fff!important;color:#17191c!important;box-shadow:0 9px 28px rgba(20,27,38,.075)!important;overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
  .promo:hover{transform:translateY(-4px)!important;border-color:#efc7c9!important;box-shadow:0 18px 38px rgba(20,27,38,.12)!important}
  .contenedorImagenProducto{background:#fff!important;overflow:hidden!important}
  .promo img,.promoImg{width:100%!important;height:210px!important;object-fit:cover!important;transition:transform .28s ease!important}
  .promo:hover img,.promo:hover .promoImg{transform:scale(1.025)!important}
  .promoInfo{padding:15px 16px 16px!important;text-align:left!important;display:flex!important;flex-direction:column!important;min-height:198px!important}
  .codigoPromo{color:#949ba5!important;font-size:10px!important;font-weight:800!important;letter-spacing:.04em!important}
  .promoInfo h3,.promo h3{margin:6px 0 5px!important;min-height:43px!important;color:#17191c!important;font-size:17px!important;line-height:1.22!important;font-weight:900!important}
  .descripcionPromo{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:38px!important;margin:0 0 8px!important;color:#747c87!important;font-size:12px!important;line-height:1.45!important}
  .precioPromo,.promo h2{margin:4px 0 10px!important;color:#111!important;font-size:21px!important;font-weight:950!important}
  .estadoPromo{display:none!important}
  .botonCarrito{margin-top:auto!important;width:100%!important;min-height:43px!important;border:0!important;border-radius:13px!important;background:linear-gradient(180deg,#ef171f,#d90710)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;box-shadow:0 8px 17px rgba(217,7,16,.17)!important}
  .botonCarrito:hover{filter:brightness(.96)!important;transform:none!important}

  /* Carrito siempre accesible */
  #carrito{position:fixed!important;right:24px!important;bottom:24px!important;z-index:920!important;min-width:205px!important;height:62px!important;border:1px solid #e0e3e7!important;border-radius:19px!important;background:#fff!important;color:#17191c!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:0 19px!important;box-shadow:0 15px 38px rgba(15,23,42,.20)!important;font-size:16px!important;font-weight:850!important;cursor:pointer!important}
  #carrito::after{content:"Ver mi pedido";color:#656d78;font-size:11px;font-weight:700!important}
  #cantidadCarrito{min-width:25px!important;height:25px!important;border-radius:999px!important;background:var(--pc-red)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:12px!important}
  #panelCarrito{width:min(430px,100vw)!important;background:#f7f8fa!important;box-shadow:-22px 0 55px rgba(17,24,39,.20)!important}
  .cabeceraCarrito{background:#fff!important;border-bottom:1px solid #e6e8ec!important}
  #contenidoCarrito{padding:17px!important}
  #footerCarrito{background:#fff!important;border-top:1px solid #e4e7eb!important;padding:16px!important}
  #finalizarPedido{border-radius:14px!important;background:var(--pc-red)!important}
  #panelDatos{width:min(520px,100vw)!important;background:#f6f7f9!important}

  /* Ubicación y pie */
  .seccionUbicacion{padding:25px 24px 52px!important}
  .ubicacionContenedor{border-radius:25px!important;overflow:hidden!important;box-shadow:var(--pc-shadow)!important}
  .footerPrincipal{background:#202328!important}
}

@media (min-width:769px) and (max-width:1100px){
  #menuSuperior{grid-template-columns:125px minmax(230px,1fr) 165px!important;padding-left:18px!important;padding-right:18px!important}
  .estadoLocalMenu{display:none!important}
  .barraCategoriasSuperior{justify-content:flex-start!important;padding-left:18px!important;padding-right:18px!important}
  .portadaPrincipal,.beneficiosVersionDos,.tituloSeccionDestacada,.seccionPromocionesPrincipal,#catalogo,.seccionUbicacion{padding-left:18px!important;padding-right:18px!important}
  .portadaCarrusel,.diapositivaPortada{min-height:350px!important}
  .contenidoPortada{padding:42px 38px!important}.contenidoPortada h2{font-size:39px!important}
  #contenedorPromos,.grillaProductos,.carruselProductos,.carruselMovilUniversal{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .promo img,.promoImg{height:185px!important}
  .beneficiosVersionDos{grid-template-columns:repeat(2,1fr)!important}
}

@media (min-width:1450px){
  #contenedorPromos,.grillaProductos,.carruselProductos,.carruselMovilUniversal{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}


/* =====================================================
   RC27.6 — PORTADA LIMPIA, TRANSICIÓN Y REORDEN VISUAL
   Cambio exclusivamente por código sobre RC27.5.
===================================================== */
.mobileEntryTransition{display:none}

@media (max-width:768px){
  body.mobileWelcomeOpen .mobileAppTopbar,
  body.mobileWelcomeOpen .mobileBottomNav,
  body.mobileWelcomeOpen .mobileCartBar{display:none!important}

  .mobileWelcomeBrand{
    min-height:112px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:calc(18px + env(safe-area-inset-top)) 20px 8px!important;
  }
  .mobileWelcomeLogo{
    width:176px!important;
    height:88px!important;
    max-height:88px!important;
    filter:drop-shadow(0 10px 18px rgba(38,21,14,.14))!important;
  }
  .mobileWelcomeContent{
    padding-top:18px!important;
    justify-content:flex-start;
  }
  .mobileWelcomeIntro{padding-bottom:24px!important;text-align:left!important}
  .mobileWelcomeEyebrow{font-size:10px!important}
  .mobileWelcomeContent h1{
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:32px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  .mobileWelcomeContent h1::after{width:54px!important;height:4px!important;margin-top:14px!important}
  .mobileDeliveryChoices{gap:16px!important}
  .deliveryChoice{
    min-height:154px!important;
    grid-template-columns:78px minmax(0,1fr) 42px!important;
    border-radius:25px!important;
  }
  .deliveryChoiceIcon{width:74px!important;height:74px!important}
  .deliveryChoiceIcon svg{width:52px!important;height:52px!important;stroke-width:3!important}
  .mobileWelcomeTrust,.mobileFeaturedPromo,.mobileWelcomeFooter{display:none!important}

  .mobileEntryTransition{
    position:fixed;inset:0;z-index:12000;display:none;overflow:hidden;
    align-items:center;background:#f3f4f6;pointer-events:none;
  }
  .mobileEntryTransition.is-active{display:flex;animation:pcTransitionFade .72s ease both}
  .mobileEntryTransitionLogo{
    width:178px;height:auto;object-fit:contain;will-change:transform,opacity;
    filter:drop-shadow(0 14px 26px rgba(39,22,13,.18));
    animation:pcLogoRide .66s cubic-bezier(.3,.02,.32,1) both;
  }
  @keyframes pcLogoRide{
    0%{transform:translateX(-210px) scale(.86);opacity:0}
    16%{opacity:1}
    72%{transform:translateX(calc(100vw - 80px)) scale(1);opacity:1}
    100%{transform:translateX(calc(100vw + 210px)) scale(.90);opacity:0}
  }
  @keyframes pcTransitionFade{
    0%,72%{background:#f3f4f6}
    100%{background:rgba(243,244,246,0)}
  }

  .mobileAppTopbar{
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid #e4e7eb!important;
    box-shadow:0 5px 18px rgba(18,25,35,.055)!important;
  }
  .mobileTopbarLogo{width:105px!important;height:54px!important;max-height:54px!important}
  .mobileCatalogHome{padding-top:16px!important}
  .mobileCategoryChip{box-shadow:none!important}
  .mobileFeaturedSection{border-radius:20px!important}
}

/* Escritorio y tablet: más aire, fondo gris y tarjetas alineadas. */
@media (min-width:769px){
  body{background:#f2f3f5!important;color:#16191e!important}
  .cabeceraSitio{
    position:sticky!important;top:0!important;z-index:900!important;
    background:rgba(255,255,255,.97)!important;
    border-bottom:1px solid #e4e7eb!important;
    box-shadow:0 5px 20px rgba(23,31,43,.07)!important;
  }
  #menuSuperior,.barraCategoriasSuperior,.barraConfianza,
  .portadaVersionDos,.beneficiosVersionDos,
  .seccionPromocionesPrincipal,.categoriaProductos,#ubicacion{
    width:min(1180px,calc(100% - 40px))!important;
    max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;
  }
  #menuSuperior{min-height:72px!important;padding:8px 14px!important;gap:14px!important}
  .logoMenuImagen{max-width:92px!important;max-height:58px!important;object-fit:contain!important}
  .barraCategoriasSuperior{overflow-x:auto!important;justify-content:center!important;gap:4px!important}
  .barraConfianza{margin-top:10px!important;border-radius:14px!important;background:#fff!important}
  .portadaVersionDos{margin-top:18px!important;border-radius:24px!important;overflow:hidden!important}
  .beneficiosVersionDos{gap:12px!important;margin-top:12px!important}
  .seccionPromocionesPrincipal{padding-top:24px!important}
  .grillaProductos,.carruselProductos{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;overflow:visible!important;align-items:stretch!important;
  }
  .promo{
    width:auto!important;min-width:0!important;height:100%!important;margin:0!important;
    border-radius:18px!important;background:#fff!important;border:1px solid #e1e5ea!important;
    box-shadow:0 8px 24px rgba(22,30,42,.07)!important;overflow:hidden!important;
  }
  .promo img,.promoImg{width:100%!important;height:190px!important;object-fit:cover!important}
  .promoInfo{display:flex!important;flex-direction:column!important;min-height:205px!important;padding:15px!important}
  .promoInfo .botonCarrito{margin-top:auto!important}
  #carrito{position:fixed!important;right:20px!important;top:92px!important;max-height:calc(100vh - 112px)!important}
}
@media (min-width:769px) and (max-width:1050px){
  .grillaProductos,.carruselProductos{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}