/* Modo fácil (/facil.html): letra muy grande, alto contraste (AAA: 7:1 o más en todo el texto), botones de al menos
   56 px y una sola columna. Claro por defecto y oscuro a elección (el mismo interruptor que el resto de la web). */
:root{color-scheme:light;--fc-bg:#ffffff;--fc-card:#f4f4f4;--fc-text:#000000;--fc-soft:#2b2b2b;--fc-line:#000000;--fc-focus:#0040a8;
  --fc-btn:#002f6c;--fc-btn-text:#ffffff;--fc-btn2:#ffffff;--fc-btn2-text:#002f6c;--fc-si:#0047ab;--fc-quizas:#8a5a00;--fc-no:#1e6b34}
:root[data-theme="dark"]{color-scheme:dark;--fc-bg:#000000;--fc-card:#141414;--fc-text:#ffffff;--fc-soft:#e0e0e0;--fc-line:#ffffff;--fc-focus:#ffd400;
  --fc-btn:#ffd400;--fc-btn-text:#000000;--fc-btn2:#000000;--fc-btn2-text:#ffffff;--fc-si:#7cc0ff;--fc-quizas:#ffc24d;--fc-no:#7be39a}

*{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fc-bg);color:var(--fc-text);font:1.375rem/1.5 system-ui,"Segoe UI",Roboto,Arial,sans-serif;overflow-wrap:break-word}
.fc-skip{position:absolute;left:8px;top:-200px;z-index:10;padding:14px 18px;background:var(--fc-btn);color:var(--fc-btn-text);font-weight:700;border-radius:8px}
.fc-skip:focus{top:8px}
:focus-visible{outline:4px solid var(--fc-focus);outline-offset:3px}
[hidden]{display:none!important}
.fc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.fc-top,.fc-main,.fc-pie{max-width:40rem;margin:0 auto;padding:0 16px}
.fc-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding-top:12px;padding-bottom:4px}
.fc-brand{margin:0;font-size:1.05rem;font-weight:700;color:var(--fc-soft)}
.fc-idioma{display:flex;gap:6px}
.fc-idioma button{min-width:56px;min-height:56px;font:inherit;font-size:1.05rem;font-weight:700;border:3px solid var(--fc-line);border-radius:10px;background:var(--fc-btn2);color:var(--fc-btn2-text);cursor:pointer}
.fc-idioma button[aria-pressed="true"]{background:var(--fc-btn);color:var(--fc-btn-text);border-color:var(--fc-btn)}

.fc-main{outline:none}
h1{margin:12px 0 14px;font-size:2.6rem;line-height:1.15;outline:none}
h2{margin:0 0 6px;font-size:1.6rem;line-height:1.25}
h3{margin:14px 0 8px;font-size:1.4rem}
.fc-card{margin:0 0 14px;padding:16px 18px;background:var(--fc-card);border:3px solid var(--fc-line);border-radius:16px}
.fc-frase{margin:4px 0 0;font-size:1.5rem;line-height:1.45}
.fc-nota{margin:6px 0 12px;font-size:1.125rem;color:var(--fc-soft);white-space:pre-line}
.fc-ahora{text-align:center}
.fc-temp{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;line-height:1}
.fc-ico{font-size:5rem;line-height:1}
.fc-grados{font-size:6rem;font-weight:800;letter-spacing:-.02em}
.fc-manana{display:flex;align-items:center;gap:14px;margin:4px 0;font-size:2.4rem;font-weight:800}
.fc-manana .fc-ico{font-size:3rem}
.fc-lluvia{border-left-width:16px}
.fc-lluvia-si{border-left-color:var(--fc-si)}.fc-lluvia-quizas{border-left-color:var(--fc-quizas)}.fc-lluvia-no{border-left-color:var(--fc-no)}
.fc-sinaviso{font-size:1.375rem;font-weight:600}
.fc-error{font-size:1.5rem;font-weight:700}

/* Aviso oficial: los colores de AEMET con el texto que les da contraste AAA (el fondo no depende del tema). */
.fc-aviso{color:#000000;border-width:4px;border-color:#000000}
.fc-aviso h2{font-size:1.75rem}
.fc-nivel-2{background:#ffe14d}
.fc-nivel-3{background:#ff9a3c}
.fc-nivel-4{background:#a50021;color:#ffffff;border-color:#ffffff;box-shadow:0 0 0 3px #a50021}
.fc-oficial{margin:10px 0 0;font-size:1.2rem}

.fc-acciones{display:grid;gap:12px;margin:18px 0 6px}
.fc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;padding:12px 20px;font:inherit;font-size:1.45rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;
  border:3px solid var(--fc-btn);border-radius:14px;background:var(--fc-btn2);color:var(--fc-btn2-text);cursor:pointer}
.fc-btn-main{min-height:84px;font-size:1.75rem;background:var(--fc-btn);color:var(--fc-btn-text)}
.fc-btn:disabled{opacity:1;border-style:dashed;cursor:not-allowed}
.fc-btn-main:disabled{background:var(--fc-btn2);color:var(--fc-btn2-text)}
.fc-btn:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}

.fc-lugares{margin:6px 0 18px;padding:16px 18px;border:3px solid var(--fc-line);border-radius:16px}
.fc-lugares h2{outline:none}
.fc-lugares > .fc-btn{margin-top:6px}
.fc-buscar{display:grid;gap:10px;margin-top:18px}
.fc-buscar label{font-weight:700}
.fc-buscar input{width:100%;min-height:64px;padding:10px 14px;font:inherit;font-size:1.5rem;color:var(--fc-text);background:var(--fc-bg);border:3px solid var(--fc-line);border-radius:12px}
.fc-resultados{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.fc-btn-lugar{flex-direction:column;gap:2px}
.fc-extra{font-size:1.1rem;font-weight:500}

.fc-pie{display:grid;gap:12px;padding-top:12px;padding-bottom:32px;margin-top:10px;border-top:3px solid var(--fc-line)}
.fc-btn-sec{font-size:1.25rem;min-height:60px}
.fc-pie p{margin:4px 0 0;font-size:1.125rem;color:var(--fc-soft)}
.fc-pie .fc-instalar-nota:empty{display:none}

@media (min-width:700px){
  .fc-acciones{grid-template-columns:3fr 2fr}
  .fc-acciones .fc-btn{min-height:84px}
  .fc-pie{grid-template-columns:1fr 1fr}
  .fc-pie p,.fc-pie #instalar{grid-column:1/-1}
}
@media (prefers-reduced-motion:no-preference){.fc-btn,.fc-idioma button{transition:background-color .15s,color .15s}}
@media (forced-colors:active){.fc-card,.fc-btn,.fc-lugares{border-color:CanvasText}.fc-btn-main{forced-color-adjust:auto}}
@media print{.fc-acciones,.fc-pie,.fc-top nav,#lugares{display:none!important}}