/* =========================================================
   Modo claro (prototipo). Se enciende con <html data-tema="claro">
   desde el botón del encabezado; el oscuro sigue siendo el de siempre.
   Paleta fría a partir del azul del logo (#284c82): blanco azulado de
   fondo, texto azul marino y el azul de la marca como acento, sin cafés.
   Lo que va sobre una foto (portadas, cajas de vidrio, testimonios, el
   encabezado mientras está sobre la portada) conserva el texto claro.
   ========================================================= */
:root[data-tema="claro"]{
  --fondo:#f7f9fc; --fondo-2:#edf2f8; --pildora:#e1e8f1;
  --texto:#13233d; --apagado:#56677e; --linea:rgba(19,35,61,.12);
  --acento:#284c82;
  --tierra:#d5e0ee;
  --vidrio-borde:rgba(19,35,61,.14);
  color-scheme:light;
}

/* Sobre foto: texto claro y acento azul cielo. */
[data-tema="claro"] .hero,
[data-tema="claro"] .p-hero,
[data-tema="claro"] .p-cta,
[data-tema="claro"] .combina,
[data-tema="claro"] .persona,
[data-tema="claro"] .vidrio,
[data-tema="claro"] .catalogo__portada,
[data-tema="claro"] .cab:not(.is-vidrio){
  --fondo:#0e1b2e; --fondo-2:#152740; --pildora:#1e3350;
  --texto:#f4f7fb; --apagado:#a9b7c9; --linea:rgba(255,255,255,.12);
  --acento:#9fc0f2; --vidrio-borde:rgba(255,255,255,.18);
  color:var(--texto); /* el color se hereda ya resuelto: hay que volver a ponerlo aquí */
}

/* Encabezado ya fuera de la portada: vidrio blanco. */
[data-tema="claro"] .cab.is-vidrio{background:rgba(247,249,252,.86)}
[data-tema="claro"] .menu-movil{background:rgba(247,249,252,.95)}

/* Grises de texto que estaban fijos para fondo oscuro. */
[data-tema="claro"] .paq-reg__lista span.paq-reg__txt,
[data-tema="claro"] .cotiza__sub,
[data-tema="claro"] .p-intro__txt p:not(.nos__lead),
[data-tema="claro"] .dia p,
[data-tema="claro"] .lista li{color:#33445c}
[data-tema="claro"] .campo input::placeholder,
[data-tema="claro"] .campo textarea::placeholder,
[data-tema="claro"] .buscador input::placeholder{color:#8593a6}
[data-tema="claro"] .campo.error input{border-bottom-color:#c23b3b}
[data-tema="claro"] .campo__error{color:#b53333}

/* Botones y controles. */
[data-tema="claro"] .pildora--oscura:hover{background:#d2dcea}
[data-tema="claro"] .wa{background:rgba(247,249,252,.86);border-color:var(--vidrio-borde)}
[data-tema="claro"] .carrusel__btn{background:rgba(247,249,252,.9)}
[data-tema="claro"] .buscador input{background:#fff}
[data-tema="claro"] .reserva__caja,
[data-tema="claro"] .temporada{background:#fff}

/* Fondo de las portadas de catálogo que aún no tienen imagen. */
[data-tema="claro"] .catalogo__relleno{background:radial-gradient(60% 55% at 25% 30%,#4f7cc0 0%,transparent 70%),radial-gradient(55% 60% at 75% 65%,#2c5d8f 0%,transparent 70%),radial-gradient(45% 50% at 60% 20%,#7fa6dc 0%,transparent 70%),linear-gradient(160deg,#13233d,#284c82)}

/* Mapa de la portada: tierra azul pálido sobre el fondo. */
[data-tema="claro"] .punto__nucleo{fill:#284c82}
[data-tema="claro"] .ruta__pais{stroke:rgba(19,35,61,.16)}
[data-tema="claro"] .ruta__vecino{fill:#e6ecf4;stroke:rgba(19,35,61,.06)}

/* Mapa de la ruta del paquete: el SVG trae su propio <style> con colores del modo oscuro; estas reglas pesan más. */
[data-tema="claro"] .mr-mar,[data-tema="claro"] .mr-lago{fill:#e4ecf6}
[data-tema="claro"] .mr-vec{fill:#f3f6fa;stroke:rgba(19,35,61,.08)}
[data-tema="claro"] .mr-pais{fill:#ffffff;stroke:rgba(40,76,130,.32)}
[data-tema="claro"] .mr-estado{stroke:rgba(19,35,61,.22)}
[data-tema="claro"] .mr-estado--vec{stroke:rgba(19,35,61,.08)}
[data-tema="claro"] .mr-tierra,[data-tema="claro"] .mr-barco{stroke:#284c82}
[data-tema="claro"] .mr-vuelo{stroke:#7a8aa0}
[data-tema="claro"] .mr-p,[data-tema="claro"] .mr-p0{fill:#ffffff;stroke:#284c82}
[data-tema="claro"] .mr-et{fill:#13233d;stroke:#f7f9fc}
[data-tema="claro"] .mr-nota{fill:#56677e;stroke:#f7f9fc}
[data-tema="claro"] .mr-guia{stroke:rgba(19,35,61,.3)}
[data-tema="claro"] .mr-halo{stroke:#284c82;opacity:.1}
[data-tema="claro"] .mr-borde{stroke:#284c82}

/* Pie en azul marino de banda completa: ancla la página en el color de la marca. */
[data-tema="claro"] .pie{
  --texto:#eef3fa; --apagado:#a6b5c8; --linea:rgba(255,255,255,.14); --acento:#9fc0f2;
  color:var(--texto);background:#13233d;box-shadow:0 0 0 100vmax #13233d;clip-path:inset(0 -100vmax);
}
[data-tema="claro"] .punto__halo{opacity:.18}