/*
Theme Name: Hispanos en Europa
Theme URI: https://hispanoseneuropa.com
Author: MastMedia Productions LLC
Author URI: https://hispanoseneuropa.com
Description: Tema a medida para Hispanos en Europa, medio digital en español para la comunidad hispana en Europa. Diseño editorial con portada de carrusel, tablero del inmigrante y zonas publicitarias.
Version: 1.6.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hispanoseneuropa
Tags: news, magazine, blog, custom-menu, featured-images, translation-ready
*/

:root{
  --tinta:#00092D;
  --azul:#0032BB;
  --azul-claro:#1E56E8;
  --oro:#F8C000;
  --papel:#F5F7FC;
  --nube:#FFFFFF;
  --humo:#5A6280;
  --linea:#DCE1EE;
  --display:"Archivo",system-ui,-apple-system,sans-serif;
  --texto:"Newsreader",Georgia,serif;
  --dato:"IBM Plex Mono",ui-monospace,monospace;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--papel);color:var(--tinta);
  font-family:var(--texto);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
.env{width:min(100% - 32px,var(--max));margin-inline:auto}
.saltar{position:absolute;left:-9999px}
.saltar:focus{left:8px;top:8px;z-index:999;background:var(--oro);padding:10px 16px;font-family:var(--display);font-weight:800}

.eyebrow{font-family:var(--dato);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--azul)}

/* ---------- barra de servicio ---------- */
.service{background:var(--tinta);color:#fff}
.service .env{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:34px;
  font-family:var(--dato);font-size:11px;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap}
.service time{color:#9FB0E8}
.service ul{list-style:none;display:flex;gap:16px;margin:0;padding:0;flex-wrap:wrap}
.service a{color:#DCE3FA}
.service a:hover{color:var(--oro)}

/* ---------- cabecera ---------- */
.masthead{background:var(--nube);border-bottom:2px solid var(--tinta)}
.masthead .env{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:18px 0 14px}
.masthead .brand{justify-self:start}
.masthead .hee-zona{justify-self:center}
.brand img{width:184px}
.brand .txt{font-family:var(--display);font-weight:900;font-size:28px;letter-spacing:-.03em}
.lema{font-family:var(--dato);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--humo);margin:8px 0 0}
.head-cta{justify-self:end;align-self:center;width:auto;white-space:nowrap;display:inline-block;background:var(--oro);color:var(--tinta);font-family:var(--display);font-weight:800;
  font-size:13px;letter-spacing:.02em;padding:11px 18px;border:2px solid var(--tinta);
  box-shadow:4px 4px 0 var(--tinta);transition:transform .12s,box-shadow .12s}
.head-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--tinta)}

/* ---------- navegación ---------- */
.nav{background:var(--nube);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:60}
.nav .env{display:flex;align-items:center;gap:2px;min-width:0}
.nav ul{min-width:0;flex:1}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.nav ul::-webkit-scrollbar{display:none}
.nav a{font-family:var(--display);font-weight:700;font-size:13.5px;text-transform:uppercase;
  padding:14px;white-space:nowrap;border-bottom:3px solid transparent;display:block}
.nav a:hover{border-bottom-color:var(--oro)}
.nav .current-menu-item>a,.nav .current_page_item>a{border-bottom-color:var(--azul);color:var(--azul)}
.nav-toggle{display:none;background:none;border:0;font-family:var(--display);font-weight:800;font-size:14px;
  text-transform:uppercase;padding:14px 0;cursor:pointer;color:var(--tinta)}
