/* Guntherberg · Composición y legibilidad · 4 noviembre 2026 */
:root{--action:#1f1f1f;--focus:#233746;--pdf:#c62828;--radius:7px;--shadow:0 6px 18px #2337460d}
body{font-size:18px;line-height:1.65}h1{font-size:clamp(34px,4.15vw,54px);letter-spacing:-1.35px;line-height:1.15}h2{font-size:clamp(29px,3vw,39px);line-height:1.2;letter-spacing:-.9px}h3{font-size:24px;line-height:1.25;letter-spacing:-.4px}
.section{padding:74px 0}.eyebrow{font-size:13px;line-height:1.6;letter-spacing:1.45px;margin-bottom:16px}.lead{font-size:19px;line-height:1.7}.section-head{gap:32px;margin-bottom:34px}.section-head>div{max-width:780px}.section-head p{font-size:18px;max-width:720px}.section-head>.btn{flex-shrink:0;margin-bottom:3px}
a:hover{color:var(--steel)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.dark a:focus-visible,.dark button:focus-visible{outline-color:var(--gold)}
.btn,.form-submit{min-height:50px;padding:14px 22px;font-size:16px;line-height:1.4;font-weight:600;border-radius:var(--radius);border:1px solid var(--steel);color:var(--steel);background:white;text-decoration:none;box-shadow:0 3px 7px #2337460b;transition:background .18s,color .18s,box-shadow .18s,transform .18s;white-space:normal;text-align:center}
.btn:hover{background:#e9edf0;border-color:var(--steel);color:var(--steel);box-shadow:0 6px 14px #2337461c;transform:translateY(-2px)}.btn:active,.form-submit:active{transform:translateY(0);box-shadow:0 1px 3px #2337461c}.btn.primary,.form-submit{background:var(--action);border-color:var(--action);color:white}.btn.primary:hover,.form-submit:hover{background:var(--steel);border-color:var(--steel);color:white;box-shadow:0 6px 16px #23374626}.btn[aria-disabled=true],.form-submit[disabled]{opacity:.6;cursor:wait;transform:none}
.nav{gap:20px}.nav>a{font-size:16px}.nav>a[aria-current=page]{color:var(--steel);font-weight:600}.nav .btn{font-size:15px;min-height:48px;padding:12px 20px}.nav>a.btn.primary[aria-current=page],.nav>a.btn.primary[aria-current=page]:hover,.nav>a.btn.primary[aria-current=page]:focus{color:#fff;background:var(--action);border-color:var(--action)}.language{font-size:13px}.menu-btn{font-size:16px;border-radius:5px;font-weight:600}
.hero{gap:48px;padding:56px 0 34px;grid-template-columns:1.05fr 1fr}.hero .lead{font-size:18px;line-height:1.65}.hero-visual{border-radius:8px;overflow:hidden;border:1px solid var(--line)}.hero-visual figcaption{font-size:14px;line-height:1.5}.actions{gap:14px;margin-top:28px}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:0;margin:0 0 32px;padding:0}.principles span{font-size:18px;font-weight:600;color:var(--steel);line-height:1.45;text-align:center;background:var(--fog);border-left:3px solid var(--gold);padding:20px 14px;border-radius:0 5px 5px 0}.principles span+span:before{display:none}
.audiences{gap:24px;border:0;padding:0 0 44px}.audiences>div,.audiences>div+div{border:1px solid var(--line);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}.audiences h2{font-size:25px;letter-spacing:-.5px}.audiences p{font-size:18px;margin:14px 0 22px}.audiences .btn{margin-top:0}
.challenge-grid{gap:20px}.challenge{display:flex;flex-direction:column;align-items:flex-start;padding:26px 22px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--steel);border-radius:var(--radius);box-shadow:var(--shadow)}.challenge .icon{width:35px;height:35px;margin-bottom:22px;color:var(--steel)}.challenge h3{font-size:23px;min-height:58px}.challenge p{font-size:17px;line-height:1.65;margin:16px 0 24px}.challenge .btn{margin-top:auto;width:100%;font-size:16px;min-height:58px;padding:12px 12px}
.cap-list{gap:24px}.cap-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:18px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.cap-item .num{font-size:17px;font-weight:600;color:#766126;padding-top:3px}.cap-item>div{display:flex;flex-direction:column;align-items:flex-start;height:100%}.cap-item h3{font-size:24px}.cap-item p{font-size:18px;margin:14px 0 24px}.cap-item .btn{margin-top:auto}.cap-item:hover{color:var(--ink)}
.dark{background:var(--steel)}.tech-layout{gap:56px;align-items:start}.tech-layout .lead{font-size:18px}.dark .actions>.btn:not(.primary){background:white;color:var(--steel);border-color:white;box-shadow:0 5px 14px #0002}.dark .actions>.btn:not(.primary):hover{background:#e7edf1;color:var(--steel)}.tech-list{gap:18px}.tech-row{grid-template-columns:38px minmax(0,1fr);gap:20px;padding:25px;border:1px solid #6b7a86;border-radius:var(--radius);background:#ffffff05}.tech-row:last-child{border-bottom:1px solid #6b7a86}.tech-row:hover{color:white;background:#ffffff05}.tech-row h3{font-size:24px}.tech-row p{font-size:18px;margin:12px 0 20px}.tech-row .icon{color:var(--gold)}.dark .btn.light-outline{background:transparent;color:#fff;border-color:#a3b1bb;box-shadow:none}.dark .btn.light-outline:hover{background:#fff;color:var(--steel);border-color:#fff}
.method{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}.method li{display:grid;grid-template-columns:1fr;grid-template-rows:42px auto 1fr auto;gap:14px;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:var(--shadow)}.method .num{font-size:34px;line-height:1;font-weight:500;color:#766126}.method h3{font-size:23px;margin:0}.method p{font-size:18px;line-height:1.6}.method .output{display:block;font-size:17px;font-weight:600;color:var(--steel);line-height:1.5;border-left:3px solid var(--gold);padding-left:14px;margin:8px 0 0}.method-note{margin-top:30px;padding:22px 26px;border-top:2px solid var(--gold);background:var(--fog);font-size:16px;font-weight:500;line-height:1.7;border-radius:0 0 var(--radius) var(--radius)}
.application{gap:52px;align-items:center}.application h3{font-size:28px;line-height:1.25;margin-top:26px}.application p{font-size:18px;margin-top:18px}.application .btn{margin-top:24px}.application-deliverables{padding:20px 23px;background:#fff;border-left:3px solid var(--gold);margin-top:24px;border-radius:0 6px 6px 0}.application-deliverables strong{font-size:18px;color:var(--steel);font-weight:600}.application-deliverables p{margin-top:6px}.tabs{gap:10px}.chip{font-size:16px;font-weight:500;border:1px solid #a7b4be;min-height:48px;padding:12px 18px;border-radius:6px;box-shadow:0 2px 5px #23374608}.chip:hover{color:var(--steel);border-color:var(--steel);background:#e9edf0}.chip[aria-pressed=true]{background:var(--steel);color:white;border-color:var(--steel);box-shadow:0 3px 8px #23374624}.diagram{border-radius:8px;overflow:hidden}.diagram figcaption{font-size:14px;line-height:1.5}
.partnership{gap:54px}.partnership .lead{font-size:19px}.steps-list{display:grid;gap:15px}.steps-list li{padding:24px;border:1px solid var(--line);background:var(--fog);border-radius:var(--radius);gap:20px;align-items:center;box-shadow:var(--shadow)}.steps-list strong{font-size:21px;line-height:1.45;font-weight:600}.steps-list span{font-size:19px;color:#766126;font-weight:500;padding:0}
.leadership{grid-template-columns:.75fr 1.25fr;gap:56px;align-items:start}.leadership h3{font-size:26px;margin:24px 0 7px}.leadership .role{font-size:17px;font-weight:500;color:var(--steel);margin-bottom:24px}.leadership p:not(.role){font-size:18px}.leadership .btn{margin-top:26px}.portrait{min-height:330px;background:linear-gradient(145deg,#e7ecef,#f5f6f7);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);padding:38px 24px;box-shadow:var(--shadow)}.portrait .monogram{font-size:86px;color:var(--steel);letter-spacing:-4px}.profile-specialty{font-size:19px;font-weight:600;line-height:1.5;color:var(--steel);margin-top:24px}.portrait p{font-size:16px!important;margin-top:10px;line-height:1.5;text-align:center;padding:0}
.trajectory .section-head>div{max-width:100%}.trajectory .section-head p{max-width:900px}.trajectory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.trajectory-logo{display:flex;align-items:center;justify-content:center;height:100px;padding:18px 24px;background:white;border:1px solid var(--line);border-radius:6px;margin:0}.trajectory-logo.negative{background:var(--steel)}.trajectory-logo img{width:160px;max-width:100%;height:56px;object-fit:contain}.trajectory-logo.optical-compact img{width:136px;height:52px}
.resource-grid{gap:24px}.resource{padding:28px;gap:18px;border-radius:var(--radius);box-shadow:var(--shadow);border-top:3px solid var(--steel)}.resource h3{font-size:24px;line-height:1.3}.resource p{font-size:18px}.resource .status{font-size:15px;line-height:1.5;padding-top:6px}.resource .btn{margin-top:7px;font-size:16px;width:100%;align-self:stretch}.doc-icon{position:relative;font-size:13px;font-weight:700;color:#fff;background:var(--pdf);border:1px solid var(--pdf);border-radius:4px;width:51px;height:61px;box-shadow:0 3px 8px #c6282814}.doc-icon:after{content:'';position:absolute;right:-1px;top:-1px;border-style:solid;border-width:0 13px 13px 0;border-color:transparent #fff #e78686 transparent}.filter-bar{gap:12px;margin-bottom:30px}.note,.empty-resource{font-size:16px;line-height:1.65;padding:20px 24px;border-radius:0 6px 6px 0}.mini-grid{gap:26px}.mini-grid>div{padding:26px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.mini-grid h3{font-size:24px}.mini-grid p{font-size:18px}.mission-grid{gap:44px}.mission-grid h2{font-size:31px}.mission-grid h3{font-size:25px}.mission-grid p{font-size:18px}.building-note h3{font-size:24px}.building-note p{font-size:18px}
.closing{padding:55px 0}.closing h2{font-size:35px}.closing p{font-size:18px}.closing .actions{max-width:270px}.footer-grid{grid-template-columns:1.25fr .8fr .9fr 1.15fr;gap:32px}.footer h3{font-size:15px;letter-spacing:.8px}.footer a{font-size:16px;min-height:44px;line-height:1.5;overflow-wrap:anywhere}.footer p{font-size:16px;line-height:1.65}.copyright{font-size:14px;margin-top:35px}.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.footer .social-links a{display:inline-flex;align-items:center;gap:8px;font-size:14px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;color:var(--steel)}.social-links svg{width:21px;height:21px;flex-shrink:0}.footer .social-links a:hover{background:var(--fog);border-color:var(--steel)}
.page-intro{padding:48px 0 45px}.page-intro h1{max-width:950px}.page-intro .lead{font-size:20px;max-width:900px}.breadcrumb{font-size:15px;margin-bottom:24px}.solution-grid{gap:26px}.solution{padding:32px;border-radius:var(--radius);border-top:3px solid var(--steel);box-shadow:var(--shadow)}.solution .num{font-size:15px;margin-bottom:18px}.solution h3{font-size:26px}.solution p{font-size:18px;line-height:1.65;margin:18px 0 26px}.solution .btn{margin-top:auto}.solution-hero h1{font-size:46px;line-height:1.16}.solution-hero .lead{font-size:19px}.scope{gap:52px}.scope h2{font-size:30px}.scope p,.scope li{font-size:18px}.delivery{border-left:3px solid var(--gold);border-radius:0 7px 7px 0}.delivery h2{font-size:28px}.question-list summary{font-size:19px;line-height:1.45;min-height:76px;padding:14px 0}.question-list summary:after{color:var(--steel)}.question-list details>p{font-size:18px}.quality-list article{border-radius:var(--radius);padding:27px;box-shadow:var(--shadow)}.quality-list h3{font-size:24px}.quality-list p{font-size:18px}
.contact-layout{gap:52px}.contact-copy h1{font-size:46px}.contact-copy p,.contact-channels a{font-size:18px}.contact-channels a{text-decoration:none;display:table;max-width:100%;overflow-wrap:anywhere;padding:8px 0}.form{border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.form-label{font-size:17px;font-weight:600;line-height:1.45}.form-control{font-size:18px;line-height:1.5;min-height:51px;border-radius:5px;padding:12px 14px}.form-fields{gap:23px}.form-error,.form-form-error,.form-help,.privacy-line{font-size:15px;line-height:1.6}.form-success{font-size:18px;line-height:1.65;border-radius:0 6px 6px 0}.form-submit{width:100%;text-transform:none}.form-field--checkbox .form-control{width:22px;min-height:22px;height:22px;accent-color:var(--steel);flex-shrink:0}.form-field--checkbox{line-height:1.55}.form-field--checkbox label{font-size:16px;font-weight:400}.context{font-size:16px;border-radius:0 5px 5px 0}.contact-channels a:hover{text-decoration:none;color:var(--steel)}
.privacy-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:start}.privacy-summary{background:var(--fog);border-top:3px solid var(--gold);padding:28px;border-radius:0 0 7px 7px}.privacy-summary h2{font-size:25px;letter-spacing:-.4px;margin:0}.privacy-summary p{font-size:18px;margin:18px 0 24px}.privacy-summary .btn{font-size:16px}.privacy-layout .plain-content h2{font-size:27px;line-height:1.3;margin:0 0 18px}.privacy-layout .plain-content h2:not(:first-child){margin-top:38px}.privacy-layout .plain-content p{font-size:18px;line-height:1.75}.privacy-layout .plain-content a{overflow-wrap:anywhere}.privacy-version{font-size:15px;margin-top:20px}
@media(max-width:1150px){.header-inner{min-height:80px}.header .logo{width:125px;height:70px}.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:80px;background:white;border-bottom:1px solid var(--line);padding:16px 24px 24px;box-shadow:0 12px 20px #23374610}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav>a{min-height:48px;font-size:17px;border-bottom:1px solid var(--line)}.nav .btn{margin-top:16px;display:flex;min-height:50px;font-size:16px}.nav .language{display:none}.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge h3{min-height:0}.method{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-layout,.application,.partnership{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:auto}.footer-grid>div:last-child{grid-column:auto;display:block}.footer-grid>div:last-child h3{margin-bottom:12px}.privacy-layout{gap:35px}.privacy-summary{padding:24px}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.section{padding:54px 0}.hero{grid-template-columns:1fr;gap:30px;padding:36px 0 30px}.hero-copy{max-width:650px}.hero h1{font-size:38px;max-width:650px}.hero-visual{max-width:620px;width:100%;margin:auto}.hero-visual img{max-height:390px}.hero-visual figcaption{font-size:13px}.leadership,.tech-layout,.application,.partnership,.solution-hero,.scope,.mission-grid,.contact-layout{grid-template-columns:1fr;gap:34px}.leadership .portrait{order:2;min-height:230px}.portrait .monogram{font-size:70px}.profile-specialty{margin-top:15px}.section-head{display:block}.section-head>.btn{margin-top:24px}.section-head p{font-size:18px}.cap-list{grid-template-columns:1fr}.cap-item{padding:26px;gap:16px}.tech-row{padding:24px;grid-template-columns:34px minmax(0,1fr);gap:16px}.tech-row h3{font-size:23px}.method{grid-template-columns:1fr 1fr}.method li{padding:23px}.application h3{font-size:27px}.application .diagram{max-width:620px}.closing .wrap{display:block}.closing h2{font-size:32px}.closing .actions{max-width:none;flex-direction:row;margin-top:28px}.closing .actions .btn{flex:1}.page-intro{padding:34px 0 38px}.page-intro h1,.solution-hero h1,.contact-copy h1{font-size:38px}.page-intro .lead{font-size:18px}.solution-hero .lead{font-size:18px}.resource-grid{grid-template-columns:1fr 1fr}.resource{padding:25px}.resource h3{font-size:23px}.resource p{font-size:17px}.solution-grid{grid-template-columns:1fr}.solution h3{font-size:25px}.trajectory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trajectory-logo{height:88px;padding:14px}.trajectory-logo img{width:120px;height:46px}.trajectory-logo.optical-compact img{width:106px;height:42px}.privacy-layout{grid-template-columns:1fr}.privacy-summary{padding:24px}.privacy-summary h2{font-size:26px}.privacy-layout .plain-content h2{font-size:25px}.quality-list{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr}.audiences h2{font-size:24px}.audiences>div,.audiences>div+div{padding:25px}.principles span{font-size:17px;padding:17px 10px}}
@media(max-width:600px){.hero h1{font-size:34px}.hero .lead{font-size:18px}.actions{gap:12px}.actions .btn{width:100%;min-height:50px;font-size:16px;padding:14px 18px}.principles{grid-template-columns:1fr;gap:9px;margin-bottom:26px}.principles span{text-align:left;font-size:18px;padding:13px 18px}.audiences{grid-template-columns:1fr;padding-bottom:18px;gap:18px}.audiences p{font-size:17px}.audiences .btn{width:100%}.challenge-grid{grid-template-columns:1fr;gap:18px}.challenge{display:flex;padding:26px}.challenge h3{font-size:24px;min-height:0}.challenge p{font-size:18px;margin:14px 0 23px}.challenge .icon{margin-bottom:18px}.challenge .btn{width:100%;min-height:50px}.cap-item{padding:24px 21px;grid-template-columns:25px minmax(0,1fr);gap:13px}.cap-item h3{font-size:23px}.cap-item p{font-size:18px}.cap-item .btn{width:100%}.tech-layout{gap:30px}.tech-row{grid-template-columns:29px minmax(0,1fr);padding:23px 18px;gap:13px}.tech-row .icon{width:28px;height:28px}.tech-row h3{font-size:22px}.tech-row p{font-size:17px}.tech-row .btn{width:100%;font-size:16px;padding:12px 13px}.method{grid-template-columns:1fr;gap:18px}.method li{display:grid;grid-template-columns:1fr;grid-template-rows:36px auto auto auto;gap:13px;padding:24px}.method .num{grid-row:auto;font-size:31px}.method h3{font-size:24px;margin:0}.method p,.method .output{grid-column:auto}.method p{font-size:18px}.method .output{font-size:17px;margin-top:4px}.method-note{font-size:16px;padding:20px;margin-top:25px}.tabs .chip,.filter-bar .chip{font-size:16px;padding:11px 14px;min-height:48px}.application p{font-size:18px}.application-deliverables{padding:19px}.application-deliverables p{font-size:17px}.application .btn{width:100%}.steps-list li{padding:22px;gap:17px}.steps-list strong{font-size:20px}.steps-list span{font-size:18px}.leadership p:not(.role){font-size:18px}.leadership .role{font-size:17px}.leadership h3{font-size:25px}.leadership .btn{width:100%}.resource-grid{grid-template-columns:1fr}.resource{padding:26px;gap:17px}.resource h3{font-size:24px}.resource p{font-size:18px}.resource .status{font-size:15px}.resource .btn{margin-top:10px;font-size:16px}.section-head{margin-bottom:28px}.section-head>.btn{width:100%}.closing .actions{flex-direction:column;gap:12px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}.footer a{font-size:16px;min-height:44px}.footer p{font-size:16px;max-width:360px}.footer h3{font-size:15px;margin-bottom:12px}.footer .logo{width:132px}.copyright{font-size:14px;line-height:1.6}.footer .social-links a{font-size:15px}.contact-copy h1,.page-intro h1,.solution-hero h1{font-size:34px}.form{padding:23px 20px}.contact-copy p,.contact-channels a{font-size:18px}.form-control{font-size:18px;padding:12px}.form-label{font-size:17px}.form-error,.form-help,.privacy-line{font-size:15px}.plain-content p{font-size:18px}.question-list summary{font-size:18px}.question-list details>p{font-size:18px}.solution{padding:27px 24px}.solution .btn{width:100%}.scope h2,.delivery h2{font-size:27px}.scope p,.scope li{font-size:18px}.diagram figcaption{font-size:13px}.trajectory .section-head h2{font-size:29px}.trajectory .section-head p{font-size:17px}.privacy-layout .plain-content p{font-size:18px}.privacy-summary .btn{width:100%}.privacy-version{font-size:14px}}
@media(max-width:360px){.hero h1,.page-intro h1,.solution-hero h1,.contact-copy h1{font-size:31px}h2{font-size:28px}.wrap{width:calc(100% - 36px)}.cap-item{padding:22px 18px}.trajectory-logo{padding:12px}.btn{font-size:16px}.tech-row{padding:22px 15px;gap:11px}}
.method .output{min-height:52px}a[href^="mailto:"],a[href^="tel:"]{text-decoration:none}.form .form{padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;margin:0}.form-checkbox-single{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.55}.form-checkbox-single .form-checkbox{width:21px;height:21px;margin:3px 0 0;accent-color:var(--steel);flex:0 0 21px}.form-checkbox-single .form-choice-label{font-size:16px;font-weight:400}.application-anchor{scroll-margin-top:100px}
@media(max-width:600px){.method .output{min-height:0}}
@media(prefers-reduced-motion:reduce){.btn,.form-submit{transition:none!important}.btn:hover,.form-submit:hover{transform:none}}
