/* ============================================================
   Footer oscuro: separa visualmente el contenido del pie del sitio.
   Se carga en todo el sitio. Colores fijados con !important para
   garantizar contraste (texto claro sobre fondo azul oscuro).
   ============================================================ */
.site-footer {
    margin-top: 40px;
    background: #14344d !important;
    color: #dbe7f0 !important;
    border-top: 4px solid #e0a458;
}
.site-footer .footer-widgets,
.site-footer .footer-widgets-container,
.site-footer .inside-footer-widgets,
.site-footer .site-info,
.site-footer .footer-bar,
.site-footer .inside-site-info {
    background: transparent !important;
    color: #dbe7f0 !important;
}
.site-footer .footer-widgets { padding-top: 36px; padding-bottom: 10px; }
.site-footer .widget-title,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 {
    color: #ffffff !important;
}
.site-footer p, .site-footer li, .site-footer span { color: #dbe7f0; }
.site-footer a,
.site-footer .site-info a {
    color: #ffd9a0 !important;
    text-decoration: none;
}
.site-footer a:hover,
.site-footer a:focus {
    color: #ffffff !important;
    text-decoration: underline;
}
.site-footer .site-info {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 0.9em;
}

/* Fila de links del footer: que no se corten dentro de un mismo link
   ("Sobre / Argentina Tarot") y que el bloque use todo el ancho. */
.site-footer .footer-widgets .widget a { white-space: nowrap; }
.site-footer .inside-footer-widgets > div { flex: 1 1 100%; max-width: 100%; }

/* v4.6: refuerzo — la fila de links del footer va en UNA línea (en celular puede bajar de línea). */
.site-footer .footer-widgets .widget,
.site-footer .footer-widgets .widget p,
.site-footer .footer-widgets .widget ul {
    white-space: nowrap;
}
.site-footer .footer-widgets .widget ul { display: flex; flex-wrap: wrap; gap: 0 18px; list-style: none; margin: 0; padding: 0; }
.site-footer .footer-widgets .inside-footer-widgets > div,
.site-footer .footer-widgets .footer-widget-1 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
@media (max-width: 600px) {
    .site-footer .footer-widgets .widget,
    .site-footer .footer-widgets .widget p { white-space: normal; }
}

/* ---------- Página 404 ---------- */
.error404 .entry-title { line-height: 1.2; }
.ttd-404-eyebrow {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #b87a2a;
    margin-bottom: 8px;
}
.error404 .search-form { display: flex; gap: 8px; max-width: 420px; margin-top: 14px; }
.error404 .search-form label { flex: 1 1 auto; margin: 0; }
.error404 .search-form .search-field {
    width: 100%;
    height: 40px;
    background: #eef4fa;
    border: 1px solid #d3e1ee;
    border-radius: 999px;
    padding: 0 16px;
    color: #1b3f5c;
}
.error404 .search-form .search-field:focus { outline: none; border-color: #5a3d8a; background: #fff; }
.error404 .search-form .search-submit,
.error404 .search-form button {
    height: 40px;
    background: #5a3d8a;
    color: #fff;
    border: 0;
    border-radius: 999px;
    padding: 0 18px;
    cursor: pointer;
}
.error404 .search-form .search-submit:hover,
.error404 .search-form button:hover { background: #492f73; }