.nav-buscar{margin-left:auto;background:none;border:0;cursor:pointer;padding:10px;color:var(--tinta)}
.buscador-panel{display:none;background:var(--nube);border-bottom:1px solid var(--linea);padding:14px 0}
.buscador-panel.on{display:block}
.buscador-panel form{display:flex;width:min(100% - 32px,var(--max));margin-inline:auto}
.buscador-panel input[type=search]{flex:1;font-family:var(--dato);font-size:14px;padding:12px;border:2px solid var(--tinta);border-right:0;background:var(--papel);min-width:0}
.buscador-panel button{font-family:var(--display);font-weight:800;font-size:13px;text-transform:uppercase;
  background:var(--azul);color:#fff;border:2px solid var(--tinta);padding:12px 20px;cursor:pointer}

/* ---------- franja de países ---------- */
.paises{background:var(--nube);border-bottom:1px solid var(--linea)}
.paises .env{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:12px 0;scrollbar-width:none}
.paises .env::-webkit-scrollbar{display:none}
.paises .lbl{font-family:var(--dato);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--humo);padding-right:10px;white-space:nowrap}
.chip{font-family:var(--display);font-weight:700;font-size:13px;padding:8px 14px;border:1px solid var(--linea);white-space:nowrap;transition:.14s}
.chip:hover{background:var(--tinta);color:#fff;border-color:var(--tinta)}

/* ---------- publicidad ---------- */
.hee-zona{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin:0 auto}
.hee-zona-rotulo{font-family:var(--dato);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#9AA2BC}
.hee-zona-caja{width:100%;display:grid;place-items:center;text-align:center;padding:10px;border:1px dashed #B9C2DA;
  background:repeating-linear-gradient(135deg,rgba(0,50,187,.035) 0 10px,transparent 10px 20px),var(--nube);
  font-family:var(--dato);font-size:11px;letter-spacing:.08em;color:#7E88A8}
.hee-zona-caja b{display:block;font-family:var(--display);font-weight:800;font-size:13px;color:var(--tinta);margin-bottom:3px}
.hee-zona-caja a{color:var(--azul);border-bottom:1px solid var(--azul)}
.hee-zona-cabecera .hee-zona-caja{min-height:90px;max-width:728px}
.hee-zona-portada{padding:22px 0 4px}
.hee-zona-portada .hee-zona-caja{min-height:120px;max-width:970px}
.hee-zona-lateral .hee-zona-caja{min-height:250px;max-width:300px;margin-inline:auto}
.hee-zona-cierre{padding:0 0 30px}
.hee-zona-cierre .hee-zona-caja{min-height:90px;max-width:728px;margin-inline:auto}
.hee-zona-articulo{margin:32px 0}
.hee-zona-articulo .hee-zona-caja{min-height:90px;max-width:728px;margin-inline:auto}

/* ---------- portada ---------- */
.portada{padding:34px 0 10px}
.portada-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:34px}
.lead{border-bottom:1px solid var(--linea);padding-bottom:26px}
.lead-media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--tinta)}
.lead-media img{width:100%;height:100%;object-fit:cover}
.tag{position:absolute;left:0;bottom:0;background:var(--oro);color:var(--tinta);font-family:var(--dato);
  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px}
.lead h2.tit{overflow-wrap:break-word;font-family:var(--display);font-weight:900;letter-spacing:-.028em;
  font-size:clamp(31px,4.1vw,52px);line-height:1.02;margin:18px 0 12px}
.lead h2.tit a:hover{color:var(--azul)}
.lead .sumario{font-size:19px;color:#2B3350;margin:0 0 14px;max-width:60ch}
.byline{font-family:var(--dato);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--humo);margin:0}
.byline b{color:var(--tinta);font-weight:600}

.side{display:flex;flex-direction:column;gap:22px}
.side hr{height:1px;background:var(--linea);border:0;margin:10px 0 18px}
.mini{display:grid;grid-template-columns:1fr 92px;gap:14px;align-items:start;border-bottom:1px solid var(--linea);padding-bottom:20px}
.mini:last-of-type{border-bottom:0}
.mini h3{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.18;letter-spacing:-.012em;margin:0 0 8px}
.mini h3 a:hover{color:var(--azul)}
.mini .thumb{display:block;width:92px;aspect-ratio:1;overflow:hidden;background:var(--tinta)}
.mini .thumb img{width:100%;height:100%;object-fit:cover}
.mini .byline{font-size:11px}

