/*
 * Footer oscuro Govee — scope: footer.govee-footer--dark (páginas comerciales).
 * No aplica a carrito, checkout ni confirmación de compra.
 */

footer.govee-footer--dark {
    background: #050b14 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.82);
    margin-top: 0 !important;
}

footer.govee-footer--dark [role="heading"],
footer.govee-footer--dark .text-navyBlue {
    color: #ffffff !important;
}

footer.govee-footer--dark a {
    color: rgba(255, 255, 255, 0.72);
    transition: color 0.15s ease;
}

footer.govee-footer--dark a:hover,
footer.govee-footer--dark a:focus,
footer.govee-footer--dark a:focus-visible {
    color: #ffffff;
    outline: none;
}

footer.govee-footer--dark p,
footer.govee-footer--dark li,
footer.govee-footer--dark span:not([class*="icon-"]) {
    color: rgba(255, 255, 255, 0.82);
}

footer.govee-footer--dark > div:last-child {
    background: transparent !important;
}

footer.govee-footer--dark > div:last-child p,
footer.govee-footer--dark .text-zinc-600 {
    color: rgba(255, 255, 255, 0.52) !important;
}

footer.govee-footer--dark input[type="email"] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

footer.govee-footer--dark input[type="email"]::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
}

footer.govee-footer--dark button[type="submit"] {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

footer.govee-footer--dark button[type="submit"]:hover,
footer.govee-footer--dark button[type="submit"]:focus-visible {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

footer.govee-footer--dark .border-\[\#e9decc\] {
    border-color: rgba(255, 255, 255, 0.14) !important;
}

footer.govee-footer--dark .bg-\[\#F1EADF\] {
    background: rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

footer.govee-footer--dark [class^="icon-"],
footer.govee-footer--dark [class*=" icon-"] {
    color: rgba(255, 255, 255, 0.72) !important;
}

footer.govee-footer--dark svg:not([class*="logo"]) {
    color: rgba(255, 255, 255, 0.72);
    fill: currentColor;
    stroke: currentColor;
}

/* Evita franja blanca de servicios entre ficha oscura y footer oscuro */
#app:has(footer.govee-footer--dark) > div.container.mt-20 {
    display: none;
}