/* ═══════════════════════════════════════════════════════════════════
   SUDOESTE · public_html/sudoeste/css/sudoeste.css   (27/10/2026)

   La página del mapa (/sudoeste/). No usa assets/style.css: los estilos
   generales del sitio (enlaces subrayados, márgenes de los párrafos…)
   cambiarían el dibujo del mapa. Trae solo los del encabezado, copiados
   de assets/style.css v22: si cambia el encabezado del sitio, hay que
   copiar acá el cambio (y cambiar SUD_V en sudoeste/datos.php).
   ═══════════════════════════════════════════════════════════════════ */

/* ── EL ENCABEZADO DEL SITIO (de assets/style.css v22) ── */
:root{--grafito:#1A1F23; --grafito-2:#20262B; --caliza:#DCD8CE; --caliza-2:#D2CDC1; --tinta:#22282C; --azul:#2E4756; --laton:#9A8250; --laton-claro:#C4AD75; --niebla:#9BA5A6; --display:"Spectral",Georgia,"Times New Roman",serif; --texto:"Karla","Helvetica Neue",Arial,sans-serif; --plomo:34px; --maxw:1080px;}
.invocacion{background:#12161A;color:var(--laton);text-align:center;padding:9px 20px;font-family:var(--display);font-size:11px;letter-spacing:.34em;border-bottom:1px solid rgba(154,130,80,.2)}
.tope{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:rgba(26,31,35,.97);border-bottom:1px solid rgba(154,130,80,.28);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px)}
.tope-in{max-width:var(--maxw);margin:0 auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;flex-wrap:wrap}
.fila-alta{display:contents}
.menu{order:2}
.tab.reservada{order:3}
.marca{display:flex;flex-direction:column;line-height:1.15;padding:11px 0}
.marca-txt{display:flex;flex-direction:column;line-height:1.15}
.marca-txt b{font-family:var(--display);font-weight:500;font-size:15.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--caliza)}
.marca-txt span{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--laton);margin-top:4px}
.menu{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding-bottom:5px}
.tab{font-family:var(--texto);font-size:13px;letter-spacing:.05em;color:var(--niebla);background:none;border:0;padding:8px 12px;cursor:pointer;border-bottom:1.5px solid transparent;transition:color .2s,border-color .2s}
.tab:hover{color:var(--caliza)}
.tab[aria-selected="true"]{color:var(--caliza);border-bottom-color:var(--laton)}
.tab:focus-visible{outline:2px solid var(--laton);outline-offset:2px}
.tab.reservada{margin-left:10px;padding-left:19px;border-left:1px solid rgba(154,130,80,.35);color:var(--laton)}
.tab.reservada:hover,.tab.reservada[aria-selected="true"]{color:var(--laton-claro)}
@media (max-width:760px){.invocacion{letter-spacing:.22em;font-size:10px;padding:7px 14px}
.tope-in{padding:0;min-height:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0}
.fila-alta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px}
.menu,.tab.reservada{order:initial}
.marca{padding:10px 0 8px}
.tab.reservada{margin:0;padding:7px 12px;border:1px solid rgba(154,130,80,.4);border-left-width:1px;font-size:11.5px;flex:0 0 auto}
.marca-txt b{font-size:14px;letter-spacing:.1em}
.menu{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 20px;gap:0;border-top:1px solid rgba(154,130,80,.16); -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.menu::-webkit-scrollbar{display:none}
.tab{white-space:nowrap;padding:11px;font-size:13px;flex:0 0 auto}
.tab.reservada{margin-left:8px;padding-left:14px}}
.tab[aria-current="page"]{color:var(--caliza);border-bottom-color:var(--laton)}
.tab.reservada[aria-current="page"]{color:var(--laton-claro)}
.marca-txt span,.tab.reservada{color:#A68D59}
@media (min-width:761px){.menu .tab{padding-left:10px;padding-right:10px}}
@media (max-width:760px){.menu{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}}

/* ── LA PÁGINA DEL MAPA ───────────────────────────────────────────────
   Arriba, el encabezado del sitio; en todo lo que queda de la pantalla,
   el mapa. La página no se corre: se mueve el mapa (y sus paneles, que
   tienen su propio desplazamiento). «Pantalla completa» tapa también el
   encabezado. Sin JavaScript (o si el mapa no llega a armarse) se ve la
   versión en lista, #sud-sinjs, que es también la que leen los buscadores.
   ─────────────────────────────────────────────────────────────────── */
html,body{margin:0}
/* Letra de base como la del sitio (assets/style.css): así el encabezado mide lo mismo que en las demás páginas */
body.sud{background:#0F1316;color:#EFEBE2;font-family:var(--texto);font-weight:300;font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased}
.sud .invocacion,.sud .tope,.sud .tope *{box-sizing:border-box}
.sud .tope a{text-decoration:none}
/* En las demás páginas el encabezado es apenas transparente sobre el fondo claro: acá, el mismo tono, ya mezclado */
.sud .tope{background:#202529}

html.js body.sud{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}
html.js body.sud>.invocacion,html.js body.sud>.tope{flex:0 0 auto}
html.js #sud-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
#sud-mapa{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:#0F1316;color:#EFEBE2;font-family:Karla,'Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:16px;line-height:normal}
#sud-mapa>div{flex:1 1 auto;min-height:0}
.sud-cargando{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0 20px;text-align:center;font-family:var(--display);font-style:italic;font-size:18px;color:#9BA5A6}
/* «Pantalla completa»: el mapa tapa el encabezado del sitio */
html.sud-pantalla #sud-mapa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}

/* Sin JavaScript, o si el mapa no se pudo armar: la lista */
html:not(.js) #sud-mapa{display:none}
html.js #sud-sinjs{display:none}
html.js.sud-sin-mapa body.sud{display:block;height:auto;overflow:visible}
html.js.sud-sin-mapa #sud-mapa{display:none}
html.js.sud-sin-mapa #sud-sinjs{display:block}

/* ── LA VERSIÓN EN LISTA ── */
#sud-sinjs,#sud-sinjs *{box-sizing:border-box}
#sud-sinjs{padding:44px 26px 0;font-weight:400;font-size:16px;line-height:1.6}
.sud-caja{max-width:var(--maxw);margin:0 auto}
#sud-sinjs a{color:#C4AD75;text-decoration:underline;text-decoration-color:rgba(196,173,117,.45);text-underline-offset:3px}
#sud-sinjs a:hover{color:#EFEBE2}
#sud-sinjs a:focus-visible{outline:2px solid #C4AD75;outline-offset:2px}
.sud-ojo{margin:0 0 10px;font-family:var(--display);font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:#A68D59}
#sud-sinjs h1{margin:0 0 18px;font-family:var(--display);font-weight:400;font-size:clamp(2rem,5vw,3.1rem);line-height:1.14;text-wrap:balance}
.sud-intro{max-width:42em;margin:0 0 14px;font-size:17px;color:#C9D0CF}
.sud-aviso{max-width:42em;margin:0 0 6px;font-size:15px;color:#9BA5A6;font-style:italic}
.sud-paginas{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.sud-paginas a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid rgba(196,173,117,.55);font-weight:500;text-decoration:none!important}
#sud-sinjs h2{margin:46px 0 18px;padding-bottom:9px;border-bottom:1px solid rgba(154,130,80,.3);font-family:var(--display);font-size:13px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#C4AD75}
.sud-pueblos{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:30px 34px;margin:0;padding:0;list-style:none}
.sud-pueblo{min-width:0}
.sud-pueblo h3{margin:0;font-family:var(--display);font-size:22px;font-weight:500;line-height:1.25}
.sud-partido{margin:2px 0 10px;font-size:13.5px;color:#9BA5A6}
.sud-pueblo p{margin:0 0 8px;font-size:15px;color:#C9D0CF}
.sud-logias{margin:0 0 8px;padding:0;list-style:none;font-size:15px}
.sud-logias li{margin:0 0 3px}
.sud-logias b{font-weight:600;color:#EFEBE2}
.sud-et{display:block;margin:12px 0 4px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#A68D59}
.sud-notas,.sud-prox{margin:0;padding:0 0 0 18px;font-size:15px}
.sud-notas li,.sud-prox li{margin:0 0 5px}
.sud-prox{color:#9BA5A6}
.sud-tambien{margin:22px 0 0;font-size:14.5px;color:#9BA5A6}
.sud-pie{margin:56px -26px 0;padding:26px;border-top:1px solid rgba(154,130,80,.25);background:#12161A}
.sud-pie p{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;font-size:14px;color:#9BA5A6}
@media (max-width:760px){
  #sud-sinjs{padding:30px 20px 0}
  .sud-pie{margin:44px -20px 0;padding:22px 20px}
  .sud-pueblos{grid-template-columns:minmax(0,1fr)}
}