/* marcador de posición para entradas sin imagen */
.ph{background:radial-gradient(circle at 28% 26%,rgba(248,192,0,.95) 0 16%,transparent 16.5%),
  linear-gradient(135deg,var(--azul) 0%,#0026A0 55%,var(--tinta) 100%);position:relative;width:100%;height:100%}
.ph::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:14px 14px}
.ph.v1{background:linear-gradient(135deg,#001E77 0%,var(--tinta) 100%)}
.ph.v2{background:linear-gradient(160deg,var(--oro) 0%,#D89C00 45%,var(--azul) 100%)}
.ph.v3{background:linear-gradient(200deg,var(--tinta) 0%,var(--azul) 70%,var(--oro) 100%)}

/* ---------- carrusel ---------- */
.carrusel{position:relative;min-width:0}
.slide{min-width:0}
.portada-grid>*{min-width:0}
.slides{display:grid}
.slide{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .45s,transform .45s,visibility .45s;pointer-events:none}
.slide.on{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.flecha{position:absolute;top:22%;z-index:3;width:44px;height:44px;background:rgba(0,9,45,.72);color:#fff;
  border:0;cursor:pointer;font-family:var(--display);font-size:24px;line-height:1;display:grid;place-items:center}
.flecha:hover{background:var(--azul)}
.flecha.prev{left:0}.flecha.next{right:0}
.carrusel-ctrl{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n,5),1fr);border-top:1px solid var(--linea)}
.carrusel-ctrl li{border-right:1px solid var(--linea)}
.carrusel-ctrl li:last-child{border-right:0}
.carrusel-ctrl button{width:100%;height:100%;text-align:left;background:none;border:0;cursor:pointer;
  padding:14px 14px 16px;display:block;position:relative;color:var(--humo);transition:color .18s,background .18s}
.carrusel-ctrl button:hover{background:#EEF1F9;color:var(--tinta)}
.carrusel-ctrl .num{font-family:var(--dato);font-size:10.5px;letter-spacing:.16em;display:block;margin-bottom:7px;color:var(--azul)}
.carrusel-ctrl .tit{font-family:var(--display);font-weight:700;font-size:13.5px;line-height:1.25;display:block}
.carrusel-ctrl button[aria-selected=true]{color:var(--tinta);background:#EEF1F9}
.carrusel-ctrl button::before{content:"";position:absolute;top:-1px;left:0;height:3px;width:0;background:var(--oro)}
.carrusel-ctrl button[aria-selected=true]::before{width:100%}
.carrusel.corriendo .carrusel-ctrl button[aria-selected=true]::before{animation:avance 7s linear forwards}
@keyframes avance{from{width:0}to{width:100%}}
.carrusel-pausa{position:absolute;right:0;top:-34px;font-family:var(--dato);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;background:none;border:1px solid var(--linea);color:var(--humo);padding:6px 12px;cursor:pointer}
.carrusel-pausa:hover{border-color:var(--tinta);color:var(--tinta)}

/* ---------- tablero ---------- */
.tablero{background:var(--tinta);color:#fff;padding:44px 0 46px;margin:36px 0 0}
.tablero-head{display:flex;flex-wrap:wrap;gap:14px;align-items:baseline;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:14px;margin-bottom:18px}
.tablero-head h2{font-family:var(--display);font-weight:900;font-size:clamp(24px,3vw,34px);letter-spacing:-.025em;margin:4px 0 0}
.tablero-head p{margin:4px 0 0;color:#A9B7E6;font-size:15px;max-width:52ch}
.tablero-head .eyebrow{color:var(--oro)}
.tablero table{width:100%;border-collapse:collapse;font-family:var(--dato);font-size:13.5px}
.tablero th{text-align:left;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#7E90CE;
  font-weight:500;padding:14px 12px 10px;border-bottom:1px solid rgba(255,255,255,.18)}
.tablero td{padding:15px 12px;border-bottom:1px solid rgba(255,255,255,.09);color:#C9D4F5}
.tablero tr:hover td{background:rgba(255,255,255,.05)}
.tablero td:first-child{color:var(--oro);font-weight:600;letter-spacing:.06em}
.tablero td:nth-child(2){font-family:var(--display);font-size:16px;font-weight:600;color:#fff}
.tablero p{color:#C9D4F5}
.tablero a{color:var(--oro);border-bottom:1px solid rgba(248,192,0,.4)}
.estado{font-family:var(--dato);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;font-weight:600;display:inline-block}
.estado.abierto{background:var(--oro);color:var(--tinta)}
.estado.cierra{background:#fff;color:var(--tinta)}
.estado.info{background:rgba(255,255,255,.14);color:#DDE5FF}
.patrocinio{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;
  font-family:var(--dato);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8B9AD6}
.patrocinio .marca{border:1px dashed rgba(255,255,255,.35);padding:9px 16px;color:#DDE5FF;letter-spacing:.06em}

/* ---------- secciones ---------- */
.seccion{padding:46px 0}
.seccion+.seccion{border-top:1px solid var(--linea)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.sec-head h2{font-family:var(--display);font-weight:900;font-size:clamp(23px,2.8vw,32px);letter-spacing:-.028em;
  margin:4px 0 0;display:flex;align-items:center;gap:12px}
.sec-head h2::before{content:"";width:14px;height:14px;background:var(--oro);flex:none}
.ver-mas{font-family:var(--dato);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--azul);
  border-bottom:1px solid var(--azul);padding-bottom:2px;white-space:nowrap}
.cuadricula{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.cuadricula.c3{grid-template-columns:repeat(3,1fr)}
.nota .media{display:block;aspect-ratio:4/3;overflow:hidden;margin-bottom:12px;background:var(--tinta)}
.nota .media img{width:100%;height:100%;object-fit:cover}
.nota .kicker{font-family:var(--dato);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--azul);display:block;margin-bottom:7px}
.nota h3{font-family:var(--display);font-weight:700;font-size:18px;line-height:1.2;letter-spacing:-.012em;margin:0 0 8px}
.nota h3 a:hover{color:var(--azul)}
.nota p{font-size:15px;color:#3A4260;margin:0 0 9px}
.nota .byline{font-size:10.5px}
.nota.hee-patrocinada{border-left:3px solid var(--oro);padding-left:16px}
.nota.hee-patrocinada .kicker{color:#9A7A00}

/* ---------- boletín ---------- */
.boletin{background:var(--azul);color:#fff;padding:52px 0}
.boletin .env{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.boletin h2{font-family:var(--display);font-weight:900;font-size:clamp(26px,3.2vw,38px);letter-spacing:-.03em;line-height:1.04;margin:8px 0 12px}
.boletin p{margin:0;color:#D4DEFF;font-size:17px;max-width:46ch}
.boletin .eyebrow{color:var(--oro)}
.suscribir{display:flex;flex-wrap:wrap;gap:10px}
.suscribir input{flex:1;min-width:210px;font-family:var(--dato);font-size:14px;padding:15px 14px;border:2px solid #fff;background:transparent;color:#fff}
.suscribir input::placeholder{color:#B7C6F5}
.suscribir button{font-family:var(--display);font-weight:800;font-size:14px;text-transform:uppercase;
  background:var(--oro);color:var(--tinta);border:2px solid var(--oro);padding:15px 24px;cursor:pointer}
.suscribir button:hover{background:#fff;border-color:#fff}
.mini-legal{font-family:var(--dato);font-size:11px;color:#B7C6F5;margin-top:12px}
/* Formulario incrustado del proveedor de correo */
.boletin .ml-embedded{background:#fff;padding:4px}
.boletin .ml-form-embedContainer{max-width:none}

/* ---------- artículo ---------- */
.articulo{padding:36px 0 10px}
.art-head{max-width:800px;margin:0 auto 26px}
.art-head .kicker{font-family:var(--dato);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--azul);display:block;margin-bottom:12px}
.art-head h1{overflow-wrap:break-word;font-family:var(--display);font-weight:900;font-size:clamp(32px,4.4vw,54px);line-height:1.03;letter-spacing:-.03em;margin:0 0 16px}
.art-head .entradilla{font-size:20px;color:#2B3350;margin:0 0 18px}
.art-head .byline{border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:12px 0}
.art-media{max-width:1000px;margin:0 auto 30px}
.art-cuerpo{max-width:720px;margin:0 auto;font-size:19px;line-height:1.68}
.art-cuerpo p{margin:0 0 1.25em}
.art-cuerpo h2{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em;margin:1.8em 0 .6em}
.art-cuerpo h3{font-family:var(--display);font-weight:700;font-size:22px;margin:1.6em 0 .5em}
.art-cuerpo a{color:var(--azul);border-bottom:1px solid rgba(0,50,187,.35)}
.art-cuerpo ul,.art-cuerpo ol{padding-left:1.2em}
.art-cuerpo li{margin-bottom:.5em}
.art-cuerpo blockquote{border-left:4px solid var(--oro);margin:1.6em 0;padding:.2em 0 .2em 20px;font-size:22px;color:#2B3350}
.art-cuerpo img{margin:1.6em 0}
.art-pie{max-width:720px;margin:36px auto 0;border-top:1px solid var(--linea);padding-top:20px}
.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.art-tags a{font-family:var(--dato);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--linea);padding:6px 12px}
.art-tags a:hover{background:var(--tinta);color:#fff}
.autor-caja{display:flex;gap:18px;align-items:flex-start;background:var(--nube);border:1px solid var(--linea);padding:22px}
.autor-caja img{border-radius:50%;flex:none}
.autor-caja h4{font-family:var(--display);font-weight:800;font-size:18px;margin:0 0 6px}
.autor-caja p{margin:0;font-size:15px;color:#3A4260}
.aviso-legal{max-width:720px;margin:26px auto 0;font-size:14px;color:var(--humo);border-left:3px solid var(--oro);padding-left:16px;font-style:italic}

/* ---------- archivo ---------- */
.arch-head{padding:40px 0 8px}
.arch-head h1{font-family:var(--display);font-weight:900;font-size:clamp(30px,4vw,46px);letter-spacing:-.03em;
  margin:6px 0 10px;display:flex;align-items:center;gap:14px}
.arch-head h1::before{content:"";width:18px;height:18px;background:var(--oro);flex:none}
.arch-head p{margin:0;color:var(--humo);max-width:60ch}
.paginacion{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0 60px;font-family:var(--display);font-weight:700}
.paginacion .page-numbers{padding:10px 15px;border:1px solid var(--linea);background:var(--nube)}
.paginacion .current{background:var(--tinta);color:#fff;border-color:var(--tinta)}

/* ---------- volver ---------- */
.hee-volver{display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:26px 0 46px;border-top:1px solid var(--linea);margin-top:30px}
.hee-volver a,.hee-volver button{
  font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.01em;
  padding:11px 16px;border:1px solid var(--linea);background:var(--nube);color:var(--tinta);
  cursor:pointer;transition:.14s}
.hee-volver a:hover,.hee-volver button:hover{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.hee-volver .hee-volver-inicio{border-color:var(--tinta);box-shadow:3px 3px 0 var(--tinta)}
.hee-volver .hee-volver-arriba{margin-left:auto;font-family:var(--dato);font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;border-style:dashed}
@media (max-width:620px){
  .hee-volver{flex-direction:column;align-items:stretch}
  .hee-volver a,.hee-volver button{text-align:center;margin-left:0}
}

/* ---------- pie ---------- */
.pie{background:var(--tinta);color:#C6D0F0;padding:52px 0 30px;font-size:15px}
.pie-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
.pie img{width:158px;margin-bottom:16px}
.pie h4{font-family:var(--dato);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--oro);margin:0 0 14px;font-weight:600}
.pie ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pie a:hover{color:#fff}
.pie .sobre{max-width:38ch;color:#9FADD9}
.pie-legal{border-top:1px solid rgba(255,255,255,.14);margin-top:36px;padding-top:20px;display:flex;flex-wrap:wrap;
  gap:14px;justify-content:space-between;font-family:var(--dato);font-size:11px;color:#7E8DC4}
.familia{display:inline-block;border:1px solid rgba(255,255,255,.25);padding:8px 12px;font-family:var(--dato);
  font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-top:16px}
.familia b{color:var(--oro)}

/* ---------- utilidades WP ---------- */
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{margin-inline:auto}
.wp-caption-text,figcaption{font-family:var(--dato);font-size:12px;color:var(--humo);margin-top:8px}
.sticky,.gallery-caption,.bypostauthor{}
.screen-reader-text{position:absolute;left:-9999px}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .portada-grid{grid-template-columns:1fr;gap:28px}
  .cuadricula,.cuadricula.c3{grid-template-columns:repeat(2,1fr)}
  .boletin .env{grid-template-columns:1fr;gap:26px}
  .pie-grid{grid-template-columns:1fr 1fr}
  .masthead .env{grid-template-columns:1fr auto;gap:16px}
  .masthead .env{grid-template-columns:1fr auto}
  .masthead .hee-zona{grid-column:1/-1;justify-self:center;margin-top:6px}
  .hee-zona-cabecera .hee-zona-caja{min-height:70px;max-width:100%}
  .carrusel-ctrl{grid-template-columns:repeat(2,1fr)}
  .carrusel-ctrl li{border-top:1px solid var(--linea)}
  .nav-toggle{display:block}
  .nav ul{display:none;flex-direction:column;width:100%;padding-bottom:10px}
  .nav ul.on{display:flex}
  .nav .env{flex-wrap:wrap}
  .nav a{padding:11px 0;border-bottom:1px solid var(--linea)}
}
@media (max-width:620px){
  body{font-size:16px}
  .brand img{width:150px}
  .cuadricula,.cuadricula.c3{grid-template-columns:1fr;gap:30px}
  .pie-grid{grid-template-columns:1fr}
  .carrusel-ctrl{grid-template-columns:1fr}
  .flecha{width:38px;height:38px;font-size:20px}
  .carrusel-pausa{position:static;margin-bottom:12px;display:inline-block}
  .art-cuerpo{font-size:18px}
  .tablero thead{display:none}
  .tablero tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:14px 0}
  .tablero td{border:0;padding:0}
  .tablero td:first-child{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  html{scroll-behavior:auto}
}