/* Byom Diario · diario.css */
:root{--verde:#267e04;--verde2:#1d6203;--verde-s:#edfbe2;--tinta:#0f172a;--gris:#566072;--linea:#dfe4ea;--crema:#f7f9f5;--azul:#0b3d91;--serif:Georgia,"Times New Roman",Times,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ancho:1180px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--tinta);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--serif);line-height:1.18;margin:0;text-wrap:balance}
p{margin:0 0 1em}
ul,ol{padding:0}
.cont{max-width:var(--ancho);margin:0 auto;padding:0 18px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:-999px;top:0;background:var(--verde);color:#fff;padding:10px 14px;z-index:100}
.saltar:focus{left:8px;top:8px}

/* Barra superior */
.barra{background:var(--tinta);color:#dbe3ee;font-size:13px}
.barra .cont{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px}
.fecha{opacity:.9}
.barra-enl{display:flex;gap:16px;align-items:center}
.barra-enl a{text-decoration:none;opacity:.9}
.barra-enl a:hover{opacity:1;text-decoration:underline}

/* Cabecera */
.cab{border-bottom:1px solid var(--linea);background:#fff}
.cab .cont{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding-top:18px;padding-bottom:14px;text-align:center}
.logo{display:inline-block;line-height:0}
.logo-img{width:auto;height:64px;max-width:240px}
.logo-txt{font:700 34px var(--serif);color:var(--verde)}
.lema{margin:0;color:var(--gris);font:italic 15px var(--serif)}

/* Menú de secciones */
.secc{position:sticky;top:0;z-index:30;background:#fff;border-bottom:3px solid var(--verde);box-shadow:0 2px 6px rgba(15,23,42,.06)}
.admin-bar .secc{top:32px}
.secc .cont{display:flex;align-items:center;gap:10px}
.secc ul{list-style:none;margin:0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1}
.secc ul::-webkit-scrollbar{display:none}
.secc li{flex:0 0 auto}
.secc a{display:block;padding:13px 13px;font:600 14px var(--sans);text-decoration:none;color:var(--tinta);white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-3px}
.secc a:hover{color:var(--verde)}
.secc a[aria-current]{color:var(--verde);border-bottom-color:var(--verde)}
.buscar input{width:170px;padding:5px 12px;border:1px solid #33425f;border-radius:999px;font:13px var(--sans);background:#18233b;color:#fff}
.buscar input::placeholder{color:#9fb0c9}
.buscar-404 input{background:var(--crema);color:var(--tinta);border:1px solid var(--linea)}
.buscar input:focus{outline:2px solid var(--verde);border-color:transparent}

.principal{padding:26px 0 40px}

/* Noticias */
.kicker{display:inline-block;font:700 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--verde);text-decoration:none;margin-bottom:8px}
.kicker:hover{text-decoration:underline}
.nt{display:flex;flex-direction:column;gap:12px}
.nt-img{display:block;overflow:hidden;border-radius:6px;background:var(--crema)}
.nt-img img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s}
.nt-img:hover img{transform:scale(1.03)}
.nt-t{font-size:21px;font-weight:700}
.nt-t a{text-decoration:none}
.nt-t a:hover{color:var(--verde)}
.nt-r{color:#394456;margin:8px 0 0;font-size:15.5px}
.nt-m{margin:8px 0 0;font-size:12.5px;color:var(--gris)}
.nt-grande .nt-t{font-size:clamp(28px,4vw,40px);font-weight:800}
.nt-grande .nt-r{font-size:18px;font-family:var(--serif)}
.nt-lista{padding:12px 0;border-top:1px solid var(--linea)}
.nt-lista .nt-t{font-size:17px;font-weight:600}
.nt-lista .kicker{margin-bottom:4px;font-size:11px}
.nt-texto,.nt.sin-img.nt-media{border-top:3px solid var(--verde);padding-top:12px}

/* Portada */
.portada{display:grid;gap:26px;margin-bottom:26px}
.laterales{display:grid;gap:20px;align-content:start}
.laterales .nt{flex-direction:row;gap:14px;border-top:1px solid var(--linea);padding-top:16px}
.laterales .nt:first-child{border-top:0;padding-top:0}
.laterales .nt-img{flex:0 0 38%;align-self:flex-start}
.laterales .nt-img img{aspect-ratio:4/3}
.laterales .nt-t{font-size:17px}
.laterales .nt-r{display:none}
@media(min-width:900px){.portada{grid-template-columns:1.7fr 1fr;gap:34px}.laterales .nt-img{flex-basis:34%}}

/* Bloques y rejillas */
.bloque{margin:38px 0}
.bloque-t{font:800 22px var(--serif);margin:0 0 18px;border-bottom:1px solid var(--linea);position:relative}
.bloque-t>span,.bloque-t a>span{display:inline-block;background:#fff;border-bottom:4px solid var(--verde);padding:0 0 8px;margin-bottom:-1px}
.bloque-t a{display:flex;justify-content:space-between;align-items:flex-end;text-decoration:none}
.bloque-t i{font:600 13px var(--sans);color:var(--verde);font-style:normal;padding-bottom:8px}
.rejilla{display:grid;gap:26px}
@media(min-width:640px){.rejilla{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.rejilla{grid-template-columns:repeat(3,1fr);gap:30px}}
.seccion-g{display:grid;gap:24px}
@media(min-width:800px){.seccion-g{grid-template-columns:1.1fr 1fr;gap:34px}}
.seccion-l .nt-lista:first-child{border-top:0;padding-top:0}
.dos-col{display:grid;gap:10px}
@media(min-width:800px){.dos-col{grid-template-columns:1fr 1fr;gap:44px}}
.mas{text-align:center;margin:34px 0 0}

/* Botones y avisos de servicio */
.boton{display:inline-block;background:var(--verde);color:#fff;font:700 15px var(--sans);padding:12px 22px;border-radius:6px;text-decoration:none;border:0;cursor:pointer}
.boton:hover{background:var(--verde2)}
.cta{display:flex;flex-direction:column;gap:14px;border-radius:10px;padding:20px 22px;margin:30px 0;background:var(--verde-s);border:1px solid #cfe9bd}
.cta-n{display:block;font:700 12px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--verde);margin-bottom:6px}
.cta strong{display:block;font:700 21px/1.25 var(--serif)}
.cta p{margin:6px 0 0;color:#394456}
.cta .boton{align-self:flex-start;white-space:nowrap}
.bd-satis{background:#eef4ff;border-color:#cddcf6}
.bd-satis .cta-n{color:var(--azul)}
.bd-satis .boton{background:var(--azul)}
.bd-satis .boton:hover{background:#082d6b}
@media(min-width:720px){.cta{flex-direction:row;align-items:center;justify-content:space-between;gap:28px}.cta .boton{align-self:center}}

/* Listados y archivos */
.lista-cab{border-bottom:3px solid var(--verde);padding:6px 0 18px;margin-bottom:28px}
.lista-cab h1{font-size:clamp(30px,5vw,44px);font-weight:800}
.lista-cab p{margin:10px 0 0;color:var(--gris);font:18px/1.5 var(--serif);max-width:760px}
.buscar-404{display:flex;gap:8px;margin-top:16px}
.buscar-404 input{flex:1;max-width:420px;padding:12px 14px;border-radius:6px}
.rejilla-lista .nt:first-child{grid-column:1/-1}
@media(min-width:960px){.rejilla-lista .nt:first-child{flex-direction:row;gap:30px;align-items:center}.rejilla-lista .nt:first-child .nt-img{flex:0 0 58%}.rejilla-lista .nt:first-child .nt-t{font-size:32px}}
.pag{margin:38px 0 0}
.pag ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0}
.pag a,.pag span{display:block;min-width:40px;text-align:center;padding:9px 12px;border:1px solid var(--linea);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px}
.pag .current{background:var(--verde);border-color:var(--verde);color:#fff}
.pag a:hover{border-color:var(--verde);color:var(--verde)}

/* Artículo */
.articulo{max-width:820px;margin:0 auto}
.art-cab{margin:0 auto 20px;max-width:720px}
.art-t{font-size:clamp(30px,5vw,46px);font-weight:800;letter-spacing:-.01em}
.art-r{font:20px/1.5 var(--serif);color:#394456;margin:14px 0 0}
.art-m{font-size:13.5px;color:var(--gris);margin:16px 0 0;padding-bottom:16px;border-bottom:1px solid var(--linea)}
.art-img{margin:0 0 26px}
.art-img img{width:100%;border-radius:8px;aspect-ratio:auto}
.art-cuerpo{max-width:720px;margin:0 auto}
.entrada{font:19px/1.75 var(--serif);color:#1b2433}
.entrada>*{max-width:100%}
.entrada h2{font-size:29px;margin:2em 0 .6em;font-weight:800}
.entrada h3{font-size:23px;margin:1.7em 0 .5em;font-weight:700}
.entrada p{margin:0 0 1.15em}
.entrada a{color:var(--verde2);text-decoration:underline;text-underline-offset:3px}
.entrada a:hover{color:var(--verde)}
.entrada ul,.entrada ol{margin:0 0 1.3em;padding-left:1.4em}
.entrada li{margin-bottom:.45em}
.entrada hr{border:0;border-top:1px solid var(--linea);margin:2.2em 0}
.entrada img{border-radius:6px;margin:1.4em auto}
.entrada blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:4px solid var(--verde);font-style:italic;color:#394456}
.entrada table{width:100%;border-collapse:collapse;font:15px var(--sans);margin:1.4em 0;display:block;overflow-x:auto}
.entrada th,.entrada td{border:1px solid var(--linea);padding:9px 12px;text-align:left}
.entrada th{background:var(--crema)}
.entrada .wp-block-button__link,.entrada .decorated-link{color:inherit}
.comparte{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:30px 0 0;padding:14px 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);font-size:14px}
.comparte span{font-weight:700;margin-right:4px}
.comparte a{border:1px solid var(--linea);border-radius:999px;padding:6px 14px;text-decoration:none;font-weight:600}
.comparte a:hover{border-color:var(--verde);color:var(--verde)}

/* Comentarios */
.comentarios{max-width:720px;margin:44px auto 0}
.com-lista{list-style:none;margin:0 0 30px}
.com-lista .children{list-style:none;margin:0 0 0 22px}
.com{border-top:1px solid var(--linea);padding:16px 0}
.com header{font-size:14px;margin-bottom:6px}
.com header time{color:var(--gris);margin-left:6px}
.com p{margin:0 0 .6em}
.resp a{font-size:13px;font-weight:700;color:var(--verde)}
.comment-form label{display:block;font-weight:600;margin-bottom:4px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:10px 12px;border:1px solid var(--linea);border-radius:6px;font:16px var(--sans)}
.comment-form .submit{margin-top:8px}

/* Pie */
.pie{background:var(--tinta);color:#c5cfdd;padding:38px 0 22px;font-size:14.5px}
.pie a{color:#e8eef7;text-decoration:none}
.pie a:hover{text-decoration:underline}
.pie-g{display:grid;gap:28px}
@media(min-width:800px){.pie-g{grid-template-columns:1.2fr 1fr 1.2fr;gap:44px}}
.pie-t{font:700 17px var(--serif);color:#fff;margin:0 0 10px}
.pie-l{list-style:none;margin:0}
.pie-l li{margin-bottom:10px}
.pie-l span{opacity:.8;font-size:13.5px}
.pie-c{margin:30px 0 0;padding-top:16px;border-top:1px solid #243049;font-size:13px;opacity:.8}

@media(max-width:700px){.barra-enl a{display:none}.buscar input{width:100%}.barra-enl{flex:1}.fecha{display:none}.barra .cont{padding-top:5px;padding-bottom:5px}}
@media(max-width:600px){

 .logo-img{height:54px}
 .nt-t{font-size:19px}
 .entrada{font-size:18px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.barra,.secc,.cta,.comparte,.pie,.comentarios{display:none}}