/* Tema WEB: Verano, EComercioTipoTemporada = 08. */
.tema-verano-activo {
    --rosa: #f5a551; --rosa-fuerte: #e78239; --rosa-claro: #fff3df;
    --celeste: #4fc8d3; --celeste-oscuro: #177f9d; --celeste-cantidad: #19a7b7;
    --tinta: #235064; --texto-suave: #5d7880; --borde: #bfe4e6;
    --sombra: 0 15px 40px rgba(22, 112, 133, .14);
    position: relative; min-height: 100vh; isolation: isolate; overflow: hidden;
    background: radial-gradient(circle at 87% 13%, rgba(255, 215, 112, .58), transparent 19rem),
                radial-gradient(circle at 9% 58%, rgba(128, 221, 217, .4), transparent 24rem),
                linear-gradient(180deg, #dff8f8 0, #f4fcf6 38rem, #fff7e8 100%);
}
.tema-verano-activo > :not(.tema-verano) { position: relative; z-index: 2; }
.tema-verano { position: fixed; inset: 0; z-index: 35; overflow: hidden; pointer-events: none; }
.tema-verano__playa { position: fixed; right: clamp(5px, 1.8vw, 28px); bottom: 9px; width: clamp(165px, 19vw, 295px); height: auto; filter: drop-shadow(0 11px 9px rgba(17, 108, 119, .2)); transform-origin: bottom center; animation: verano-mecer 6s ease-in-out infinite; }
.tema-verano__saludo { position: fixed; left: clamp(9px, 2vw, 32px); bottom: 20px; display: flex; align-items: center; gap: .35em; padding: .38em .7em; border: 2px solid #e7d18d; border-radius: 999px; background: rgba(255, 253, 236, .95); color: #147d9a; font-size: clamp(14px, 1.7vw, 22px); font-weight: 800; box-shadow: 0 8px 21px rgba(36, 114, 126, .15); }
.tema-verano__saludo span { font-size: 1.35em; }
.tema-verano__detalle { position: fixed; font-size: clamp(22px, 2.6vw, 38px); opacity: .8; filter: drop-shadow(0 5px 6px rgba(25, 107, 127, .14)); animation: verano-flotar 7s ease-in-out infinite; }
.tema-verano__detalle--uno { top: 17%; left: 3%; }
.tema-verano__detalle--dos { top: 29%; right: 3%; animation-delay: -2s; }
.tema-verano__detalle--tres { top: 59%; left: 2%; animation-delay: -4s; }
.tema-verano__detalle--cuatro { top: 72%; right: 3%; animation-delay: -1s; }
.tema-verano-activo .encabezado { border-bottom: 3px solid #f5ce7b; background: linear-gradient(110deg, #12819a, #28a8ba 56%, #57c8c4); color: #fff; box-shadow: 0 7px 20px rgba(15, 107, 122, .23); }
.tema-verano-activo .encabezado__grupos-boton,
.tema-verano-activo .encabezado__carrito { border-color: #f1d491; background: #fffdf0; color: #177b96; }
.tema-verano-activo .encabezado__busqueda { border-color: #f1c672; box-shadow: 0 0 0 3px rgba(255, 224, 143, .2); }
.tema-verano-activo .encabezado__busqueda button { background: linear-gradient(135deg, #ffe095, #f6b95b); color: #286175; }
.tema-verano-activo .encabezado__carrito-icono { color: #188fa7; }
.tema-verano-activo .encabezado__carrito-icono b { background: #ed963f; }
.tema-verano-activo main { background: transparent; }
.tema-verano-activo .presentacion__marca,
.tema-verano-activo .producto-tarjeta,
.tema-verano-activo .producto-seccion,
.tema-verano-activo .pagina-interna,
.tema-verano-activo .pedido-contenido,
.tema-verano-activo .identificacion-tarjeta { border-color: #bce2e4; background: rgba(255, 255, 255, .96); box-shadow: 0 14px 32px rgba(22, 105, 120, .12); }
.tema-verano-activo .producto-tarjeta::before { background: linear-gradient(90deg, #f8c777, #59c5c7, #f8c777); }
.tema-verano-activo .producto-tarjeta::after { content: "☀️"; position: absolute; z-index: 6; top: 10px; right: 10px; width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #bde0df; border-radius: 50%; background: #fff9e9; font-size: 17px; box-shadow: 0 4px 9px rgba(22, 106, 121, .14); pointer-events: none; }
.tema-verano-activo .producto-tarjeta:nth-child(3n+2)::after { content: "🏖️"; }
.tema-verano-activo .producto-tarjeta:nth-child(3n)::after { content: "🌴"; }
.tema-verano-activo .producto-tarjeta__agregar,
.tema-verano-activo .boton-primario { border-color: #158ba2; background: linear-gradient(135deg, #4bc5c6, #188ca5); color: #fff; box-shadow: 0 8px 19px rgba(21, 125, 143, .21); }
.tema-verano-activo .producto-tarjeta__precio,
.tema-verano-activo .producto-seccion__titulo,
.tema-verano-activo h1,
.tema-verano-activo h2 { color: #147e9b; }
.tema-verano-activo .carrito-panel,
.tema-verano-activo .departamentos-panel { border-color: #bce1e1; background: #fffdf2; }
.tema-verano-activo .pie-pagina { border-top-color: #f2c16c; background: linear-gradient(110deg, #12819a, #38b4bc); color: #fff; }
@keyframes verano-flotar { 50% { transform: translateY(-13px) rotate(9deg); } }
@keyframes verano-mecer { 50% { transform: translateY(-4px) rotate(1.5deg); } }
@media (max-width: 700px) {
    .tema-verano__playa { right: 3px; bottom: 67px; width: clamp(105px, 29vw, 145px); }
    .tema-verano__saludo { left: 5px; bottom: 73px; padding: .25em .4em; font-size: 11px; }
    .tema-verano__detalle--dos, .tema-verano__detalle--tres { display: none; }
    .tema-verano__detalle { font-size: 20px; }
    .tema-verano-activo .producto-tarjeta::after { top: 7px; right: 7px; width: 25px; height: 25px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .tema-verano__playa, .tema-verano__detalle { animation: none; } }