@font-face{font-family:CDRoman;src:url('fonts/display.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:CDRoman;src:url('fonts/display-italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:CDText;src:url('fonts/text.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:CDText;src:url('fonts/text-semibold.woff2') format('woff2');font-weight:600 700;font-style:normal;font-display:swap}
#sc-director{--cd-blue:#003087;--cd-ivory:#f8f4ef;--cd-ink:#4c566c;--cd-gold:#b68b42;background:var(--cd-ivory);color:var(--cd-blue);font-family:CDText,Arial,sans-serif;font-size:16px;line-height:1.6;isolation:isolate;overflow:clip;width:100%;text-align:left;-webkit-font-smoothing:antialiased}
#sc-director *,#sc-director *::before,#sc-director *::after{box-sizing:border-box}
#sc-director :where(h2,h3,p,figure){margin:0;padding:0}
#sc-director :where(h2,h3){color:var(--cd-blue);font-family:CDRoman,Georgia,serif;font-weight:400;letter-spacing:-.035em;text-transform:none}
#sc-director img{display:block;max-width:100%;border:0}
#sc-director button{font:inherit;color:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;line-height:inherit;appearance:none}
#sc-director button:focus-visible{outline:3px solid var(--cd-blue);outline-offset:5px}
#sc-director .cd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
#sc-director .cd-wrap{max-width:1440px;margin:auto;padding:40px 50px 38px}
#sc-director .cd-letter-layout{display:grid;grid-template-columns:minmax(0,.30fr) minmax(0,.70fr);gap:44px;align-items:start}
#sc-director .cd-profile{padding-top:0;position:sticky;top:100px;align-self:start;min-width:0}
#sc-director .cd-portrait-stage{perspective:1300px;width:100%;aspect-ratio: .79;margin-bottom:24px}
#sc-director .cd-portrait-motion{position:relative;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.2,1)}
#sc-director .cd-envelope{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
#sc-director .cd-portrait-print{position:absolute;top:1%;left:9%;width:83%;height:72%;padding:12px;background:#fffdf9;transform:rotate(-3deg) translateZ(24px);box-shadow:0 16px 25px -14px #52433280;transform-origin:50% 90%}
#sc-director .cd-portrait-print img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
#sc-director .cd-seal{position:absolute;bottom:11%;left:20%;width:26%;filter:brightness(0) saturate(100%) invert(38%) sepia(45%) saturate(12446%) hue-rotate(206deg) brightness(58%) contrast(117%);opacity:.65;height:auto;transform:rotate(-16deg);pointer-events:none}
#sc-director .cd-director-name{font-size:clamp(33px,3.5vw,53px);font-style:italic;line-height:.99;letter-spacing:-.045em;margin:0 0 25px 5px;max-width:390px}
#sc-director .cd-small-rule{display:block;width:39px;height:1px;background:var(--cd-gold);margin:16px 0 23px}
#sc-director .cd-profile>.cd-small-rule{margin-left:6px}
#sc-director .cd-role{font-size:19px;line-height:1.5;margin-left:6px}
#sc-director .cd-order{font-size:14px;line-height:1.65;margin:5px 0 0 6px;color:var(--cd-ink);max-width:290px}
#sc-director .cd-letter{position:relative;min-width:0;filter:drop-shadow(0 18px 17px #5a4b3529)}
#sc-director .cd-paper{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;z-index:-1;pointer-events:none}
#sc-director .cd-letter-inner{position:relative;padding:64px 74px 100px 90px}
#sc-director .cd-quote{position:absolute;top:36px;left:30px;color:#dde1e7;transform:rotate(180deg)}
#sc-director .cd-letter-text{font-size:16px;line-height:1.64;color:var(--cd-ink)}
#sc-director .cd-letter-text p{margin-bottom:24px}
#sc-director .cd-letter-text p:last-child{margin-bottom:0}
#sc-director .cd-letter-text strong{font-weight:600;color:var(--cd-blue)}
#sc-director .cd-signature{font-family:CDRoman,Georgia,serif;color:#51545b;font-size:27px;line-height:1.25;border-top:1px solid var(--cd-gold);padding:24px 0 0;margin-top:24px;text-align:right;letter-spacing:-.025em}
#sc-director .cd-pillars{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin:5px 8px 68px;perspective:2200px;align-items:stretch}
#sc-director .cd-pillar-shell{perspective:1500px;display:flex}
#sc-director .cd-pillar{background:#fffdf9;border-radius:5px;overflow:hidden;border-left:2px solid var(--cd-blue);box-shadow:0 29px 25px -17px #51452e59;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .65s;flex:1}
#sc-director .cd-pillar-0{transform:rotateY(5deg) rotateZ(1.5deg)}
#sc-director .cd-pillar-1{transform:rotateY(-5deg) rotateZ(-1.5deg);border-left:0;border-right:2px solid var(--cd-blue)}
#sc-director .cd-pillar-photo{width:100%;aspect-ratio:1.86;height:auto;object-fit:cover}
#sc-director .cd-pillar-copy{padding:26px 34px 48px}
#sc-director .cd-pillar h2{font-size:clamp(48px,5.5vw,78px);font-style:italic;line-height:.95;letter-spacing:-.04em}
#sc-director .cd-pillar .cd-small-rule{margin:13px 0 24px}
#sc-director .cd-pillar-copy p{font-size:17px;line-height:1.65;color:var(--cd-ink)}
#sc-director .cd-values-head{display:flex;align-items:end;gap:30px;margin:0 14px 35px}
#sc-director .cd-eyebrow{font-size:10px;letter-spacing:.32em;text-transform:uppercase;line-height:1.3;margin-bottom:8px}
#sc-director .cd-values-head h2{font-size:clamp(53px,6.3vw,88px);font-style:italic;line-height:.86}
#sc-director .cd-head-rule{height:1px;background:var(--cd-gold);flex:1;margin-bottom:13px;opacity:.8}
#sc-director .cd-gallery{position:relative;perspective:1800px;margin:0 3px}
#sc-director .cd-values-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;align-items:stretch;padding:10px 0 32px;perspective:1600px}
#sc-director .cd-value{background:#fffdf9;min-width:0;border-radius:3px;box-shadow:0 25px 18px -16px #4d402b66;border-top:4px solid var(--cd-value-color);border-left:1px solid #ffffff;transform:rotateY(var(--cd-angle,0deg)) rotateZ(var(--cd-rest)) translateY(var(--cd-lift,0px));transition:transform .85s cubic-bezier(.16,.7,.2,1),box-shadow .65s;transform-origin:50% 55%;position:relative;will-change:transform}
#sc-director .cd-value:nth-child(1){--cd-angle:7deg}
#sc-director .cd-value:nth-child(2){--cd-angle:3deg}
#sc-director .cd-value:nth-child(4){--cd-angle:-3deg}
#sc-director .cd-value:nth-child(5){--cd-angle:-7deg}
#sc-director .cd-value.is-selected{transform:rotateY(0deg) rotateZ(0deg) translateY(-20px) scale(1.035);box-shadow:0 35px 25px -20px #34313d80;z-index:2}
#sc-director .cd-value-photo-button{display:block;width:100%;overflow:hidden;position:relative}
#sc-director .cd-value-photo-button:focus-visible{outline-offset:-4px}
#sc-director .cd-value-photo-button img{width:100%;aspect-ratio:1.02;height:auto;object-fit:cover;transition:transform .7s ease}
#sc-director .cd-value-photo-button:hover img{transform:scale(1.025)}
#sc-director .cd-value-copy{padding:18px 18px 27px}
#sc-director .cd-value h3{font-style:italic;font-size:clamp(20px,1.8vw,26px);line-height:1.03;min-height:54px;letter-spacing:-.035em}
#sc-director .cd-value .cd-small-rule{width:30px;margin:9px 0 15px}
#sc-director .cd-value p{font-size:13px;line-height:1.55;color:var(--cd-ink)}
#sc-director .cd-arrow{position:absolute;top:38%;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fffefd;box-shadow:0 3px 14px #28324a21;z-index:3;transition:transform .2s,background .2s}
#sc-director .cd-arrow:hover{transform:scale(1.08);background:#e8edf5}
#sc-director .cd-prev{left:-36px}
#sc-director .cd-next{right:-36px}
#sc-director .cd-motion-control{display:flex;justify-content:flex-end;margin-top:20px}
#sc-director .cd-motion-control button{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--cd-ink);padding:8px 0;min-height:40px}
#sc-director .cd-play{display:none}
#sc-director.cd-paused [data-motion]>svg:first-child{display:none}
#sc-director.cd-paused [data-motion]>.cd-play{display:block}
#sc-director:not(.cd-ready) .cd-arrow,#sc-director:not(.cd-ready) .cd-motion-control{display:none}
#sc-director.cd-reduced *,#sc-director.cd-paused *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:761px){#sc-director .cd-signature{padding-right:65px}}
@media(min-width:1600px){#sc-director .cd-wrap{padding-top:60px}}
@media(max-width:1100px) and (min-width:761px){#sc-director .cd-wrap{padding:30px 38px}#sc-director .cd-letter-layout{gap:26px;grid-template-columns:.29fr .71fr}#sc-director .cd-letter-inner{padding:50px 38px 49px 60px}#sc-director .cd-quote{left:15px;top:25px;width:35px}#sc-director .cd-letter-text{font-size:14px;line-height:1.63}#sc-director .cd-letter-text p{margin-bottom:23px}#sc-director .cd-profile{padding-top:25px}#sc-director .cd-director-name{font-size:38px}#sc-director .cd-portrait-print{padding:8px}#sc-director .cd-pillars{gap:27px;margin:45px 0 60px}#sc-director .cd-pillar-copy{padding:24px 24px 30px}#sc-director .cd-pillar-copy p{font-size:14px}#sc-director .cd-values-track{gap:12px}#sc-director .cd-value-copy{padding:14px 12px 23px}#sc-director .cd-value p{font-size:12px}#sc-director .cd-value h3{font-size:20px;min-height:42px}#sc-director .cd-prev{left:-29px}#sc-director .cd-next{right:-29px}#sc-director .cd-arrow{width:34px;height:34px}}
@media(max-width:760px){#sc-director .cd-wrap{padding:30px 22px 25px}#sc-director .cd-letter-layout{display:block}#sc-director .cd-profile{position:relative;top:auto;padding:0;display:grid;grid-template-columns:42% 1fr;column-gap:25px;margin:0 0 24px;align-items:center}#sc-director .cd-portrait-stage{grid-row:1/5;margin:0}#sc-director .cd-director-name{font-size:34px;margin:0;align-self:end;line-height:1.01}#sc-director .cd-profile>.cd-small-rule{margin:12px 0 10px}#sc-director .cd-role{margin:0;font-size:15px;line-height:1.3}#sc-director .cd-order{margin:5px 0 0;font-size:12px;align-self:start}#sc-director .cd-portrait-print{padding:6px}#sc-director .cd-letter-inner{padding:47px 27px 55px}#sc-director .cd-quote{top:12px;left:23px;width:28px}#sc-director .cd-letter-text{font-size:15px;line-height:1.73}#sc-director .cd-letter-text p{margin-bottom:24px}#sc-director .cd-signature{font-size:23px;margin-top:25px;padding-top:20px}#sc-director .cd-paper{display:none}#sc-director .cd-letter{background:#fffdfa;border-radius:3px;filter:none;box-shadow:0 16px 32px #5a4b351c}#sc-director .cd-pillars{grid-template-columns:1fr;gap:35px;margin:40px 3px 55px}#sc-director .cd-pillar{transform:none}#sc-director .cd-pillar-copy{padding:25px 25px 33px}#sc-director .cd-pillar h2{font-size:59px}#sc-director .cd-pillar-copy p{font-size:15px;line-height:1.72}#sc-director .cd-values-head{margin:0 0 22px;gap:18px}#sc-director .cd-values-head h2{font-size:60px}#sc-director .cd-eyebrow{font-size:9px}#sc-director .cd-head-rule{margin-bottom:8px}#sc-director .cd-gallery{margin:0 -22px}#sc-director .cd-values-track{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:22px 36px 40px;scroll-padding-inline:36px;scrollbar-width:thin;scrollbar-color:#b9c4d5 transparent}#sc-director .cd-value{flex:0 0 72%;scroll-snap-align:center;transform:rotateZ(var(--cd-rest));will-change:auto}#sc-director .cd-value.is-selected{transform:translateY(-8px)}#sc-director .cd-value-copy{padding:19px 22px 27px}#sc-director .cd-value h3{font-size:29px;min-height:0}#sc-director .cd-value p{font-size:14px}#sc-director .cd-arrow{top:39%;width:35px;height:35px}#sc-director .cd-prev{left:5px}#sc-director .cd-next{right:5px}#sc-director .cd-motion-control{justify-content:center;margin-top:22px}}
@media(max-width:380px){#sc-director .cd-wrap{padding-left:16px;padding-right:16px}#sc-director .cd-director-name{font-size:29px}#sc-director .cd-profile{column-gap:17px}#sc-director .cd-letter-inner{padding-left:22px;padding-right:22px}#sc-director .cd-gallery{margin-inline:-16px}}
@media(prefers-reduced-motion:reduce){#sc-director *,#sc-director *::before,#sc-director *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{#sc-director{background:#fff;color:#111;overflow:visible}#sc-director .cd-wrap{padding:0}#sc-director .cd-letter-layout{display:block}#sc-director .cd-profile{position:static;display:block;padding:0;margin-bottom:20px}#sc-director .cd-portrait-stage,#sc-director .cd-paper,#sc-director .cd-motion-control,#sc-director .cd-arrow,#sc-director .cd-quote{display:none}#sc-director .cd-letter{filter:none}#sc-director .cd-letter-inner{padding:0}#sc-director .cd-pillars{display:block}#sc-director .cd-pillar{transform:none!important;box-shadow:none;break-inside:avoid;margin-bottom:30px}#sc-director .cd-pillar-photo{max-height:200px;object-fit:contain}#sc-director .cd-values-track{display:block;overflow:visible}#sc-director .cd-value{transform:none!important;box-shadow:none;break-inside:avoid;display:grid;grid-template-columns:150px 1fr;margin:20px 0}#sc-director .cd-letter-text,#sc-director .cd-pillar-copy p,#sc-director .cd-value p{color:#111}}

/* Nuestra letra (SF Pro Text italic 300) en títulos y nombre del director — 29-sep-2026 */
#sc-director .cd-director-name,#sc-director .cd-pillar h2,#sc-director .cd-values-head h2,#sc-director .cd-value h3{font-family:-apple-system,"system-ui","SF Pro Text","Helvetica Neue",Arial,sans-serif;font-weight:300;font-style:italic;letter-spacing:normal}
/* "Valores" al mismo tamaño que Misión/Visión — 29-sep-2026 */
#sc-director .cd-values-head h2{font-size:clamp(48px,5.5vw,78px)}
@media(max-width:760px){#sc-director .cd-values-head h2{font-size:59px}}
/* Texto de la carta y de Misión/Visión justificado — 29-sep-2026 */
#sc-director .cd-letter-text p,#sc-director .cd-pillar-copy p{text-align:justify}
/* Nombres de valor largos (DE/ES/CA) sin desbordar la tarjeta — 29-sep-2026 */
@media(max-width:1100px) and (min-width:761px){#sc-director .cd-values-track{gap:8px}#sc-director .cd-value-copy{padding:14px 8px 23px}#sc-director .cd-value h3{font-size:18px}}
@media(max-width:380px){#sc-director .cd-value{flex-basis:80%}#sc-director .cd-value-copy{padding:19px 14px 27px}}
