/* Tema WEB: Día de la Independencia de Honduras, EComercioTipoTemporada = 09. */
.tema-independencia-activo {
    --rosa: #4ba9d9; --rosa-fuerte: #237eb7; --rosa-claro: #e9f7ff;
    --celeste: #68b9e0; --celeste-oscuro: #176caa; --celeste-cantidad: #298fc5;
    --tinta: #244966; --texto-suave: #5e788c; --borde: #c4e1f1;
    --sombra: 0 15px 40px rgba(26, 92, 137, .15);
    position: relative; min-height: 100vh; isolation: isolate; overflow: hidden;
    background: radial-gradient(circle at 13% 15%, rgba(180, 221, 249, .58), transparent 21rem),
                radial-gradient(circle at 88% 56%, rgba(224, 240, 252, .68), transparent 25rem),
                linear-gradient(180deg, #e8f6fd 0, #f7fbff 41rem, #fff 100%);
}
.tema-independencia-activo > :not(.tema-independencia) { position: relative; z-index: 2; }
.tema-independencia { position: fixed; inset: 0; z-index: 35; overflow: hidden; pointer-events: none; }
.tema-independencia__ninos { position: fixed; left: clamp(5px, 1.8vw, 28px); bottom: 10px; width: clamp(155px, 17vw, 270px); height: auto; filter: drop-shadow(0 11px 9px rgba(31, 92, 135, .19)); transform-origin: bottom center; animation: independencia-celebrar 5.5s ease-in-out infinite; }
.tema-independencia__saludo { position: fixed; right: clamp(9px, 2vw, 32px); bottom: 20px; display: flex; align-items: center; gap: .5em; padding: .35em .7em; border: 2px solid #9dcce7; border-radius: 999px; background: rgba(255, 255, 255, .95); color: #176ca7; font-size: clamp(14px, 1.6vw, 21px); font-weight: 800; box-shadow: 0 8px 21px rgba(25, 94, 137, .15); }
.tema-independencia__bandera { position: relative; flex: 0 0 auto; display: inline-block; width: 52px; height: 32px; border: 1px solid rgba(18, 109, 167, .35); border-radius: 2px; background: linear-gradient(to bottom, #1686c5 0 33.333%, #fff 33.333% 66.667%, #1686c5 66.667% 100%); box-shadow: 0 2px 5px rgba(27, 91, 132, .18); transform: rotate(-5deg); }
.tema-independencia__bandera span { position: absolute; color: #1686c5; font-size: 5px; line-height: 1; }
.tema-independencia__bandera span:nth-child(1) { top: 11px; left: 18px; }
.tema-independencia__bandera span:nth-child(2) { top: 11px; left: 32px; }
.tema-independencia__bandera span:nth-child(3) { top: 14px; left: 25px; }
.tema-independencia__bandera span:nth-child(4) { top: 18px; left: 18px; }
.tema-independencia__bandera span:nth-child(5) { top: 18px; left: 32px; }
.tema-independencia__detalle { position: fixed; color: #2688c3; font-size: clamp(22px, 2.6vw, 37px); opacity: .78; filter: drop-shadow(0 5px 6px rgba(23, 88, 139, .14)); animation: independencia-flotar 7s ease-in-out infinite; }
.tema-independencia__detalle--uno { top: 17%; left: 3%; }
.tema-independencia__detalle--dos { top: 29%; right: 3%; animation-delay: -2s; }
.tema-independencia__detalle--tres { top: 58%; left: 2%; animation-delay: -4s; }
.tema-independencia__detalle--cuatro { top: 72%; right: 3%; animation-delay: -1s; }
.tema-independencia-activo .encabezado { border-bottom: 3px solid #cde7f4; background: linear-gradient(110deg, #1267a1, #288fc8 56%, #5db5db); color: #fff; box-shadow: 0 7px 20px rgba(18, 83, 128, .23); }
.tema-independencia-activo .encabezado__grupos-boton,
.tema-independencia-activo .encabezado__carrito { border-color: #d4e8f3; background: #fff; color: #176fa8; }
.tema-independencia-activo .encabezado__busqueda { border-color: #c2e3f2; box-shadow: 0 0 0 3px rgba(219, 241, 252, .2); }
.tema-independencia-activo .encabezado__busqueda button { background: linear-gradient(135deg, #d7f1fa, #9fd9ef); color: #175b88; }
.tema-independencia-activo .encabezado__carrito-icono { color: #217fba; }
.tema-independencia-activo .encabezado__carrito-icono b { background: #50a6d3; }
.tema-independencia-activo main { background: transparent; }
.tema-independencia-activo .presentacion__marca,
.tema-independencia-activo .producto-tarjeta,
.tema-independencia-activo .producto-seccion,
.tema-independencia-activo .pagina-interna,
.tema-independencia-activo .pedido-contenido,
.tema-independencia-activo .identificacion-tarjeta { border-color: #c8e3f0; background: rgba(255, 255, 255, .97); box-shadow: 0 14px 32px rgba(25, 87, 130, .11); }
.tema-independencia-activo .producto-tarjeta::before { background: linear-gradient(90deg, #67b6df, #fff, #67b6df); }
.tema-independencia-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 #c7e2ef; border-radius: 50%; background: #f1faff; font-size: 18px; box-shadow: 0 4px 9px rgba(25, 87, 130, .14); pointer-events: none; }
.tema-independencia-activo .producto-tarjeta:nth-child(3n+2)::after { content: "⭐"; }
.tema-independencia-activo .producto-tarjeta:nth-child(3n)::after { content: "🎉"; }
.tema-independencia-activo .producto-tarjeta__agregar,
.tema-independencia-activo .boton-primario { border-color: #237db3; background: linear-gradient(135deg, #5eb4db, #237fb8); color: #fff; box-shadow: 0 8px 19px rgba(30, 116, 165, .21); }
.tema-independencia-activo .producto-tarjeta__precio,
.tema-independencia-activo .producto-seccion__titulo,
.tema-independencia-activo h1,
.tema-independencia-activo h2 { color: #176faa; }
.tema-independencia-activo .carrito-panel,
.tema-independencia-activo .departamentos-panel { border-color: #c5e0ef; background: #f8fcff; }
.tema-independencia-activo .pie-pagina { border-top-color: #b4ddf1; background: linear-gradient(110deg, #1267a1, #399bd0); color: #fff; }
@keyframes independencia-flotar { 50% { transform: translateY(-12px) rotate(9deg); } }
@keyframes independencia-celebrar { 50% { transform: translateY(-5px) rotate(1.5deg); } }
@media (max-width: 700px) {
    .tema-independencia__ninos { left: 3px; bottom: 67px; width: clamp(91px, 25vw, 132px); }
    .tema-independencia__saludo { right: 5px; bottom: 73px; gap: .3em; padding: .25em .4em; font-size: 10px; }
    .tema-independencia__bandera { width: 40px; height: 25px; }
    .tema-independencia__bandera span { font-size: 4px; }
    .tema-independencia__bandera span:nth-child(1) { top: 8px; left: 13px; }
    .tema-independencia__bandera span:nth-child(2) { top: 8px; left: 25px; }
    .tema-independencia__bandera span:nth-child(3) { top: 11px; left: 19px; }
    .tema-independencia__bandera span:nth-child(4) { top: 14px; left: 13px; }
    .tema-independencia__bandera span:nth-child(5) { top: 14px; left: 25px; }
    .tema-independencia__detalle--dos, .tema-independencia__detalle--tres { display: none; }
    .tema-independencia__detalle { font-size: 20px; }
    .tema-independencia-activo .producto-tarjeta::after { top: 7px; right: 7px; width: 25px; height: 25px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .tema-independencia__ninos, .tema-independencia__detalle { animation: none; } }