@font-face{font-family:Intro;src:url('../brandbook-web/assets/fonts/Intro-Book.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Intro;src:url('../brandbook-web/assets/fonts/Intro-Black.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
:root{--ink:#293c74;--paper:#fafaf8;--accent:#28a6bd;--header:88px;--inset:clamp(24px,5.6vw,104px);color:var(--ink);background:var(--paper);font-family:Intro,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:900}p{line-height:1.5}svg{display:block}a svg{width:26px;height:26px;flex:none}.skip{position:fixed;top:8px;left:8px;padding:16px;background:var(--paper);z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}
.masthead{position:sticky;top:0;z-index:30;height:var(--header);padding:0 var(--inset);display:flex;align-items:center;gap:32px;border-bottom:1px solid #293c7428;background:var(--paper)}.logo{display:flex;align-items:center;min-height:56px}.logo img{width:98px;height:auto}.edition{font-size:10px;letter-spacing:.12em;border-left:1px solid #293c7438;padding-left:24px;line-height:1.8}.edition b{display:block;font-weight:400}.motion-control{margin-left:auto;background:none;border:1px solid #293c7440;border-radius:3px;min-height:44px;font-size:12px;padding:10px 16px;transition:background .16s}.motion-control:hover{background:#293c740b}.micro{font-size:11px;letter-spacing:.14em;line-height:1.6}.dot{color:var(--accent)}
.story-track{position:relative}.story-stage{position:relative;min-height:800px;background:var(--paper);overflow:clip}.opening{position:relative;min-height:800px;padding:80px var(--inset) 150px;display:grid;grid-template-columns:1fr 1fr;align-items:center;isolation:isolate}.hero-copy{z-index:3;position:relative;max-width:600px}.hero-copy h1{font-size:clamp(56px,7.5vw,124px);line-height:.97;letter-spacing:-.055em;margin:28px -20px 28px 0}.hero-lead{font-size:clamp(20px,2vw,27px);line-height:1.38;margin:0 0 32px}.primary{display:inline-flex;gap:28px;align-items:center;min-height:56px;padding:16px 20px;background:var(--ink);color:var(--paper);font-size:15px;border:1px solid var(--ink);border-radius:3px;transition:background .16s}.primary:hover{background:#1d2d5c}.primary svg{width:22px}.link-note{font-size:11px;margin-top:10px;color:#596783}.phone-scene{position:relative;align-self:stretch;min-height:510px;z-index:2}.phone-layer{position:absolute;inset:-50px -50px -30px -40px;will-change:transform;display:flex;align-items:center;justify-content:center;pointer-events:none}.phone{height:100%;width:100%;max-height:690px;object-fit:contain}.object-label{position:absolute;right:0;top:0;writing-mode:vertical-rl;z-index:2}.object-note{position:absolute;bottom:18px;right:0;font-size:12px;letter-spacing:.02em}.hero-footer{position:absolute;bottom:24px;left:var(--inset);right:var(--inset);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:10px;letter-spacing:.1em;z-index:7}.hero-footer a{display:flex;align-items:center;gap:24px;min-height:44px}.hero-footer a span{font-size:24px}.voice-transition{position:absolute;inset:0;pointer-events:none;z-index:5}.voice-bars{position:absolute;inset:0;display:flex;align-items:center}.voice-bars i{display:block;flex:1;height:100%;background:var(--ink);transform:scale(.22,.035);transform-origin:50% 83%;will-change:transform}.scene-caption{display:none;position:absolute;inset:0;padding:var(--inset);align-content:center;justify-items:center;text-align:center;z-index:6;color:var(--paper);pointer-events:none}.scene-caption p{font-size:clamp(52px,6.5vw,110px);line-height:1.04;letter-spacing:-.04em;font-weight:900;margin-top:24px}
.motion-on .story-track{height:230svh;min-height:1400px}.motion-on .story-stage{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:540px}.motion-on .opening{min-height:0;height:100%;padding-top:48px;padding-bottom:110px}.motion-on .phone-scene{min-height:0}.motion-on .phone{max-height:620px}.motion-on .phone-layer{inset:-24px -30px -10px -10px}.motion-on .scene-caption{display:grid;opacity:0}
.drawing-section{--icon-paper:var(--ink);position:relative;z-index:6;color:var(--paper);background:var(--ink);padding:100px var(--inset) 72px;scroll-margin-top:0}.section-intro{display:grid;grid-template-columns:1.25fr 1fr;column-gap:12%;align-items:end}.section-intro>.micro{grid-column:1/-1;margin-bottom:24px}.section-intro h2{font-size:clamp(36px,4.1vw,68px);line-height:1.07;letter-spacing:-.04em}.section-intro>p:not(.micro){max-width:390px;font-size:17px;line-height:1.65}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border-top:1px solid #fafaf850;border-bottom:1px solid #fafaf850}.icon-study{padding:32px 32px 40px;border-right:1px solid #fafaf840}.icon-study:first-child{padding-left:0}.icon-study:last-child{border:0;padding-right:0}.icon-art{height:216px;display:grid;place-items:center}.illustrated-icon{width:144px;height:144px;overflow:visible}.icon-study h3{font-size:24px;letter-spacing:-.02em;margin-bottom:16px}.icon-study p{font-size:15px;color:#d1d9ee;max-width:300px;min-height:90px}.text-link{display:inline-flex;gap:24px;align-items:center;min-height:48px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.icon-study .text-link{margin-top:24px}.text-link svg{width:23px}.line-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:48px 0 32px}.line-spec>div{display:grid;grid-template-columns:48px 1fr;column-gap:16px;row-gap:4px}.line-spec strong{font-size:14px;font-weight:400}.line-spec>div>span:last-child{grid-column:2;color:#d1d9ee;font-size:12px}.line-sample{width:40px;align-self:center;border-top:3px solid currentColor}.line-sample.detail{border-width:1.5px}.line-sample.hatch{height:16px;border:0;background:repeating-linear-gradient(125deg,transparent,transparent 5px,#fafaf8 5px,#fafaf8 6px)}.technical-note{font-size:12px;color:#d1d9ee;max-width:780px}
.cutout-section,.route-section{padding:104px var(--inset)}.cutout-section .section-intro>.text-link{grid-column:2}.cutout-pair{display:grid;grid-template-columns:1fr 1fr;margin-top:56px;border:1px solid #293c7430}.cutout{height:450px;position:relative;display:grid;place-items:center;padding:32px 40px 56px}.cutout img{height:100%;width:auto;object-fit:contain;min-height:0}.cutout.dark{background:var(--ink);color:var(--paper)}.cutout figcaption{position:absolute;bottom:22px;left:24px;font-size:10px;letter-spacing:.14em}.route-section{border-top:1px solid #293c7430}.storyboard{list-style:none;padding:0;margin:56px 0 0}.storyboard li{padding:28px 0;border-top:1px solid #293c7430;display:grid;grid-template-columns:80px 1fr 150px;gap:24px;align-items:start}.storyboard li>span{font-size:32px;line-height:1;font-weight:900;color:#596783}.storyboard h3{font-size:26px;margin-bottom:8px}.storyboard p{font-size:15px;max-width:520px;color:#596783}.storyboard small{font-size:10px;letter-spacing:.08em;text-align:right;padding:8px 0}.route-note{margin:48px 0 0;max-width:690px;font-size:16px}footer{padding:32px var(--inset);border-top:1px solid #293c7430;display:flex;justify-content:space-between;align-items:center;gap:24px}footer a{display:flex;align-items:center;gap:16px;font-size:13px;min-height:44px}footer>span{font-size:10px;letter-spacing:.1em}
.motion-off .voice-transition{inset:auto 0 0;height:90px}.motion-off .hero-footer>span{visibility:hidden}.motion-off .opening{padding-bottom:160px}.motion-off .voice-bars i{transform-origin:center}
@media(min-width:1600px){.opening,.drawing-section,.cutout-section,.route-section{padding-left:max(var(--inset),calc((100vw - 1500px)/2));padding-right:max(var(--inset),calc((100vw - 1500px)/2))}.phone-scene{max-width:780px}.motion-on .phone{max-height:800px}.hero-copy h1{font-size:124px}}
@media(max-width:1000px){.hero-copy h1{font-size:clamp(54px,8vw,80px)}.opening{padding-top:48px}.phone-layer{inset:0 -36px 0 -36px}.icon-study{padding:28px 20px}.icon-study h3{font-size:21px}.icon-study p{min-height:120px}.section-intro{column-gap:8%}.cutout{height:380px}.hero-footer{font-size:9px}.motion-on .phone-layer{inset:0 -36px 0 -36px}}
@media(max-width:700px){:root{--header:72px;--inset:24px}.masthead{gap:16px}.logo img{width:82px}.edition{display:none}.motion-control{font-size:11px;padding:9px 12px}.opening{grid-template-columns:1fr;padding-top:36px;padding-bottom:130px;min-height:0;gap:0}.hero-copy h1{font-size:clamp(49px,12.7vw,74px);margin:18px 0}.hero-copy>.micro{font-size:9px}.hero-lead{font-size:20px;margin-bottom:24px}.primary{min-height:52px;font-size:13px;padding:14px 18px;gap:20px}.phone-scene{min-height:330px;margin:12px 0 0}.phone-layer{inset:-8px 5px -12px 5px}.phone{max-height:380px}.object-label{font-size:9px;right:0;top:60px}.object-note{font-size:11px;bottom:20px}.hero-footer{bottom:14px}.hero-footer>span{max-width:120px;line-height:1.8}.hero-footer a{font-size:9px;gap:12px;max-width:140px;line-height:1.7}.motion-on .story-track{height:auto;min-height:0}.motion-on .story-stage{position:relative;top:auto;height:auto;min-height:0}.motion-on .opening{height:auto;padding-top:36px;padding-bottom:125px}.motion-on .phone-scene{min-height:330px}.motion-on .phone-layer{inset:-8px 5px -12px 5px}.motion-on .phone{max-height:380px}.voice-transition{inset:auto 0 0;height:110px}.voice-bars i{transform-origin:center}.motion-on .scene-caption{display:none}.drawing-section{padding-top:64px;padding-bottom:56px}.section-intro{display:block}.section-intro h2{font-size:39px}.section-intro>.micro{margin-bottom:20px}.section-intro>p:not(.micro){font-size:16px;margin-top:24px}.icon-grid{display:block;margin-top:40px}.icon-study,.icon-study:first-child,.icon-study:last-child{padding:28px 0;border-right:0;border-bottom:1px solid #fafaf840}.icon-study:last-child{border-bottom:0}.icon-art{height:180px}.illustrated-icon{width:128px;height:128px}.icon-study h3{font-size:24px}.icon-study p{min-height:0;max-width:100%}.line-spec{gap:24px;grid-template-columns:1fr;margin:36px 0}.technical-note{line-height:1.7}.cutout-section,.route-section{padding-top:64px;padding-bottom:64px}.cutout-section .text-link{margin-top:16px}.cutout-pair{margin-top:32px}.cutout{height:260px;padding:16px 8px 40px}.cutout figcaption{font-size:8px;left:12px;bottom:16px;letter-spacing:.05em}.storyboard{margin-top:40px}.storyboard li{grid-template-columns:40px 1fr;gap:16px}.storyboard li>span{font-size:26px}.storyboard h3{font-size:24px}.storyboard small{grid-column:2;text-align:left;padding:0}.storyboard p{font-size:14px}.route-note{font-size:15px}footer{display:block}footer>span{display:block;margin-top:20px}.scene-caption p{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.phone-layer{transform:none!important}}

/* Controles con presencia y composición con fotografías existentes. */
.hero-copy{min-width:0;width:100%}
.study-nav{display:flex;gap:24px;margin-left:auto;font-size:12px}.study-nav a{display:flex;align-items:center;min-height:44px}.study-nav a:hover{text-decoration:underline;text-underline-offset:6px}.study-nav+.motion-control{margin-left:0}
.primary{min-height:64px;border-width:2px;border-radius:6px;box-shadow:4px 4px 0 var(--accent);padding:15px 20px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;max-width:calc(100% - 6px);gap:24px}.primary:hover{background:#203261;transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--accent)}.primary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--accent)}.primary:focus-visible{outline:3px solid var(--ink);outline-offset:8px}.primary--listen{display:grid;grid-template-columns:44px minmax(0,1fr)24px;column-gap:14px;min-height:78px;width:356px;padding:12px 16px;text-align:left}.button-symbol{display:grid;place-items:center;width:44px;height:44px;color:var(--paper)}.button-symbol svg{width:44px;height:44px}.button-symbol svg path:first-child{stroke:var(--accent)}.button-copy{display:flex;flex-direction:column;gap:6px;line-height:1.2}.button-copy strong{font-size:16px;font-weight:900}.button-copy small{font-size:11px;color:#d1d9ee;letter-spacing:.03em;font-weight:400}.button-arrow{display:grid;place-items:center;flex:none}.button-arrow svg{width:24px;height:24px}.secondary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding:13px 18px;border:1.5px solid var(--ink);border-radius:6px;font-size:14px;font-weight:900;background:transparent;transition:background .16s,box-shadow .16s}.secondary-action:hover{background:#293c7409;box-shadow:2px 2px 0 var(--ink)}.secondary-action:active{background:#293c7414}.secondary-action svg{width:22px;height:22px}.primary--light{background:var(--paper);color:var(--ink);border-color:var(--paper);font-size:16px}.primary--light:hover{background:#e9f1f3}.primary--light:focus-visible{outline-color:var(--paper)}
.people-section{padding:88px var(--inset) 0;background:var(--paper);scroll-margin-top:24px}.people-row{max-width:1376px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(48px,7vw,112px);align-items:center}.people-visual{position:relative;align-self:end;margin:0;min-width:0}.people-visual img{width:100%;height:auto;object-fit:contain}.people-visual--couple{max-width:647px}.people-copy{padding:0 0 80px;position:relative}.people-copy .micro{margin:16px 0 20px}.people-copy h2{font-size:clamp(38px,4.2vw,66px);line-height:1.04;letter-spacing:-.04em}.people-copy>p:not(.micro){font-size:18px;line-height:1.65;max-width:415px;margin:24px 0 32px}.people-copy>.primary{margin:0 0 24px}.people-copy>.secondary-action{display:flex;width:max-content;max-width:100%}.people-icon{display:block;width:64px;height:64px}.people-icon .illustrated-icon{width:64px;height:64px}.family-section{--icon-paper:var(--ink);padding:88px var(--inset) 0;background:var(--ink);color:var(--paper)}.people-row--family{grid-template-columns:.9fr 1.1fr;gap:40px}.people-row--family .people-copy{padding-bottom:64px}.people-row--family .people-copy>p:not(.micro){color:#d1d9ee}.people-visual--kids{max-width:700px}.people-visual--kids img{width:100%;height:auto}.motion-off{scroll-behavior:auto}
@media(min-width:1600px){.people-section,.family-section{padding-left:max(var(--inset),calc((100vw - 1500px)/2));padding-right:max(var(--inset),calc((100vw - 1500px)/2))}}
@media(max-width:1000px){.study-nav{gap:16px}.edition{display:none}.people-row{gap:40px}.people-copy h2{font-size:44px}.people-copy>p:not(.micro){font-size:16px}.people-copy{padding-bottom:56px}.primary--listen{width:330px}.people-row--family{gap:24px}}
@media(max-width:700px){.study-nav{display:none}.study-nav+.motion-control{margin-left:auto}.primary--listen{width:330px;grid-template-columns:38px minmax(0,1fr)20px;gap:12px;padding:12px 14px;min-height:78px}.button-symbol,.button-symbol svg{width:38px;height:38px}.button-copy strong{font-size:15px;line-height:1.3}.button-copy small{font-size:10px}.button-arrow svg{width:20px;height:20px}.people-section,.family-section{padding-top:56px}.people-row,.people-row--family{display:flex;flex-direction:column;gap:16px}.people-copy{order:0;padding:0;width:100%}.people-visual{order:1;align-self:center;width:100%}.people-copy h2{font-size:40px}.people-copy .micro{font-size:10px}.people-copy>p:not(.micro){font-size:16px;margin:20px 0 28px}.people-copy>.primary{margin-bottom:20px}.people-copy>.secondary-action{width:calc(100% - 6px);margin-bottom:24px}.people-visual--couple{max-width:420px}.people-visual--kids{max-width:490px}.people-row--family .people-copy{padding-bottom:12px}.primary--light{font-size:15px;min-height:62px;padding:14px 16px;gap:16px}.family-section .people-icon{width:64px;height:64px}.family-section .people-icon .illustrated-icon{width:64px;height:64px}}