/* Gobierno corporativo: ficha compacta y adaptable a cada etapa institucional. */
.corp-preview{--corp-blue:#012363;--corp-red:#a81727;--corp-paper:#f5f3ee;background:linear-gradient(125deg,#f5f3ee 0%,#faf8f3 64%,#f2f0e9 100%);color:var(--corp-blue);padding:clamp(44px,5vw,76px) clamp(20px,5vw,84px) clamp(44px,5vw,74px)}
.corp-preview *,.corp-directory *{box-sizing:border-box}
.corp-preview__inner{max-width:1370px;margin:auto}
.corp-preview h2{margin:0 0 clamp(12px,1.55vw,19px);font-size:clamp(38px,4.75vw,68px);line-height:1.05;letter-spacing:-.065em;font-weight:850}
.corp-preview__rule{height:2px;background:linear-gradient(90deg,var(--corp-red) 0 72px,var(--corp-blue) 72px);margin-bottom:clamp(18px,2.2vw,27px);transform-origin:left center}
.corp-preview__viewport{width:100%;min-width:0;overflow:hidden;scrollbar-width:none}
.corp-preview__viewport::-webkit-scrollbar{display:none}
.corp-preview--carousel .corp-preview__viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.corp-preview--carousel .corp-preview__viewport:focus-visible{outline:3px solid var(--corp-red);outline-offset:-3px}
.corp-preview__track{display:grid;gap:clamp(16px,2vw,28px)}
.corp-preview--single .corp-preview__track{grid-template-columns:1fr;max-width:980px}
.corp-preview--pair .corp-preview__track{grid-template-columns:repeat(2,minmax(0,1fr))}
.corp-preview--carousel .corp-preview__track{display:flex;gap:clamp(16px,2vw,28px)}
.corp-person{border:1px solid #cbd1d6;border-top:3px solid var(--corp-blue);border-radius:12px;background:#fff;display:flex;gap:clamp(16px,2vw,27px);padding:clamp(18px,2.2vw,28px);align-items:center;min-width:0;min-height:145px;box-shadow:0 4px 15px rgba(1,35,99,.045);transition:box-shadow .3s ease,border-color .3s ease,transform .35s ease}
.corp-preview--carousel .corp-person{flex:0 0 calc((100% - clamp(16px,2vw,28px))/2);scroll-snap-align:start;scroll-snap-stop:always}
.corp-person__portrait,.corp-directory__portrait{flex:0 0 clamp(78px,8vw,120px);width:clamp(78px,8vw,120px);aspect-ratio:1;background:#e5e1d8;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:9px}
.corp-person__portrait img,.corp-directory__portrait img{width:100%;height:100%;object-fit:cover;display:block}
.corp-person__initials{font-weight:900;letter-spacing:-.085em;font-size:clamp(36px,4.5vw,60px);color:#777f8c}
.corp-person__identity{flex:1;min-width:0}
.corp-person__identity h3{font-size:clamp(20px,2vw,30px);line-height:1.13;letter-spacing:-.05em;font-weight:850;margin:0 0 9px;text-wrap:balance}
.corp-person__identity p{margin:0 0 9px;font-size:clamp(13px,1vw,15px);line-height:1.5;color:#35425b;font-weight:500}
.corp-person__since{display:block;font-size:12px;font-weight:650;color:#677182}
.corp-preview__navigation{display:flex;align-items:center;gap:16px;margin:15px 0 0}
.corp-preview__counter{font-size:12px;font-weight:750;font-variant-numeric:tabular-nums;margin-right:auto}
.corp-preview__arrows{display:flex;gap:7px}
.corp-preview__arrow{background:var(--corp-blue);border:0;border-radius:7px;color:#fff;font-size:24px;width:46px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}
.corp-preview__arrow:hover{background:var(--corp-red)}
.corp-preview__arrow:focus-visible,.corp-preview__dots button:focus-visible,.corp-preview__more:focus-visible{outline:3px solid var(--corp-red);outline-offset:3px}
.corp-preview__dots{display:flex;gap:9px;align-items:center}
.corp-preview__dots button{display:block;appearance:none;width:9px;height:9px;border:0;background:#a6acb4;cursor:pointer;padding:0;border-radius:100%}
.corp-preview__dots button[aria-current=true]{width:23px;background:var(--corp-red);border-radius:7px}
html:not(.js) .js-corp-controls{display:none}
.corp-preview__description{max-width:760px;font-size:clamp(15px,1.15vw,18px);line-height:1.65;color:#36425a;margin:clamp(16px,2.25vw,28px) 0}
.corp-preview__more{border:1px solid #c3cad3;border-radius:10px;background:rgba(255,255,255,.72);padding:clamp(16px,1.8vw,21px) clamp(17px,2.5vw,30px);display:flex;justify-content:space-between;align-items:center;gap:20px;text-decoration:none;color:var(--corp-blue);font-size:clamp(17px,1.55vw,22px);font-weight:800;letter-spacing:-.03em;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.corp-preview__more small{display:block;margin-top:4px;font-size:clamp(12px,1vw,14px);font-weight:500;letter-spacing:0;color:#657184}
.corp-preview__more>span:last-child{font-size:29px;transition:transform .25s ease;color:var(--corp-red)}
.corp-preview__more:hover>span:last-child{transform:translate(4px,-4px)}
.corp-directory{font-family:'DM Sans',Arial,sans-serif;color:#012363;background:#f6f4ef;-webkit-font-smoothing:antialiased}
.corp-directory a{text-decoration:none;color:inherit}
.corp-directory a:focus-visible{outline:3px solid #a81727;outline-offset:4px}
.corp-directory__shell{max-width:1330px;margin:auto;padding:0 clamp(20px,5vw,82px)}
.corp-directory__masthead{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:23px 0;border-bottom:1px solid #b2b8c3}
.corp-directory__brand{font-weight:900;letter-spacing:-.06em;font-size:clamp(18px,1.7vw,25px)}
.corp-directory__back{font-size:13px;font-weight:750;white-space:nowrap}
.corp-directory__back:hover{color:#a81727}
.corp-directory__intro{padding:clamp(55px,8vw,100px) 0 clamp(48px,7vw,85px)}
.corp-directory__eyebrow{font-size:13px;letter-spacing:.045em;font-weight:750;margin:0 0 20px}
.corp-directory h1{font-size:clamp(45px,7.2vw,104px);line-height:1;letter-spacing:-.082em;font-weight:900;margin:0 0 clamp(27px,3vw,41px)}
.corp-directory__intro>p:last-child{font-size:clamp(16px,1.5vw,21px);line-height:1.65;max-width:720px;color:#41516b;margin:0}
.corp-directory__people{border-top:2px solid #012363}
.corp-directory__person{display:grid;grid-template-columns:minmax(170px,.46fr) minmax(0,1fr);gap:clamp(25px,5vw,75px);padding:clamp(35px,5vw,72px) 0;border-bottom:1px solid #adb5c0;align-items:start}
.corp-directory__portrait{width:100%;max-width:350px;flex:none;aspect-ratio:4/5;background:#e8e5df}
.corp-directory__portrait .corp-person__initials{font-size:clamp(60px,10vw,145px)}
.corp-directory__index{font-size:12px;letter-spacing:.09em;font-weight:800;color:#a81727;margin:0 0 18px}
.corp-directory__profile h2{font-size:clamp(29px,4vw,57px);line-height:1.05;letter-spacing:-.065em;margin:0 0 16px}
.corp-directory__role{font-size:clamp(16px,1.4vw,20px);line-height:1.48;font-weight:700;margin:0 0 15px}
.corp-directory__bio{font-size:clamp(15px,1.2vw,18px);line-height:1.78;max-width:640px;color:#3e4c60;margin:clamp(23px,3vw,38px) 0}
.corp-directory__profile h3{font-size:clamp(19px,1.8vw,25px);letter-spacing:-.045em;margin:25px 0 12px}
.corp-directory__profile ul{padding:0;margin:0;list-style:none;max-width:620px}
.corp-directory__profile li{padding:12px 0;border-top:1px solid #c5cbd3;line-height:1.55;font-size:clamp(14px,1.1vw,17px)}
.corp-directory__info{padding:35px 0 70px;font-size:13px;line-height:1.65;color:#536175;max-width:810px}
.corp-directory__footer{border-top:1px solid #b2b8c3;padding:24px 0 45px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font-size:12px;color:#5a697d}
@media(max-width:780px){
 .corp-preview--pair .corp-preview__track{grid-template-columns:1fr}
 .corp-preview--carousel .corp-person{flex-basis:100%}
 .corp-preview{padding:42px 20px 48px}
 .corp-preview__rule{margin-bottom:18px}
 .corp-preview__description{margin:18px 0}
 .corp-person{padding:17px;min-height:135px;gap:16px}
 .corp-person__portrait{flex-basis:78px;width:78px}
 .corp-directory__person{grid-template-columns:minmax(0,1fr);gap:24px}
 .corp-directory__portrait{max-width:210px}
 .corp-directory__intro{padding:54px 0}
}
@media(max-width:390px){
 .corp-person{align-items:flex-start;flex-direction:column}
 .corp-person__portrait{width:72px;flex-basis:auto}
 .corp-preview--carousel .corp-person{min-height:255px}
 .corp-preview__dots{gap:6px}
 .corp-preview__arrows{gap:4px}
 .corp-directory__back{white-space:normal;text-align:right}
}
@media(prefers-reduced-motion:reduce){
 .corp-preview__viewport{scroll-behavior:auto!important}
 .corp-preview__arrow,.corp-preview__more>span:last-child{transition:none!important}
}


/* Microinteracciones y revelado por desplazamiento, sin ocultar el HTML sin JS. */
.corp-preview__alias{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .corp-person:hover{transform:translateY(-3px);border-color:#9ba9ba;box-shadow:0 12px 23px rgba(1,35,99,.09)}
 .corp-preview__arrow:hover{transform:translateY(-2px)}
 .corp-preview__more:hover{border-color:var(--corp-blue);background:#fff;box-shadow:0 8px 20px rgba(1,35,99,.055)}
}
.js .corp-preview.is-ready:not(.is-visible) h2,
.js .corp-preview.is-ready:not(.is-visible) .corp-preview__viewport,
.js .corp-preview.is-ready:not(.is-visible) .corp-preview__description,
.js .corp-preview.is-ready:not(.is-visible) .corp-preview__more{
 opacity:0;transform:translate3d(0,17px,0)
}
.js .corp-preview.is-ready h2,
.js .corp-preview.is-ready .corp-preview__viewport,
.js .corp-preview.is-ready .corp-preview__description,
.js .corp-preview.is-ready .corp-preview__more{
 transition:opacity .65s ease,transform .7s cubic-bezier(.2,.75,.2,1)
}
.js .corp-preview.is-ready .corp-preview__viewport{transition-delay:.10s}
.js .corp-preview.is-ready .corp-preview__description{transition-delay:.16s}
.js .corp-preview.is-ready .corp-preview__more{transition-delay:.22s}
.js .corp-preview.is-ready:not(.is-visible) .corp-preview__rule{transform:scaleX(.15);opacity:.45}
.js .corp-preview.is-ready .corp-preview__rule{transition:transform .85s cubic-bezier(.18,.75,.2,1),opacity .65s ease}
@media(prefers-reduced-motion:reduce){
 .corp-preview h2,.corp-preview__rule,.corp-preview__viewport,.corp-preview__description,.corp-preview__more,
 .corp-person,.corp-preview__arrow{opacity:1!important;transform:none!important;transition:none!important}
}