/* Tema «Fresco» – mañana en la costa. Blanco luminoso, azul de mar y coral.
   2026: menos peso en los títulos y un coral propio, no el naranja de Cantábrico. */
html[data-tema="fresco"] {
  --c-fondo: #F5F8FB; --c-superficie: #fff; --c-texto: #10233F; --c-suave: #5A6B80;
  --c-primario: #1558A8; --c-titulos: #0E2244; --c-acento: #E36A2E; --c-acento-texto: #fff;
  --c-tinte: #E8F1FA; --c-borde: #D7E4F2; --c-enlace: #1558A8; --c-azul: #1558A8;
  --c-pie: #0E2244; --c-pie-texto: #C5D2E4;
  --f-titulos: "Plus Jakarta Sans", system-ui, sans-serif; --f-texto: "Plus Jakarta Sans", system-ui, sans-serif; --peso-titulos: 700; --espaciado-titulos: -0.03em;
  --radio: 18px; --radio-grande: 28px; --radio-boton: 14px;
  --sombra: 0 18px 40px -28px rgba(14,34,68,.38);
  --hero-img: url(/img/hero-fresco.jpg); --hero-pos: 40% center;
  --header-bg: rgba(245,248,251,.9);
  color-scheme: light;
}
html[data-tema="fresco"] .cabecera { box-shadow: none; background: color-mix(in srgb, #F5F8FB 88%, transparent); backdrop-filter: blur(14px); }
@media (min-width: 1100px) {
  html[data-tema="fresco"] .menu { background: var(--c-tinte); padding: 6px; border-radius: 999px; gap: 4px; }
  html[data-tema="fresco"] .menu a { padding: 9px 15px; border-radius: 999px; font-weight: 600; font-size: 14px; }
  html[data-tema="fresco"] .menu a[aria-current="page"] { background: #fff; color: var(--c-primario); box-shadow: 0 2px 8px rgba(21,88,168,.12); }
}
html[data-tema="fresco"] .hero { display: grid; gap: 20px; grid-template-areas: "texto" "foto" "busca"; }
html[data-tema="fresco"] .hero-texto { grid-area: texto; background: var(--c-tinte); border-radius: var(--radio-grande); padding: 40px 30px; }
html[data-tema="fresco"] .hero-texto .eyebrow { background: #fff; color: var(--c-primario); border-radius: 999px; padding: 8px 16px; letter-spacing: 0; text-transform: none; font-size: 14px; font-weight: 700; }
html[data-tema="fresco"] .hero-texto h1 { font-weight: 700; letter-spacing: -.03em; }
html[data-tema="fresco"] .hero-texto h1 em { font-style: normal; font-weight: 700; color: var(--c-primario); }
html[data-tema="fresco"] .hero-foto { grid-area: foto; min-height: 340px; }
html[data-tema="fresco"] .buscador { grid-area: busca; margin: 0; }
@media (min-width: 900px) {
  html[data-tema="fresco"] .hero { grid-template-columns: 1fr 1.15fr; grid-template-areas: "texto foto" "busca busca"; gap: 24px; }
  html[data-tema="fresco"] .hero-texto { padding: 64px 56px 120px; }
  html[data-tema="fresco"] .hero-foto { min-height: 540px; }
  html[data-tema="fresco"] .buscador { margin: -110px 56px 0; }
}
html[data-tema="fresco"] .segmentado { border-radius: 16px; }
html[data-tema="fresco"] .segmentado label { border-radius: 12px; }
html[data-tema="fresco"] .segmentado input:checked + label { background: var(--c-primario); }
html[data-tema="fresco"] .btn-sec { background: var(--c-primario); }
html[data-tema="fresco"] .seccion-tinte { border-radius: 32px; margin-left: 12px; margin-right: 12px; }
html[data-tema="fresco"] .tarjeta { padding: 10px; border: 1px solid var(--c-borde); }
html[data-tema="fresco"] .tarjeta-foto { border-radius: 20px; }
html[data-tema="fresco"] .tarjeta-cuerpo { padding: 16px 10px 8px; }
html[data-tema="fresco"] .tarjeta h3 { font-size: 18px; font-weight: 700; letter-spacing: -.01em; }
html[data-tema="fresco"] .etiqueta { color: var(--c-primario); font-weight: 800; }
html[data-tema="fresco"] .etiqueta.acento { color: #fff; }
html[data-tema="fresco"] .precio { background: #FDE8DC; color: #B84E18; font-size: 20px; font-weight: 800; padding: 7px 13px; border-radius: 14px; }
html[data-tema="fresco"] .ficha .precio { background: var(--c-acento); color: #fff; font-size: 26px; display: inline-block; }
html[data-tema="fresco"] .datos-rapidos b { font-weight: 800; }
html[data-tema="fresco"] .pie { margin: 84px 12px 12px; border-radius: 32px; }
html[data-tema="fresco"] .wa-flotante { border-radius: 22px; }
html[data-tema="fresco"] .hc-puntos button::before { width: 8px; height: 8px; border-radius: 3px; }
html[data-tema="fresco"] .hc-puntos button[aria-current="true"]::before { width: 20px; background: var(--c-acento); }
@media (max-width: 699px) { html[data-tema="fresco"] .hero-texto { padding: 32px 24px; } html[data-tema="fresco"] .seccion-tinte, html[data-tema="fresco"] .pie { margin-left: 0; margin-right: 0; margin-bottom: 0; border-radius: 0; } }
@media (max-width: 699px) {
  html[data-tema="fresco"] .hc-puntos { top: auto; bottom: 6px; right: auto; left: 50%; transform: translateX(-50%); }
}