/* FFA Dureza del agua — mapa y tabla del artículo «Dureza del agua en España» (01/11/2026).
   Colores por tipo (OMS): azul blanda · verde azulado moderada · ámbar dura · óxido muy dura. */
.fda,.fda-tabla-env{--fda-c1:#2368b8;--fda-c2:#12806f;--fda-c3:#e0a526;--fda-c4:#b4441f;
  --fda-t1:#e4eefa;--fda-t2:#dcf1ec;--fda-t3:#fbf0d2;--fda-t4:#f8e2d9;
  --fda-o1:#1b4f8c;--fda-o2:#0b5d50;--fda-o3:#6b4a00;--fda-o4:#8b3214;
  --fda-ink:var(--ink,#0c252e);--fda-slate:var(--slate,#52676f);--fda-line:var(--line,#e2e9eb);--fda-head:var(--teal-900,#0a3d4c);
  font-family:var(--ff-body,"Hanken Grotesk",system-ui,sans-serif)}
.fda{margin:22px 0 26px;display:flex;flex-direction:column;gap:14px}
.fda [hidden]{display:none!important}

/* Buscador */
.fda-buscar{display:flex;flex-direction:column;gap:8px;background:#f2f8f9;border:1px solid var(--fda-line);border-radius:14px;padding:16px 18px}
.fda-buscar label{font-family:var(--ff-head,"Schibsted Grotesk",system-ui,sans-serif);font-weight:700;font-size:16px;color:var(--fda-head)}
.fda-caja{display:flex;gap:8px}
.fda-caja input{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 14px;border:1px solid #c9d6da;border-radius:10px;background:#fff;color:var(--fda-ink)}
.fda-caja input:focus{outline:2px solid var(--teal-600,#137189);outline-offset:1px;border-color:transparent}
.fda-caja button{font:700 15px/1 var(--ff-head,"Schibsted Grotesk",system-ui,sans-serif);padding:0 18px;border:0;border-radius:10px;background:var(--teal-700,#0f6178);color:#fff;cursor:pointer}
.fda-caja button:hover{background:var(--fda-head)}
.fda-caja button:focus-visible{outline:2px solid var(--fda-head);outline-offset:2px}
.fda-res{border-radius:12px;background:#fff;border:1px solid var(--fda-line);padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.fda-res .fda-res-n{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--ff-head,"Schibsted Grotesk",system-ui,sans-serif);font-weight:800;font-size:19px;color:var(--fda-head)}
.fda-res p{margin:0;color:var(--fda-slate);font-size:15.5px;line-height:1.55}
.fda-res p strong{color:var(--fda-ink)}
.fda-res .fda-res-b{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.fda-res .fda-res-b button,.fda-res .fda-res-b a{font:600 14.5px/1 var(--ff-body,"Hanken Grotesk",system-ui,sans-serif);padding:9px 14px;border-radius:9px;border:1px solid #c9d6da;background:#fff;color:var(--teal-700,#0f6178);cursor:pointer;text-decoration:none}
.fda-res .fda-res-b button:hover,.fda-res .fda-res-b a:hover{border-color:var(--teal-700,#0f6178)}

/* Mapa */
.fda-mapa{position:relative;aspect-ratio:7/5;max-height:560px;width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--fda-line);background:#eef3f4}
.fda-lienzo{position:absolute;inset:0;z-index:0}
.fda-lienzo .leaflet-tile-pane{filter:grayscale(1) brightness(1.06) contrast(.88)}
.fda-cargando{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--fda-slate);font-size:15px}
.fda-aviso{margin:-4px 0 0;font-size:13.5px;line-height:1.45;color:var(--fda-slate)}
.fda-canarias{position:absolute;left:10px;bottom:10px;z-index:500;width:27%;min-width:110px;max-width:190px;aspect-ratio:4/3;border-radius:10px;overflow:hidden;border:2px solid #fff;box-shadow:0 2px 8px rgba(10,61,76,.25);background:#eef3f4;cursor:pointer}
.fda-canarias:focus-visible{outline:3px solid var(--teal-600,#137189);outline-offset:2px}
.fda-canarias-t{position:absolute;top:4px;left:6px;z-index:2;font:700 11px/1 var(--ff-head,"Schibsted Grotesk",system-ui,sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--fda-head);background:rgba(255,255,255,.9);padding:3px 5px;border-radius:5px}
.fda-lienzo-c{position:absolute;inset:0;z-index:0;pointer-events:none}
.fda-lienzo-c .leaflet-tile-pane{filter:grayscale(1) brightness(1.06) contrast(.88)}

/* Pines: gota con los grados franceses dentro */
.fda-pin-w{background:none;border:0}
.fda-pin{position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--fda-pc);border:2px solid #fff;box-shadow:0 2px 6px rgba(10,61,76,.4);display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.fda-pin b{transform:rotate(45deg);font:800 11.5px/1 var(--ff-head,"Schibsted Grotesk",system-ui,sans-serif);color:#fff;letter-spacing:-.02em}
.fda-pin.fda-c1{--fda-pc:var(--fda-c1)}.fda-pin.fda-c2{--fda-pc:var(--fda-c2)}.fda-pin.fda-c3{--fda-pc:var(--fda-c3)}.fda-pin.fda-c4{--fda-pc:var(--fda-c4)}
.fda-pin.fda-c3 b{color:#2b1d00}
.fda-pin-w:hover .fda-pin,.fda-pin-w:focus .fda-pin{box-shadow:0 0 0 3px rgba(10,61,76,.25),0 2px 6px rgba(10,61,76,.4)}
.fda-pin-peq .fda-pin{width:22px;height:22px}
.fda-pin-peq .fda-pin b{font-size:9px}

/* Ventana del pin */
.fda .leaflet-popup-content{margin:12px 14px;font-family:var(--ff-body,"Hanken Grotesk",system-ui,sans-serif);color:var(--fda-ink);font-size:14px;line-height:1.45}
.fda .leaflet-popup-content-wrapper{border-radius:12px}
.fda-pop{display:flex;flex-direction:column;gap:5px;min-width:190px}
.fda-pop-n{font:800 17px/1.2 var(--ff-head,"Schibsted Grotesk",system-ui,sans-serif);color:var(--fda-head)}
.fda-pop-v strong{font-size:16px}
.fda-pop-r,.fda-pop-f{color:var(--fda-slate);font-size:13px}
.fda-pop a{color:var(--teal-700,#0f6178);font-weight:600}
.fda-pop-b{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.fda-pop-b a{font-size:13px;text-decoration:none;padding:6px 10px;border-radius:8px;border:1px solid #c9d6da;background:#fff}
.fda-pop-b a.fda-btn-p{background:var(--teal-700,#0f6178);border-color:var(--teal-700,#0f6178);color:#fff}

/* Leyenda */
.fda-leyenda{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--fda-ink)}
.fda-leyenda li{display:flex;align-items:center;gap:7px;margin:0}
.fda-leyenda small{color:var(--fda-slate);font-size:13px}
.fda-punto{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--fda-pc);flex:none}
.fda-punto.fda-c1{--fda-pc:var(--fda-c1)}.fda-punto.fda-c2{--fda-pc:var(--fda-c2)}.fda-punto.fda-c3{--fda-pc:var(--fda-c3)}.fda-punto.fda-c4{--fda-pc:var(--fda-c4)}

/* Etiqueta de tipo (tabla, buscador y ventana) */
.fda-tipo{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--fda-tb);color:var(--fda-to)}
.fda-tipo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fda-pc)}
.fda-tipo.fda-c1{--fda-tb:var(--fda-t1);--fda-to:var(--fda-o1);--fda-pc:var(--fda-c1)}
.fda-tipo.fda-c2{--fda-tb:var(--fda-t2);--fda-to:var(--fda-o2);--fda-pc:var(--fda-c2)}
.fda-tipo.fda-c3{--fda-tb:var(--fda-t3);--fda-to:var(--fda-o3);--fda-pc:var(--fda-c3)}
.fda-tipo.fda-c4{--fda-tb:var(--fda-t4);--fda-to:var(--fda-o4);--fda-pc:var(--fda-c4)}

/* Tabla */
.fda-tabla-env{overflow-x:auto;margin:16px 0 22px;border:1px solid var(--fda-line);border-radius:14px;background:#fff}
.fda-tabla{width:100%;border-collapse:collapse;font-size:15px;color:var(--fda-ink);min-width:560px}
.fda-tabla th:nth-child(1){width:27%}.fda-tabla th:nth-child(2){width:24%}.fda-tabla th:nth-child(3){width:21%}
.fda-tabla caption{text-align:left;padding:12px 14px 4px;font-size:13.5px;color:var(--fda-slate);caption-side:top}
.fda-tabla th,.fda-tabla td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--fda-line)}
.fda-tabla tbody tr:last-child th,.fda-tabla tbody tr:last-child td{border-bottom:0}
.fda-tabla thead th{font:700 12.5px/1.2 var(--ff-head,"Schibsted Grotesk",system-ui,sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--fda-slate);background:#f5f9fa;white-space:nowrap}
.fda-tabla thead th button{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.fda-tabla thead th button::after{content:" ↕";opacity:.5}
.fda-tabla thead th[aria-sort="ascending"] button::after{content:" ↑";opacity:1}
.fda-tabla thead th[aria-sort="descending"] button::after{content:" ↓";opacity:1}
.fda-tabla tbody th{font-weight:700}
.fda-tabla tbody th a{color:var(--fda-head);text-decoration:none;font-weight:700}
.fda-tabla tbody th a:hover{text-decoration:underline}
.fda-tabla td b{font-variant-numeric:tabular-nums;white-space:nowrap}
.fda-tabla small{display:block;color:var(--fda-slate);font-size:12.5px;margin-top:2px;font-variant-numeric:tabular-nums}
.fda-tabla td a{color:var(--teal-700,#0f6178);font-weight:600}
.fda-tabla tr.fda-sel th,.fda-tabla tr.fda-sel td{background:#f2f8f9}

/* La tabla de la escala de la OMS (bloque «Tabla» de WordPress): el tema no trae estilos para ella; solo se carga en este post */
.prose .wp-block-table{margin:6px 0 18px;overflow-x:auto;border:1px solid var(--line,#e2e9eb);border-radius:14px}
.prose .wp-block-table table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.prose .wp-block-table th,.prose .wp-block-table td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--line,#e2e9eb);font-variant-numeric:tabular-nums}
.prose .wp-block-table thead th{font:700 12.5px/1.2 var(--ff-head,"Schibsted Grotesk",system-ui,sans-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--slate,#52676f);background:#f5f9fa}
.prose .wp-block-table tbody tr:last-child td{border-bottom:0}
.prose .wp-block-table tbody td:first-child{font-weight:700;color:var(--ink,#0c252e)}

@media (max-width:600px){
  .fda-mapa{aspect-ratio:1/1}
  .fda-buscar{padding:14px}
  .fda-canarias{min-width:96px}
}
@media (prefers-reduced-motion:reduce){.fda *{transition:none!important;animation:none!important}}