/* Tema WEB: Día del Padre, EComercioTipoTemporada = 07. */
.tema-padre-activo {
    --rosa: #e9aa50; --rosa-fuerte: #d58d32; --rosa-claro: #fff4dc;
    --celeste: #72bad1; --celeste-oscuro: #286e96; --celeste-cantidad: #3186a8;
    --tinta: #243d57; --texto-suave: #657789; --borde: #cadce4;
    --sombra: 0 15px 40px rgba(30, 71, 101, .15);
    position: relative; min-height: 100vh; isolation: isolate; overflow: hidden;
    background: radial-gradient(circle at 12% 18%, rgba(255, 218, 147, .46), transparent 21rem),
                radial-gradient(circle at 88% 54%, rgba(155, 209, 218, .36), transparent 24rem),
                linear-gradient(180deg, #e9f4f7 0, #f8f9f2 43rem, #fffaf0 100%);
}
.tema-padre-activo > :not(.tema-padre) { position: relative; z-index: 2; }
.tema-padre { position: fixed; inset: 0; z-index: 35; overflow: hidden; pointer-events: none; }
.tema-padre__familia { position: fixed; left: clamp(6px, 1.8vw, 28px); bottom: 11px; width: clamp(155px, 18vw, 280px); height: auto; filter: drop-shadow(0 11px 10px rgba(35, 74, 93, .2)); transform-origin: bottom center; animation: padre-abrazo 5.5s ease-in-out infinite; }
.tema-padre__saludo { position: fixed; right: clamp(9px, 2vw, 32px); bottom: 20px; display: flex; align-items: center; gap: .35em; padding: .38em .7em; border: 2px solid #e8c690; border-radius: 999px; background: rgba(255, 252, 241, .95); color: #2b6688; font-size: clamp(14px, 1.6vw, 22px); font-weight: 800; box-shadow: 0 8px 21px rgba(38, 82, 106, .15); }
.tema-padre__saludo span { font-size: 1.35em; }
.tema-padre__detalle { position: fixed; font-size: clamp(21px, 2.6vw, 37px); opacity: .76; filter: drop-shadow(0 5px 6px rgba(45, 80, 98, .15)); animation: padre-flotar 7s ease-in-out infinite; }
.tema-padre__detalle--uno { top: 17%; left: 3%; }
.tema-padre__detalle--dos { top: 29%; right: 4%; animation-delay: -2s; }
.tema-padre__detalle--tres { top: 57%; left: 2%; animation-delay: -4s; }
.tema-padre__detalle--cuatro { top: 72%; right: 3%; animation-delay: -1s; }
.tema-padre-activo .encabezado { border-bottom: 3px solid #e6bb76; background: linear-gradient(110deg, #214e70, #347b9b 56%, #4e9bad); color: #fff; box-shadow: 0 7px 20px rgba(21, 67, 94, .24); }
.tema-padre-activo .encabezado__grupos-boton,
.tema-padre-activo .encabezado__carrito { border-color: #eac891; background: #fffdf5; color: #265f80; }
.tema-padre-activo .encabezado__busqueda { border-color: #dfba7a; box-shadow: 0 0 0 3px rgba(246, 223, 177, .2); }
.tema-padre-activo .encabezado__busqueda button { background: linear-gradient(135deg, #f9d99b, #eab463); color: #31566a; }
.tema-padre-activo .encabezado__carrito-icono { color: #28799c; }
.tema-padre-activo .encabezado__carrito-icono b { background: #d9953b; }
.tema-padre-activo main { background: transparent; }
.tema-padre-activo .presentacion__marca,
.tema-padre-activo .producto-tarjeta,
.tema-padre-activo .producto-seccion,
.tema-padre-activo .pagina-interna,
.tema-padre-activo .pedido-contenido,
.tema-padre-activo .identificacion-tarjeta { border-color: #c7dce4; background: rgba(255, 255, 255, .96); box-shadow: 0 14px 32px rgba(27, 83, 104, .12); }
.tema-padre-activo .producto-tarjeta::before { background: linear-gradient(90deg, #f1ca82, #6aacc2, #f1ca82); }
.tema-padre-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 #cbdfe7; border-radius: 50%; background: #f4fbfb; font-size: 17px; box-shadow: 0 4px 9px rgba(30, 83, 109, .14); pointer-events: none; }
.tema-padre-activo .producto-tarjeta:nth-child(3n+2)::after { content: "🎁"; }
.tema-padre-activo .producto-tarjeta:nth-child(3n)::after { content: "⭐"; }
.tema-padre-activo .producto-tarjeta__agregar,
.tema-padre-activo .boton-primario { border-color: #286e92; background: linear-gradient(135deg, #5da7bd, #286e92); color: #fff; box-shadow: 0 8px 19px rgba(29, 106, 136, .21); }
.tema-padre-activo .producto-tarjeta__precio,
.tema-padre-activo .producto-seccion__titulo,
.tema-padre-activo h1,
.tema-padre-activo h2 { color: #2a6487; }
.tema-padre-activo .carrito-panel,
.tema-padre-activo .departamentos-panel { border-color: #c5dbe4; background: #fffdf7; }
.tema-padre-activo .pie-pagina { border-top-color: #e8c17f; background: linear-gradient(110deg, #214e70, #4088a6); color: #fff; }
@keyframes padre-flotar { 50% { transform: translateY(-12px) rotate(9deg); } }
@keyframes padre-abrazo { 50% { transform: translateY(-5px) rotate(-1.5deg); } }
@media (max-width: 700px) {
    .tema-padre__familia { left: 3px; bottom: 67px; width: clamp(93px, 26vw, 135px); }
    .tema-padre__saludo { right: 5px; bottom: 73px; padding: .25em .4em; font-size: 10px; }
    .tema-padre__detalle--dos, .tema-padre__detalle--tres { display: none; }
    .tema-padre__detalle { font-size: 20px; }
    .tema-padre-activo .producto-tarjeta::after { top: 7px; right: 7px; width: 25px; height: 25px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .tema-padre__familia, .tema-padre__detalle { animation: none; } }