/* =========================
   DARK MODE (data-theme="dark")
   ========================= */
html[data-theme="dark"] {
  color-scheme: dark;
}
html[data-theme="dark"] :root{
  --brand:#60a5fa;
  --bg-soft:#0b1220; /* fondo suave en dark */
}
html[data-theme="dark"] body{
  background:#0a0f1a;
  color:#e5e7eb;
}

/* Links */
html[data-theme="dark"] a{ color:#cbd5e1; }
html[data-theme="dark"] a:hover{ color:#fff; text-decoration: underline; }

/* Navbar pills */
html[data-theme="dark"] .navbar .nav-link.pill{
  border-color:#1f2937;
  background:#0f172a;
  color:#e5e7eb;
}
html[data-theme="dark"] .navbar .nav-link.pill:hover{
  border-color:#334155; box-shadow:0 2px 8px rgba(0,0,0,.35);
}
html[data-theme="dark"] .navbar .nav-link.pill.active,
html[data-theme="dark"] .navbar .nav-link.pill[aria-current="page"]{
  color:#60a5fa; background:rgba(96,165,250,.12); border-color:rgba(96,165,250,.35);
}

/* ==== Dark mode: Navbar ==== */
html[data-theme="dark"] .navbar {
  background: rgba(10, 15, 26, .88);            /* fondo oscuro translúcido */
  backdrop-filter: saturate(140%) blur(6px);
  -webkit-backdrop-filter: saturate(140%) blur(6px);
  border-bottom: 1px solid #0b1220;
  box-shadow: 0 6px 20px rgba(0,0,0,.35);
}

/* Marca y links base */
html[data-theme="dark"] .navbar .navbar-brand,
html[data-theme="dark"] .navbar .navbar-brand span,
html[data-theme="dark"] .navbar .nav-link:not(.pill) {
  color: #e5e7eb;
}
html[data-theme="dark"] .navbar .nav-link:hover {
  color: #ffffff;
}

/* Pills (coinciden con tu estilo actual) */
html[data-theme="dark"] .navbar .nav-link.pill{
  border: 1px solid #1f2937;
  background: #0f172a;
  color: #e5e7eb;
  border-radius: 999px;
  padding: .5rem .9rem;
}
html[data-theme="dark"] .navbar .nav-link.pill:hover{
  border-color:#334155; box-shadow:0 2px 8px rgba(0,0,0,.35);
}
html[data-theme="dark"] .navbar .nav-link.pill.active,
html[data-theme="dark"] .navbar .nav-link.pill[aria-current="page"]{
  color:#60a5fa; background:rgba(96,165,250,.12); border-color:rgba(96,165,250,.35);
}

/* Dropdown toggle caret */
html[data-theme="dark"] .navbar .dropdown-toggle::after{
  border-top-color:#cbd5e1;            /* color de la flecha */
}
html[data-theme="dark"] .navbar .dropdown-menu{
  background:#0b1220;
  border:1px solid #111827;
  box-shadow: 0 10px 24px rgba(0,0,0,.45);
}
html[data-theme="dark"] .navbar .dropdown-item{
  color:#e5e7eb;
}
html[data-theme="dark"] .navbar .dropdown-item:hover,
html[data-theme="dark"] .navbar .dropdown-item:focus{
  color:#fff; background:#111827;
}

/* Toggler (hamburguesa) en móviles */
html[data-theme="dark"] .navbar .navbar-toggler{
  border-color:#1f2937;
}
html[data-theme="dark"] .navbar .navbar-toggler .navbar-toggler-icon{
  filter: invert(1) opacity(.85);
}

/* Flag del selector de idioma: borde suave en dark */
html[data-theme="dark"] .navbar .flag{
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset;
}

/* --- Theme toggle button --- */
.nav-link.pill[data-action="toggle-theme"] i {
  font-size: 1.1rem;
  vertical-align: middle;
  transition: color 0.3s ease;
}
html[data-theme="dark"] .nav-link.pill[data-action="toggle-theme"] i {
  color: #fbbf24; /* tono amarillo suave en dark mode */
}
.nav-link.pill[data-action="toggle-theme"]:hover i {
  color: var(--brand);
}

/* HERO */
html[data-theme="dark"] .hero-overlay{
  background: linear-gradient(180deg, rgba(8,15,26,.62), rgba(8,15,26,.62));
}
html[data-theme="dark"] .hero-content{ color:#f8fafc; }

/* ==== Dark mode: Search box (form) ==== */
html[data-theme="dark"] .search-card {
  background: #0b1220;
  border: 1px solid #111827;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .55);
  border-radius: .75rem;
}
html[data-theme="dark"] .search-card .form-label,
html[data-theme="dark"] .search-card .form-text,
html[data-theme="dark"] .search-card .control-label {
  color: #cbd5e1;
}
html[data-theme="dark"] .search-card .form-control,
html[data-theme="dark"] .search-card .form-select {
  background: #0f172a;
  color: #e5e7eb;
  border: 1px solid #1f2937;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
html[data-theme="dark"] .search-card .form-control::placeholder {
  color: #94a3b8;
  opacity: 1;
}
html[data-theme="dark"] .search-card .form-control:focus,
html[data-theme="dark"] .search-card .form-select:focus {
  background: #0f172a;
  color: #fff;
  border-color: #334155;
  box-shadow: 0 0 0 .2rem rgba(96, 165, 250, .25);
}
html[data-theme="dark"] .search-card .input-group-text {
  background: #0f172a;
  color: #cbd5e1;
  border: 1px solid #1f2937;
}
html[data-theme="dark"] .search-card select.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #0f172a;
  color: #e5e7eb;
  border: 1px solid #1f2937;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23cbd5e1' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 5.8 8 10.6l4.8-4.8.9.9L8 12.4 2.3 6.7l.9-.9z'/%3E%3C/svg%3E");
}
html[data-theme="dark"] .search-card select.form-select::-ms-expand { display: none; }
html[data-theme="dark"] .search-card select.form-select:hover { border-color: #334155; }
html[data-theme="dark"] .search-card select.form-select:focus {
  border-color: #334155;
  box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.25);
}
html[data-theme="dark"] .search-card .btn-primary {
  background: #1d4ed8;
  border-color: #1d4ed8;
}
html[data-theme="dark"] .search-card .btn-primary:hover {
  background: #2563eb;
  border-color: #2563eb;
}
html[data-theme="dark"] .search-card .form-control:disabled,
html[data-theme="dark"] .search-card .form-select:disabled {
  background: #0b1220;
  color: #94a3b8;
  opacity: 1;
}
html[data-theme="dark"] .search-card input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1) opacity(.8);
}
html[data-theme="dark"] .search-card input:-webkit-autofill {
  -webkit-text-fill-color: #e5e7eb;
  transition: background-color 9999s ease-in-out 0s;
}

/* ==== Dark mode: Dropdowns globales (fuera del navbar) ====
   p. ej. el menú "Búsqueda avanzada" del buscador del home. */
html[data-theme="dark"] .dropdown-menu{
  background:#0b1220;
  border:1px solid #1f2937;
  box-shadow:0 10px 24px rgba(0,0,0,.45);
}
html[data-theme="dark"] .dropdown-item{ color:#e5e7eb; }
html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus{
  color:#fff; background:#111827;
}
html[data-theme="dark"] .dropdown-item i{ color:#94a3b8; }
html[data-theme="dark"] .dropdown-divider{ border-color:#1f2937; }

/* ==== Dark mode: Contacto ==== */
html[data-theme="dark"] .contact-card:not(.auth-card){
  background:linear-gradient(180deg,#0e1627 0%,#0b1220 100%);
  color:#e5e7eb;
  border:1px solid #1f2937 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.45) !important;
}
html[data-theme="dark"] .contact-card h2{ color:#f1f5f9; }
html[data-theme="dark"] .contact-card .text-muted{ color:#94a3b8 !important; }
html[data-theme="dark"] .contact-card .form-label{ color:#cbd5e1; }
html[data-theme="dark"] .contact-card .form-text{ color:#94a3b8; }
html[data-theme="dark"] .contact-card .form-control{
  background:#0f172a; color:#e5e7eb; border:1px solid #1f2937;
}
html[data-theme="dark"] .contact-card .form-control:focus{
  background:#0f172a; color:#fff; border-color:#334155;
  box-shadow:0 0 0 .2rem rgba(96,165,250,.25);
}
html[data-theme="dark"] .contact-card a{ color:#93c5fd; }

/* ==== Dark mode: Blog section (spec AgentUI) ==== */
html[data-theme="dark"] .blog-section .section-kicker{ color:#a78bfa; }
html[data-theme="dark"] .blog-section .section-title { color: #f1f5f9; }
html[data-theme="dark"] .blog-section .section-subtitle { color: #cbd5e1; }

html[data-theme="dark"] .blog-card {
  background: linear-gradient(180deg,#0e1627 0%,#0b1220 100%);
  border: 1px solid #1f2937;
  box-shadow: 0 10px 28px rgba(0,0,0,.45);
}
html[data-theme="dark"] .blog-card:hover {
  border-color: #334155;
  box-shadow: 0 16px 40px rgba(0,0,0,.55);
}
html[data-theme="dark"] .blog-card .blog-badge {
  background: rgba(139, 92, 246, 0.2);
  color: #e9d5ff;
  border: 1px solid rgba(139, 92, 246, 0.4);
}
html[data-theme="dark"] .blog-card .blog-title { color: #f8fafc; }
html[data-theme="dark"] .blog-card .blog-title a:hover{ color:#93c5fd; }

/* Excerpt (FIX: el .text-muted de Bootstrap no flipa sin data-bs-theme;
   la 2ª regla cubre el markup legado de /blog) */
html[data-theme="dark"] .blog-card .blog-excerpt{ color:#94a3b8; }
html[data-theme="dark"] .blog-card p.text-muted{ color:#94a3b8 !important; }

html[data-theme="dark"] .blog-card .blog-meta li { color: #cdd3dc; font-weight: 500; }
html[data-theme="dark"] .blog-card .blog-meta li i { color: #9fb4c7; }
html[data-theme="dark"] .blog-card .blog-meta small,
html[data-theme="dark"] .blog-card .blog-meta .text-muted { color: #c5cbd5; }

html[data-theme="dark"] .blog-chip{
  color:#93c5fd; background:rgba(96,165,250,.12); border-color:rgba(96,165,250,.28);
}
html[data-theme="dark"] .blog-readmore{ color:#64748b; }
html[data-theme="dark"] .blog-card:hover .blog-readmore{ color:#93c5fd; }

/* Fallback thumb: gradiente un punto más profundo para no deslumbrar */
html[data-theme="dark"] .blog-thumb--fallback{
  background: linear-gradient(135deg,#1e40af,#5b21b6);
}

/* CTA dark */
html[data-theme="dark"] .blog-cta{
  --bs-btn-color:#93c5fd; --bs-btn-border-color:#334155;
  --bs-btn-hover-color:#0b1220; --bs-btn-hover-bg:#60a5fa; --bs-btn-hover-border-color:#60a5fa;
  --bs-btn-active-bg:#3b82f6; --bs-btn-active-border-color:#3b82f6;
}

/* Footer */
html[data-theme="dark"] .site-footer{ background:#050a13; color:#cbd5e1; }
html[data-theme="dark"] .footer-bottom{ background:#040811; }
html[data-theme="dark"] .site-footer .footer-main a{ color:#e5e7eb; }
html[data-theme="dark"] .site-footer .footer-main a:hover{ color:#fff; }

/* Flags */
html[data-theme="dark"] .flag{ box-shadow:0 0 0 1px rgba(255,255,255,.06) inset; }

/* ==== Light navbar fix ==== */
html:not([data-theme="dark"]) .navbar{
  background: rgba(255,255,255,.92);
  backdrop-filter: saturate(160%) blur(6px);
  -webkit-backdrop-filter: saturate(160%) blur(6px);
  border-bottom: 1px solid #eef2f7;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}
html:not([data-theme="dark"]) .navbar .navbar-brand,
html:not([data-theme="dark"]) .navbar .navbar-brand span,
html:not([data-theme="dark"]) .navbar .nav-link:not(.pill){ color:#0f172a; }
html:not([data-theme="dark"]) .navbar .nav-link:hover{ color:#111827; }

/* ==== Dropdown idioma dark fix ==== */
html[data-theme="dark"] .navbar .nav-link.pill.dropdown-toggle{
  background:#0f172a;
  border:1px solid #1f2937;
  color:#e5e7eb;
}
html[data-theme="dark"] .navbar .dropdown-menu{
  background:#0b1220;
  border:1px solid #111827;
  box-shadow:0 10px 24px rgba(0,0,0,.45);
  border-radius:.6rem;
  padding:.25rem 0;
}
html[data-theme="dark"] .navbar .dropdown-item{
  color:#e5e7eb;
  background:transparent;
  padding:.45rem 1rem;
}
html[data-theme="dark"] .navbar .dropdown-item:hover,
html[data-theme="dark"] .navbar .dropdown-item:focus{
  color:#fff; background:#111827;
}
html[data-theme="dark"] .navbar .dropdown-item .flag,
html[data-theme="dark"] .navbar .nav-link .flag{ filter: brightness(1.35) contrast(1.05); }
html[data-theme="dark"] .flag-globe{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>  <circle cx='12' cy='12' r='10'/>  <path d='M2 12h20M12 2c3 4 3 16 0 20M12 2c-3 4-3 16 0 20'/></svg>");
}
html[data-theme="dark"] .navbar .dropdown-item .text-muted{ color:#cbd5e1 !important; }

/* ===== Login popover · dark (spec AgentUI) ===== */
html[data-theme="dark"] .navbar .dropdown-menu.login-pop{
  background: linear-gradient(180deg, #0e1627 0%, #0b1220 100%);
  border: 1px solid #1f2937;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 44px -10px rgba(0,0,0,.65);
  padding: 1rem 1.1rem 1.1rem;
}
html[data-theme="dark"] .login-pop-title{ color: #f1f5f9; }
html[data-theme="dark"] .login-pop-expand{ color: #64748b; }
html[data-theme="dark"] .login-pop-expand:hover,
html[data-theme="dark"] .login-pop-expand:focus-visible{
  color: #93c5fd; background: rgba(96,165,250,.12);
}
html[data-theme="dark"] .login-pop .form-control-sm{
  background: #0f172a; color: #e5e7eb; border: 1px solid #1f2937;
}
html[data-theme="dark"] .login-pop .form-control-sm::placeholder{ color: #7c8aa0; }
html[data-theme="dark"] .login-pop .form-control-sm:focus{
  background: #111c33; color: #fff; border-color: #3b82f6;
  box-shadow: 0 0 0 .25rem rgba(96,165,250,.18);
}
html[data-theme="dark"] .login-pop .btn-outline-secondary{
  color: #cbd5e1; border-color: #334155;
}
html[data-theme="dark"] .login-pop .btn-outline-secondary:hover{
  color: #fff; background: #1e293b; border-color: #475569;
}
html[data-theme="dark"] .login-pop .btn-primary{
  background: #1d4ed8; border-color: #1d4ed8;
  box-shadow: 0 6px 14px -4px rgba(29,78,216,.55);
}
html[data-theme="dark"] .login-pop .btn-primary:hover{ background: #2563eb; border-color: #2563eb; }
html[data-theme="dark"] .login-pop-forgot{ color: #94a3b8; }
html[data-theme="dark"] .login-pop-forgot:hover{ color: #93c5fd; }

/* ===== Auth · dark (spec AgentUI) ===== */
html[data-theme="dark"] .auth-wrap{
  background: radial-gradient(60% 130px at 50% -10px, rgba(96,165,250,.07), transparent 70%);
}
html[data-theme="dark"] .auth-card{
  background: linear-gradient(180deg, #0e1627 0%, #0b1220 100%);
  border: 1px solid #1f2937;
  box-shadow: 0 14px 38px -12px rgba(0,0,0,.6);
}
html[data-theme="dark"] .auth-card::before{
  background: linear-gradient(90deg, #3b82f6, #8b5cf6);
}
html[data-theme="dark"] .auth-card h1{ color: #f1f5f9; }
html[data-theme="dark"] .auth-card .form-control{ border-color: #1f2937; }
html[data-theme="dark"] .auth-card .form-control:focus{
  border-color: #3b82f6;
  box-shadow: 0 0 0 .25rem rgba(96,165,250,.18);
}
html[data-theme="dark"] .auth-card .btn-primary{
  box-shadow: 0 8px 18px -6px rgba(29,78,216,.55);
}

/* ===== Pricing · dark: la card Premium no heredaba el tema ===== */
html[data-theme="dark"] .card.border-primary{
  background: #0b1220;
  color: #e5e7eb;
  border-color: #3b82f6 !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.5) !important;
}
html[data-theme="dark"] .card.border-primary h2{ color: #f1f5f9; }
html[data-theme="dark"] .card.border-primary .text-muted{ color: #94a3b8 !important; }

/* ===== Paginación · dark (blog) ===== */
html[data-theme="dark"] .pagination .page-link{
  background: #0f172a; border-color: #1f2937; color: #cbd5e1;
}
html[data-theme="dark"] .pagination .page-link:hover{ background: #111c33; color: #fff; }
html[data-theme="dark"] .pagination .page-item.active .page-link{
  background: #1d4ed8; border-color: #1d4ed8; color: #fff;
}

/* ===== Páginas estáticas · dark ===== */
html[data-theme="dark"] .page-content{ color: #cbd5e1; }
html[data-theme="dark"] .page-content h1,
html[data-theme="dark"] .page-content h2,
html[data-theme="dark"] .page-content h3{ color: #f1f5f9; }
html[data-theme="dark"] .page-content a{
  color: #93c5fd; text-decoration-color: rgba(147,197,253,.35);
}

/* ===== Toast flash · dark ===== */
html[data-theme="dark"] .gt-toast{
  background: #0e1627;
  border-color: #1f2937;
  color: #e5e7eb;
  box-shadow: 0 10px 30px -8px rgba(0,0,0,.6);
}
html[data-theme="dark"] .gt-toast-close{ color: #64748b; }
html[data-theme="dark"] .gt-toast-close:hover{ color: #cbd5e1; }

/* ===== Portal del viajero · dark (spec AgentUI) ===== */
html[data-theme="dark"] a.btn:hover{ text-decoration: none; }
html[data-theme="dark"] .account-title{ color: #f1f5f9; }
html[data-theme="dark"] .account-avatar{
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  box-shadow: 0 6px 14px -6px rgba(0,0,0,.6);
}
html[data-theme="dark"] .account-nav{ background: #0b1220; border-color: #1f2937; }
html[data-theme="dark"] .account-nav .nav-link{ color: #94a3b8; }
html[data-theme="dark"] .account-nav .nav-link:hover{
  color: #e5e7eb; background: rgba(255,255,255,.05); text-decoration: none;
}
html[data-theme="dark"] .account-nav .nav-link:focus-visible{
  box-shadow: 0 0 0 .2rem rgba(96,165,250,.22);
}
html[data-theme="dark"] .account-nav .nav-link.active{
  background: rgba(59,130,246,.16); color: #93c5fd;
  box-shadow: inset 0 0 0 1px rgba(59,130,246,.30);
}
html[data-theme="dark"] .account-kpis .fs-4{ color: #f1f5f9; }
html[data-theme="dark"] .kpi-meter{ background: #1e293b; }
html[data-theme="dark"] .kpi-meter span{ background: linear-gradient(90deg, #3b82f6, #8b5cf6); }
html[data-theme="dark"] .kpi-meter.is-full span{ background: #ef4444; }
html[data-theme="dark"] .account-panels .list-unstyled li:hover{ background: rgba(255,255,255,.04); }
html[data-theme="dark"] .account-panels .list-unstyled li > a{ color: #e5e7eb; }
html[data-theme="dark"] .account-panels .list-unstyled li > a:hover{ color: #93c5fd; text-decoration: none; }

/* ===== Mis viajes · dark (spec AgentUI) ===== */
html[data-theme="dark"] .trips-count{ color: #cbd5e1; background: #0f172a; border-color: #1f2937; }
html[data-theme="dark"] .trip-filters .btn-outline-secondary{
  color: #cbd5e1; background: #0f172a; border-color: #334155;
}
html[data-theme="dark"] .trip-filters .btn-outline-secondary:hover{
  color: #93c5fd; background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.35);
}
html[data-theme="dark"] .trip-filters .btn-primary{ box-shadow: 0 6px 14px -4px rgba(29,78,216,.55); }
html[data-theme="dark"] .trips-grid .contact-card:hover{
  border-color: #27354d !important;
  box-shadow: 0 18px 40px -12px rgba(0,0,0,.60) !important;
}
html[data-theme="dark"] .trips-grid .btn-outline-danger{ color: #7c8aa0; border-color: transparent; }
html[data-theme="dark"] .trips-grid .btn-outline-danger:hover{ color: #fff; background: #dc2626; border-color: #dc2626; }
html[data-theme="dark"] .trip-badge-public { color: #6ee7b7; background: rgba(16,185,129,.12); border-color: rgba(16,185,129,.35); }
html[data-theme="dark"] .trip-badge-private{ color: #94a3b8; background: rgba(148,163,184,.10); border-color: #334155; }
html[data-theme="dark"] .trip-badge-client { color: #93c5fd; background: rgba(59,130,246,.12); border-color: rgba(59,130,246,.35); }

/* ===== Tarjetas de viajes relacionados · dark (spec AgentUI) ===== */
html[data-theme="dark"] .trip-related-card{
  background: linear-gradient(180deg, #0e1627 0%, #0b1220 100%);
  border-color: #1f2937;
  box-shadow: 0 10px 28px rgba(0,0,0,.45);
  color: #e5e7eb;
}
html[data-theme="dark"] .trip-related-card:hover{
  color: #e5e7eb; text-decoration: none;
  border-color: #27354d;
  box-shadow: 0 18px 40px -12px rgba(0,0,0,.60);
}
html[data-theme="dark"] .trip-card-thumb{
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}
html[data-theme="dark"] .trip-card-title{ color: #f1f5f9; }
html[data-theme="dark"] .trip-related-card:hover .trip-card-title{ color: #93c5fd; }
html[data-theme="dark"] .trip-card-meta{ color: #94a3b8; }
html[data-theme="dark"] .trip-card-meta i{ color: #64748b; }
html[data-theme="dark"] .trip-card-arrow{ color: #334155; }
html[data-theme="dark"] .trip-related-card:hover .trip-card-arrow{ color: #93c5fd; }

/* ===== Aviso de tope de días · dark ===== */
html[data-theme="dark"] input.days-overlimit{
  border-color: #f59e0b !important;
  box-shadow: 0 0 0 .25rem rgba(245,158,11,.15) !important;
}
html[data-theme="dark"] .days-overlimit-hint{
  color: #fcd34d;
  background: rgba(245,158,11,.08);
  border-color: rgba(245,158,11,.40);
  box-shadow: 0 10px 24px -10px rgba(0,0,0,.5);
}
html[data-theme="dark"] .days-overlimit-hint a{ color: #fbbf24; }

/* ==== Dark mode: Blog deck expandible (spec AgentUI) ==== */
html[data-theme="dark"] .blog-expand{
  background: rgba(15,23,42,.78);
  color: #e2e8f0;
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 4px 12px rgba(0,0,0,.45);
}
html[data-theme="dark"] .blog-expand:hover{
  background: rgba(15,23,42,.95);
  color: #93c5fd;
  box-shadow: 0 6px 16px rgba(0,0,0,.6);
}
html[data-theme="dark"] .blog-expand:focus-visible{ outline-color: #60a5fa; }

html[data-theme="dark"] .blog-deck .blog-card.is-expanded{ border-color: #334155; }

/* ===== Post del blog · dark ===== */
html[data-theme="dark"] .post-back{ color: #94a3b8; }
html[data-theme="dark"] .post-back:hover{ color: #93c5fd; }
html[data-theme="dark"] .post-title{ color: #f1f5f9; }
html[data-theme="dark"] .post-meta{ color: #94a3b8; }
html[data-theme="dark"] .post-author{ color: #cbd5e1; }
html[data-theme="dark"] .post-body{ color: #cbd5e1; }
html[data-theme="dark"] .post-trip-section{ border-top-color: #1f2937; }
html[data-theme="dark"] .post-trip-title{ color: #f1f5f9; }