/*
Theme Name: Infantes Institucional
Theme URI: https://github.com/quqosq-creator/infante
Author: Infantes Gestión
Description: Editorial Semillas · Revista Ser y Pensar · Fundación Papelería Infantes
Version: 0.3.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: infantes-institucional
*/
:root{--navy:#062f50;--blue:#0c4b73;--green:#167b56;--gold:#f3c764;--ink:#183f59;--muted:#597082;--line:#dce6ed;--cloud:#f3f7fa}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#fff;color:var(--ink);font:14px/1.54 "Segoe UI",Arial,sans-serif}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}button,input{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-1000px}.skip-link:focus{left:10px;top:10px;z-index:999;background:white;padding:10px}
.site-header{background:white}.brands{min-height:108px;display:grid;grid-template-columns:1fr 1.08fr 1.12fr .96fr;gap:0;align-items:center}.brand{display:flex;align-items:center;gap:12px;min-width:0;padding:11px 12px}.brand:not(:first-child){border-left:1px solid #c1d0da}.brand:first-child{padding-left:0}.brand-art{width:64px;flex:0 0 64px;display:grid;place-items:center}.brand-art svg{width:61px;height:61px;display:block}.brand-title{font:700 22px/.98 Georgia,serif;color:var(--navy);letter-spacing:-.5px}.brand-title small{font-size:15px}.brand-caption{font:italic 10px/1.25 Georgia,serif;color:#647e8f;margin-top:7px}.brand-quote{border-left:1px solid #c1d0da;padding-left:19px;font:italic 13px/1.5 Georgia,serif;color:var(--navy)}
.site-nav{background:var(--navy);color:#fff;box-shadow:0 3px 9px #052b4557;position:relative;z-index:20}.nav-flex{display:flex;align-items:center;min-height:49px;gap:16px}.menu-primary{margin:0;padding:0;display:flex;list-style:none;flex-wrap:wrap;align-items:center;gap:0}.menu-primary li{list-style:none}.menu-primary a{display:block;font:600 12px "Segoe UI",Arial,sans-serif;padding:16px 12px;white-space:nowrap}.menu-primary a:hover,.menu-primary .current-menu-item>a{background:#12577f;color:#fff}.nav-search{margin-left:auto;flex:0 0 auto}.nav-search .search-form{display:flex;align-items:center;gap:4px}.nav-search label{min-width:0}.nav-search .search-field{width:145px;border:1px solid #6f98b6;background:#0c4166;color:#fff;border-radius:25px;padding:7px 12px;font-size:11px}.nav-search .search-field::placeholder{color:#cbdde9}.nav-search .search-submit{background:#115b85;color:white;border:0;border-radius:22px;padding:7px 11px;font-size:11px;cursor:pointer}
.hero{min-height:330px;background-color:#4b4c4b;background-position:center;background-size:cover;display:flex;align-items:center;color:#fff}.hero-inner{padding:57px 0 60px}.hero h1{font:700 clamp(31px,4vw,49px)/1.1 Georgia,serif;letter-spacing:-.6px;max-width:640px;margin:0 0 15px;text-shadow:0 2px 7px #0007}.hero p{font-size:15px;line-height:1.5;max-width:575px;margin:0 0 19px;text-shadow:0 1px 5px #0007}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:27px;background:var(--blue);color:white;font-size:12px;font-weight:700;border:0;min-height:38px;transition:filter .2s,transform .2s}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-yellow{background:var(--gold);color:#17364d}.section{padding:30px 0}.entity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.entity-card{background:#fbfcfd;border:1px solid #e4ebef;border-radius:5px;overflow:hidden;box-shadow:0 5px 13px #123a5311;display:flex;flex-direction:column}.entity-card:nth-child(2){background:#edf6fb}.entity-card:nth-child(3){background:#eef8f2}.entity-photo{height:180px;background-position:center;background-size:cover}.entity-body{padding:14px 23px 23px;flex:1;display:flex;align-items:center;flex-direction:column;text-align:center}.entity-icon{margin-top:-36px;background:#fff;border:3px solid #fff;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;box-shadow:0 3px 10px #142f4326;font-size:31px;color:var(--navy)}.entity-body h2{font:700 28px/1.02 Georgia,serif;margin:10px 0 8px;color:var(--navy)}.entity-body em{font:italic 14px/1.3 Georgia,serif;max-width:250px;margin-bottom:13px}.entity-body p{font-size:12px;line-height:1.55;text-align:justify;margin:0 0 19px;color:#27485a}.entity-body .btn{margin:auto auto 0;min-width:168px}.entity-card:nth-child(3) .btn{background:var(--green)}.mini-services{margin-top:17px;display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:6px;border-top:1px solid #dde6eb;padding-top:13px}.mini-service{text-align:center;font-size:10px;color:#436376}.mini-service b{font-size:17px;display:block;color:#1e6582}.service-section{background:var(--cloud)}.section-heading{font:700 25px Georgia,serif;margin:0 0 5px;color:var(--navy)}.section-sub{margin:0 0 20px;font-size:12px;color:#587386}.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.service{padding:16px 9px;border:1px solid #dfe9ee;border-radius:5px;background:#fff;text-align:center;min-height:111px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}.service-icon{font-size:29px;line-height:1;color:#1a5b82}.service span:last-child{font-size:11px;font-weight:700;line-height:1.3}.updates-grid{display:grid;grid-template-columns:1.15fr 1fr .92fr;gap:24px}.updates-panel{min-width:0}.entry-list{display:grid;gap:9px}.entry-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e6edf1;padding-bottom:9px}.entry-thumb{width:60px;height:62px;border-radius:3px;object-fit:cover;flex:0 0 60px;background:#dce8ef}.entry-title{font-size:12px;font-weight:700;color:var(--ink);display:block}.entry-date{font-size:10px;color:#668093}.quotation{background:#eef5f9;border-radius:6px;text-align:center;padding:0 0 15px;overflow:hidden}.quotation img{width:100%;height:145px;object-fit:cover;display:block}.quotation blockquote{margin:19px 22px 15px;font:italic 17px/1.4 Georgia,serif;color:var(--navy)}.quote-bottom{display:flex;justify-content:space-around;color:#1b577f;font-size:11px;font-weight:700}.archive-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.archive-card{border:1px solid #dce6ed;border-radius:6px;overflow:hidden}.archive-card img{width:100%;height:190px;object-fit:cover}.archive-body{padding:18px}.archive-body h2{font:700 22px Georgia,serif}.content-area{padding:35px 0;min-height:320px}.page-title{font:700 34px Georgia,serif;color:var(--navy);margin:0 0 24px}.site-footer{background:#062f50;color:white;padding:26px 0 13px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:27px}.site-footer h2{font-size:13px;margin:0 0 12px}.site-footer p,.site-footer li{font-size:11px;line-height:1.75;color:#d7e5ef}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer a:hover{text-decoration:underline}.footer-bottom{margin-top:19px;border-top:1px solid #345c78;padding-top:11px;font-size:10px;color:#b1c8d9}
@media(max-width:1000px){.brands{grid-template-columns:repeat(3,1fr)}.brand-quote{display:none}.brand-title{font-size:18px}.brand-art{width:48px;flex-basis:48px}.brand-art svg{width:48px;height:48px}.menu-primary a{font-size:11px;padding:14px 8px}.nav-search{display:none}.updates-grid{grid-template-columns:1fr 1fr}.quotation{display:none}}
@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.brands{grid-template-columns:1fr 1fr 1fr;min-height:70px}.brand{gap:6px;padding:7px}.brand-art{flex:0 0 30px;width:30px}.brand-art svg{width:30px;height:30px}.brand-title{font-size:12px;letter-spacing:-.2px}.brand-title small{font-size:10px}.brand-caption{font-size:8px}.nav-flex{display:block;padding:1px 0}.menu-primary{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.menu-primary a{padding:13px 11px;font-size:11px}.hero{min-height:290px;background-position:58% center}.hero-inner{padding:40px 0}.hero h1{font-size:33px;max-width:430px}.hero p{font-size:13px}.entity-grid{grid-template-columns:1fr;gap:15px}.entity-photo{height:165px}.entity-body{padding:13px 22px 19px}.service-grid{grid-template-columns:repeat(3,1fr)}.service{min-height:106px}.updates-grid{grid-template-columns:1fr}.quotation{display:block}.footer-grid{grid-template-columns:repeat(2,1fr);gap:22px}.archive-list{grid-template-columns:1fr}}
@media(max-width:420px){.brand-caption{display:none}.brand-art{flex-basis:24px}.brand-art svg{width:25px}.brand-title{font-size:11px}.service-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:29px}}

/* Identidad institucional: textos siempre debajo del título, nunca pegados en línea. */
.site-header .brand-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:3px}
.site-header .brand-title{display:block;line-height:1.06}
.site-header .brand-caption{display:block;margin:0;line-height:1.22;max-width:190px;overflow-wrap:break-word}
.site-header .brand-art{align-self:center}
.site-header .nav-manage{display:flex;gap:7px;align-items:center;justify-content:center;background:#e6bc59;border:1px solid #f5d783;color:#0c314f;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:800;line-height:1.15;white-space:nowrap;margin-left:5px;min-height:35px}
.site-header .nav-manage:hover{background:#f8d67f}
.site-header .nav-manage>span:first-child{font-size:18px}
@media(max-width:1000px){.site-header .brand{gap:6px}.site-header .brand-caption{font-size:9px}.site-header .nav-manage{margin-left:auto}.site-header .nav-search{display:none}.site-header .nav-flex{gap:7px}.site-header .menu-primary{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;min-width:0;flex:1}}
@media(max-width:720px){.site-header .brands{gap:0}.site-header .brand{padding:9px 5px;align-items:flex-start}.site-header .brand-art{flex:0 0 27px;width:27px;align-self:flex-start}.site-header .brand-art svg{height:30px;width:27px}.site-header .brand-title{font-size:12px;line-height:1.1}.site-header .brand-caption{font-size:8px;line-height:1.1;margin:2px 0 0}.site-header .nav-flex{display:flex;padding:2px 0}.site-header .nav-manage{min-width:85px;padding:7px 8px;white-space:normal;text-align:center}.site-header .nav-manage>span:first-child{display:none}.site-header .menu-primary a{padding:12px 9px}}
@media(max-width:430px){.site-header .brand{flex-direction:column;align-items:center;text-align:center;gap:3px;padding:8px 4px}.site-header .brand-art{align-self:center}.site-header .brand-copy{align-items:center}.site-header .brand-title{font-size:11px;text-align:center}.site-header .brand-caption{display:block;font-size:8px;text-align:center}.site-header .brand:not(:first-child){border-left:1px solid #dbe5ea}.site-header .brands{min-height:118px}.site-header .nav-manage{font-size:10px}}

/* Accesibilidad móvil: contraste, objetivos táctiles y foco visible. */
.site-header .brand-caption{color:#425d70}
.site-header .brand-copy{gap:2px}
.entry-date,.section-sub,.mini-service,.entity-body p{color:#35566d}
.site-header .menu-primary a{display:flex;align-items:center;min-height:48px}
.site-header .nav-manage{min-height:46px}
.btn{min-height:44px}
.site-footer li a{display:inline-flex;align-items:center;min-height:36px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d3a330;outline-offset:3px}
@media(max-width:720px){.site-header .menu-primary a{min-height:48px;padding:13px 11px}.site-header .nav-manage{min-height:48px}.site-header .brand-caption{font-size:9px}}
@media(max-width:430px){.site-header .brand-caption{font-size:9px}.site-header .brand-title{font-size:11.5px}.site-header .nav-manage{min-width:101px}}

/* Infantes 0.4 · Cabecera fiel a la referencia institucional */
.site-header .brands{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1.07fr) minmax(0,1.27fr) minmax(0,.77fr);min-height:115px;align-items:center;gap:0}
.site-header .brand{display:flex;align-items:center;flex-direction:row;gap:11px;min-width:0;min-height:80px;padding:11px 18px;color:#073453;text-align:left}
.site-header .brand:first-child{padding-left:2px}
.site-header .brand:not(:first-child){border-left:1px solid #a2adb4}
.site-header .brand-art{width:84px;height:66px;max-width:32%;object-fit:contain;flex:0 0 auto;border:0;background:transparent;border-radius:0;display:block}
.site-header .brand-revista{padding-left:20px}
.site-header .brand-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;gap:2px;flex:1}
.site-header .brand-title{display:flex;flex-direction:column;align-items:flex-start;gap:0;color:#0b3656;font-family:Georgia,"Times New Roman",serif;line-height:1.03;letter-spacing:-.4px;margin:0}
.site-header .brand-kicker{display:block;font-size:14px;font-weight:700;white-space:nowrap;line-height:1.03}
.site-header .brand-title strong{font-size:clamp(17px,2vw,28px);font-weight:700;line-height:1.06;white-space:nowrap}
.site-header .brand-papeleria .brand-title strong{font-size:clamp(15px,1.65vw,23px);letter-spacing:-.45px}
.site-header .brand-caption{display:block;margin:4px 0 0;padding:0;max-width:100%;font:italic 11px/1.18 Georgia,"Times New Roman",serif;color:#536b7b;overflow-wrap:normal;white-space:normal}
.site-header .brand-quote{margin:0;padding:0 0 0 19px;border-left:1px solid #a2adb4;font:italic 13px/1.35 Georgia,"Times New Roman",serif;color:#143e5d}
.site-nav .nav-flex{display:flex;align-items:center;gap:10px;min-height:52px;position:relative;flex-wrap:nowrap}
.site-nav .nav-items{min-width:0;flex:1;overflow:hidden}
.site-nav .menu-primary{display:flex;align-items:center;flex-wrap:nowrap;gap:0;padding:0;margin:0;overflow:hidden}
.site-nav .menu-primary>li{flex:0 0 auto}
.site-nav .menu-primary a{padding:14px 11px;min-height:48px;white-space:nowrap;font-size:12px;display:flex;align-items:center}
.site-nav .nav-search{flex:0 1 150px;margin-left:0}
.site-nav .nav-search .search-field{width:115px}
.site-nav .nav-manage{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;background:#f0c35a;color:#08334c;border:1px solid #eec055;border-radius:23px;min-height:42px;min-width:44px;padding:8px 12px;margin:0 0 0 auto;font:800 11px/1.1 "Segoe UI",Arial,sans-serif;text-decoration:none;position:relative;z-index:3;white-space:nowrap}
.site-nav .nav-manage:hover{background:#ffdc81;color:#052c49}
.site-nav .nav-manage .nav-padlock{display:block;flex:0 0 21px;width:21px;height:21px}
.site-nav .nav-manage .nav-manage-text{display:inline}
.site-nav .nav-more{display:none;position:relative;flex:0 0 auto}
.site-nav .nav-more>summary{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none;cursor:pointer;color:white;background:#134c75;border:1px solid #37708f;border-radius:8px;height:44px;padding:5px 9px;font-weight:700}
.site-nav .nav-more>summary::-webkit-details-marker{display:none}
.site-nav .nav-more-panel{position:absolute;right:-58px;top:calc(100% + 7px);z-index:999;width:min(85vw,255px);padding:10px;background:#fff;border:1px solid #d7e2ea;border-radius:10px;box-shadow:0 15px 32px #08263d42;color:#173e5c}
.site-nav .nav-more-heading{display:block;font-size:12px;padding:8px 10px 9px;border-bottom:1px solid #edf1f5}
.site-nav .menu-overflow{padding:4px 0;margin:0;list-style:none}
.site-nav .menu-overflow li{list-style:none}
.site-nav .menu-overflow a{display:block;padding:12px 10px;min-height:42px;color:#12466b;font-size:13px;font-weight:650;border-radius:6px}
.site-nav .menu-overflow a:hover,.site-nav .menu-overflow a:focus-visible{background:#e8f1f7}
@media(max-width:1180px){
 .site-header .brand{gap:8px;padding:9px 12px}
 .site-header .brand-art{width:63px;height:58px;max-width:30%}
 .site-header .brand-title strong{font-size:clamp(17px,2vw,25px)}
 .site-header .brand-kicker{font-size:12px}
 .site-header .brand-caption{font-size:10px}
 .site-nav .nav-search{display:none}
 .site-nav .menu-primary a{font-size:11px;padding:12px 8px}
}
@media(max-width:850px){
 .site-header .brands{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1.23fr);min-height:86px}
 .site-header .brand-quote{display:none}
 .site-header .brand{height:100%;min-height:83px;padding:9px 10px;gap:7px;align-items:center}
 .site-header .brand:first-child{padding-left:0}
 .site-header .brand-art{width:45px;height:54px;max-width:33%;flex:0 1 45px}
 .site-header .brand-revista{padding-left:11px}
 .site-header .brand-title .brand-kicker{font-size:clamp(10px,1.6vw,13px)}
 .site-header .brand-title strong{font-size:clamp(13px,2.4vw,19px);letter-spacing:-.5px}
 .site-header .brand-papeleria .brand-title strong{font-size:clamp(12px,2.05vw,17px)}
 .site-header .brand-caption{font-size:clamp(8px,1.2vw,10px);line-height:1.2}
 .site-nav .nav-flex{display:grid;grid-template-columns:minmax(0,1fr) 46px 48px;gap:7px;padding:5px 0;min-height:56px}
 .site-nav .nav-items{width:100%;min-width:0;overflow:hidden}
 .site-nav .menu-primary{width:100%;display:flex;overflow:hidden}
 .site-nav .menu-primary>li{display:none}
 .site-nav .menu-primary>li:nth-child(-n+3){display:flex;min-width:0;flex:1 1 auto}
 .site-nav .menu-primary a{min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;padding:9px 6px;font-size:clamp(10px,1.6vw,12px);min-height:44px;display:block;line-height:26px;white-space:nowrap}
 .site-nav .nav-more{display:block;grid-column:2}
 .site-nav .nav-more>summary{width:46px;height:44px;padding:5px}
 .site-nav .nav-more-text{display:none}
 .site-nav .menu-overflow>li:nth-child(-n+3){display:none}
 .site-nav .nav-manage{grid-column:3;min-width:46px;height:44px;min-height:44px;width:48px;padding:7px;margin:0;justify-self:end}
 .site-nav .nav-manage .nav-manage-text{display:none}
 .site-nav .nav-more-panel{right:-56px;top:calc(100% + 7px)}
}
@media(max-width:490px){
 .site-header .container.brands{width:calc(100% - 12px)}
 .site-header .brands{grid-template-columns:1fr 1.1fr 1.13fr;min-height:76px}
 .site-header .brand{gap:3px;padding:8px 4px;min-height:77px;flex-direction:row;text-align:left}
 .site-header .brand-art{max-width:none;flex:0 0 30px;width:30px;height:40px;align-self:center}
 .site-header .brand-revista{padding-left:6px}
 .site-header .brand-title .brand-kicker{font-size:9.5px;letter-spacing:-.25px}
 .site-header .brand-title strong{font-size:clamp(11px,3vw,13px);letter-spacing:-.4px;white-space:normal}
 .site-header .brand-papeleria .brand-title strong{font-size:clamp(10px,2.6vw,12px);line-height:1.08}
 .site-header .brand-caption{display:block;font-size:clamp(7px,1.85vw,9px);line-height:1.15;margin-top:2px}
 .site-header .brand-copy{gap:0;min-width:0;align-items:flex-start;text-align:left}
 .site-nav .menu-primary>li:nth-child(3){flex:1 1 auto}
 .site-nav .menu-primary a{font-size:11px}
}
@media(max-width:365px){
 .site-header .brand-art{width:24px;flex-basis:24px}
 .site-header .brand-title .brand-kicker{font-size:9px}
 .site-header .brand-title strong{font-size:11px}
 .site-nav .menu-primary>li:nth-child(3){display:none}
 .site-nav .menu-overflow>li:nth-child(3){display:block}
}

/* Etiquetas cortas en la franja móvil: tres accesos visibles y resto en ☰ */
@media(max-width:850px){
 .site-nav .menu-primary>li:nth-child(2) a,
 .site-nav .menu-primary>li:nth-child(3) a{font-size:0!important;text-align:center}
 .site-nav .menu-primary>li:nth-child(2) a::after{content:"Editorial";font-size:11px;font-weight:700}
 .site-nav .menu-primary>li:nth-child(3) a::after{content:"Revista";font-size:11px;font-weight:700}
}
@media(max-width:365px){
 .site-nav .menu-primary>li:nth-child(3){display:flex}
 .site-nav .menu-overflow>li:nth-child(3){display:none}
}

/* Versión 0.5: barra móvil con cuatro secciones visibles y controles sobrios. */
@media(max-width:850px){
 .site-nav .nav-flex{display:grid;grid-template-columns:minmax(0,1fr) 40px 40px;gap:3px;align-items:center;width:min(100% - 20px,1180px);min-height:53px;padding:4px 0}
 .site-nav .nav-items{min-width:0;overflow:hidden}
 .site-nav .menu-primary{width:100%;display:grid;grid-template-columns: .75fr 1fr .83fr 1fr;align-items:center;overflow:hidden;min-width:0}
 .site-nav .menu-primary>li,.site-nav .menu-primary>li:nth-child(3),.site-nav .menu-primary>li:nth-child(4){display:flex;min-width:0;justify-content:center;flex:none}
 .site-nav .menu-primary>li:nth-child(n+5){display:none}
 .site-nav .menu-primary a{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 2px;min-height:44px;white-space:nowrap;overflow:hidden;text-align:center}
 .site-nav .menu-primary>li:nth-child(1) a{font-size:clamp(9px,1.9vw,11px)!important}
 .site-nav .menu-primary>li:nth-child(2) a,
 .site-nav .menu-primary>li:nth-child(3) a,
 .site-nav .menu-primary>li:nth-child(4) a{font-size:0!important}
 .site-nav .menu-primary>li:nth-child(2) a::after{content:"Editorial";font-size:clamp(9px,1.9vw,11px)}
 .site-nav .menu-primary>li:nth-child(3) a::after{content:"Revista";font-size:clamp(9px,1.9vw,11px)}
 .site-nav .menu-primary>li:nth-child(4) a::after{content:"Papelería";font-size:clamp(9px,1.9vw,11px);font-weight:700}
 .site-nav .nav-more{display:block;grid-column:2}
 .site-nav .nav-more>summary{width:40px;height:44px;padding:8px;border:0;box-shadow:none;border-radius:0;background:transparent;color:#fff}
 .site-nav .nav-more>summary:hover,.site-nav .nav-more[open]>summary{background:transparent;color:#f6d480}
 .site-nav .nav-more>summary svg{width:24px;height:24px}
 .site-nav .menu-overflow>li:nth-child(-n+4){display:none}
 .site-nav .nav-more-panel{right:-42px}
 .site-nav .nav-manage{grid-column:3;width:40px;min-width:40px;height:44px;min-height:44px;margin:0;padding:8px;border:none;border-radius:0;box-shadow:none;background:transparent;color:#e8eff5}
 .site-nav .nav-manage:hover,.site-nav .nav-manage:focus-visible{background:transparent;color:#f6d480}
 .site-nav .nav-manage .nav-padlock{width:19px;height:19px;flex-basis:19px}
 .site-nav .nav-manage-text{display:none}
}
@media(max-width:365px){
 .site-nav .nav-flex{width:calc(100% - 12px);grid-template-columns:minmax(0,1fr) 35px 35px;gap:2px}
 .site-nav .menu-primary>li:nth-child(3),.site-nav .menu-primary>li:nth-child(4){display:flex}
 .site-nav .menu-overflow>li:nth-child(3),.site-nav .menu-overflow>li:nth-child(4){display:none}
 .site-nav .nav-more>summary,.site-nav .nav-manage{width:35px;min-width:35px}
 .site-nav .nav-more-panel{right:-37px}
 .site-nav .menu-primary>li:nth-child(2) a::after,
 .site-nav .menu-primary>li:nth-child(3) a::after,
 .site-nav .menu-primary>li:nth-child(4) a::after{font-size:9px}
}
/* Pie institucional compacto en todas las pantallas. */
.site-footer{padding:17px 0 9px}
.site-footer .footer-grid{gap:14px 18px;align-items:start}
.site-footer h2{margin:0 0 5px;font-size:12px;line-height:1.25}
.site-footer p,.site-footer li{font-size:11px;line-height:1.4;margin:3px 0}
.site-footer .footer-bottom{padding-top:8px;margin-top:13px;font-size:10px;line-height:1.35}
@media(max-width:720px){
 .site-footer{padding:13px 0 8px}
 .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:9px 13px}
 .site-footer h2{font-size:11px}
 .site-footer p,.site-footer li{font-size:10px;line-height:1.25;margin:2px 0}
 .site-footer .footer-bottom{margin-top:10px;padding-top:7px;font-size:9px}
}

/* 0.5.1 — Elementos del menú agrupados a la izquierda, con separación natural.
   Hamburger y candado conservan sus posiciones actuales a la derecha. */
.site-nav .nav-items{min-width:0;text-align:left}
.site-nav .menu-primary{justify-content:flex-start;gap:2px}
.site-nav .menu-primary>li{margin:0}
.site-nav .menu-primary a{padding-left:8px;padding-right:8px;text-align:left}
@media(max-width:1180px){
 .site-nav .menu-primary a{padding-left:7px;padding-right:7px}
}
@media(max-width:850px){
 .site-nav .nav-flex{grid-template-columns:minmax(0,1fr) 40px 40px;gap:3px}
 .site-nav .nav-items{justify-self:start;width:100%;overflow:hidden}
 .site-nav .menu-primary{
  display:flex;justify-content:flex-start;align-items:center;
  width:max-content;max-width:100%;min-width:0;column-gap:2px;
  padding:0;margin:0;overflow:hidden
 }
 .site-nav .menu-primary>li,
 .site-nav .menu-primary>li:nth-child(3),
 .site-nav .menu-primary>li:nth-child(4){
  display:flex;flex:0 0 auto;min-width:0;width:auto;justify-content:flex-start
 }
 .site-nav .menu-primary>li:nth-child(n+5){display:none}
 .site-nav .menu-primary a{width:auto;min-width:0;padding:7px 5px;justify-content:flex-start;text-align:left;min-height:44px}
 .site-nav .menu-primary>li:nth-child(1) a{font-size:11px!important}
 .site-nav .nav-more{grid-column:2}
 .site-nav .nav-manage{grid-column:3}
}
@media(max-width:365px){
 .site-nav .nav-flex{grid-template-columns:minmax(0,1fr) 35px 35px;gap:2px}
 .site-nav .menu-primary{column-gap:0}
 .site-nav .menu-primary a{padding:7px 3px}
 .site-nav .menu-primary>li:nth-child(1) a{font-size:10px!important}
}