@font-face{font-family:DM Sans;src:url("/preview/coaching-ejecutivo/media/dm-sans.woff2") format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}
:root{--paper:#f0f3e9;--white:#f8faef;--ink:#102721;--dark:#091d19;--deep:#051511;--mint:#afffc6;--leaf:#176248;--muted:#435a50;--line:#b9c9b8;--dim:#adcbbe;--line-dark:#365449;--mono:ui-monospace,Consolas,monospace;--header:72px;--gutter:clamp(20px,5.4vw,92px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 "DM Sans",system-ui,sans-serif}
body,h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2,h3{line-height:.96;letter-spacing:-.067em;font-weight:780}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #087558;outline-offset:4px}
.dark :is(a,button):focus-visible,.header :is(a,button):focus-visible{outline-color:var(--mint)}
button{font:inherit}
img{display:block;max-width:100%;height:auto}
::selection{background:var(--mint);color:var(--dark)}
[hidden]{display:none!important}
main [id]{scroll-margin-top:calc(var(--header) + 18px)}
.wrap{width:min(1310px,calc(100% - var(--gutter) * 2));margin-inline:auto}
.symbols{position:absolute;width:0;height:0;overflow:hidden}
.icon{display:inline-block;flex:none;width:1.12em;height:1.12em;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em}
.skip{position:fixed;left:10px;top:8px;z-index:20;transform:translateY(-150%);background:var(--mint);color:var(--dark);padding:12px 20px;font-weight:700}
.skip:focus{transform:none}
.dark{background:var(--dark);color:var(--white)}
.mono,.eyebrow{font-family:var(--mono);letter-spacing:.075em;font-size:.69rem;font-weight:600}
.eyebrow{color:var(--leaf);line-height:1.5}
.dark .eyebrow{color:var(--mint)}
.header{position:sticky;top:0;z-index:10;background:var(--dark);color:var(--white);border-bottom:1px solid var(--line-dark)}
.header-inner{min-height:calc(var(--header) - 1px);display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.045em;line-height:1.03;white-space:nowrap;font-size:1.07rem}
.brand-mark{display:grid;place-items:center;background:var(--mint);color:var(--dark);width:38px;height:38px;border-radius:3px;flex:none}
.brand-mark svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:square;stroke-linejoin:miter}
.brand-caption{display:block;color:var(--dim);font:500 .58rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.nav{display:flex;align-items:center;gap:clamp(16px,2.65vw,42px);font-size:.88rem;font-weight:700}
.nav>a:not(.nav-contact),.footer nav a{transition:color .2s}
.nav>a:not(.nav-contact):hover,.footer nav a:hover{color:var(--mint)}
.nav-contact{display:inline-flex;align-items:center;gap:12px;border:1px solid #6c9483;padding:9px 13px;transition:background .2s,color .2s,border-color .2s}
.nav-contact:hover,.nav-contact:focus-visible{color:var(--ink);background:var(--mint);border-color:var(--mint)}
.menu-toggle{display:none;align-items:center;gap:8px;padding:8px 12px;color:var(--white);background:none;border:1px solid #6c9483}
.menu-toggle .icon{transition:transform .2s}
.menu-toggle[aria-expanded=true] .icon{transform:rotate(45deg)}
.reading-progress{position:absolute;bottom:-1px;height:2px;left:0;width:100%;background:var(--mint);transform:scaleX(var(--reading,0));transform-origin:left;pointer-events:none}
.hero{overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 74% 45%,#12362b 0,transparent 53%),var(--dark)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;min-height:clamp(560px,44.8vw,680px);padding:34px 0 0}
.hero-copy{position:relative;z-index:2;padding:32px 0 48px;min-width:0}
.hero-eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase}
.signal{display:inline-block;width:8px;height:8px;background:var(--mint);border-radius:50%;flex:none;box-shadow:0 0 0 3px #afffc61b}
h1{font-size:clamp(4.15rem,8.05vw,8rem);line-height:.9;margin:21px 0 21px;letter-spacing:-.079em;font-weight:850}
h1 span{display:block;white-space:nowrap}
h1 span+span{color:var(--mint);font-size:.86em;letter-spacing:-.066em}
.hero-break{display:none}
.hero-lead{max-width:410px;color:#d5e7db;font-size:clamp(1.04rem,1.38vw,1.23rem)}
.hero-actions{display:flex;gap:13px 19px;align-items:center;flex-wrap:wrap;margin-top:28px}
.action{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;min-height:51px;max-width:100%;padding:11px 16px;line-height:1.22;border:1px solid transparent;font-size:.91rem;font-weight:800;transition:background .22s,border-color .22s,color .22s}
.action .icon,.underlink .icon{transition:transform .22s}
.action:hover .icon,.underlink:hover .icon{transform:translate(2px,-2px)}
.action-mint{background:var(--mint);color:var(--deep)}
.action-mint:hover{background:#e1ffea}
.action-ink{background:var(--ink);color:var(--white)}
.action-ink:hover{background:var(--leaf)}
.action-line{background:transparent;border-color:#6f9181;color:var(--ink)}
.action-line:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}
.action.small{min-height:45px;font-size:.84rem}
.underlink{display:inline-flex;align-items:center;gap:7px;color:var(--white);font-size:.87rem;font-weight:700;border-bottom:1px solid #6c9483;padding-block:7px}
.underlink:hover{color:var(--mint)}
.hero-art{position:relative;align-self:center;isolation:isolate;aspect-ratio:1.03;min-width:0;border:1px solid var(--line-dark);background:#0a231c;margin:0 0 26px;overflow:hidden}
.hero-art picture{display:block;position:absolute;inset:0;overflow:hidden}
.hero-art img{height:100%;width:100%;object-fit:cover;object-position:53% 50%;animation:sculpture-in 1.5s cubic-bezier(.2,.74,.22,1) both}
.hero-art::after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(0deg,#061912b0,transparent 23%),repeating-linear-gradient(0deg,transparent 0 34px,#b9ffcb08 34px 35px),repeating-linear-gradient(90deg,transparent 0 34px,#b9ffcb08 34px 35px)}
.art-cross{z-index:2;position:absolute;color:var(--mint);font:400 1.2rem/1 var(--mono)}
.art-cross-top{top:12px;left:14px}
.art-cross-bottom{right:14px;bottom:13px}
.art-caption{z-index:2;position:absolute;left:15px;bottom:16px;color:#e2f7e8;font-size:.62rem}
.art-caption span{color:var(--mint);margin-right:4px}
.trajectory{position:absolute;inset:0;z-index:1;width:100%;height:100%;fill:var(--mint);overflow:visible;pointer-events:none}
.trajectory path{fill:none;vector-effect:non-scaling-stroke}
.trajectory-line{stroke:#d5ffeab0;stroke-width:1;stroke-dasharray:3 6}
.trajectory-glow{stroke:#c8ffcf;stroke-width:2;stroke-dasharray:11 89}
[data-motion] .trajectory-glow{animation:trace 6s linear infinite}
.trajectory circle{stroke:var(--dark);stroke-width:1.2}
.hero-foot{grid-column:1/-1;min-height:46px;border-top:1px solid var(--line-dark);display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--dim);align-self:end}
.hero-foot b{color:var(--mint)}
.motion-toggle{cursor:pointer;min-height:36px;background:none;border:none;padding:5px 0 5px 8px;color:var(--dim);text-align:right;white-space:nowrap}
.motion-toggle:hover{color:var(--mint)}
.hero-copy>*{animation:hero-enter .7s cubic-bezier(.2,.74,.22,1) both}
.hero-copy h1{animation-delay:.08s}
.hero-copy .hero-lead{animation-delay:.16s}
.hero-copy .hero-actions{animation-delay:.25s}
@keyframes hero-enter{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}
@keyframes sculpture-in{from{transform:scale(1.08);opacity:.4}to{transform:scale(1);opacity:1}}
@keyframes trace{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.ticker{overflow:hidden;background:var(--mint);color:var(--deep);border-block:1px solid #8ee7a8;min-height:44px;display:flex;align-items:center}
.ticker-track{display:flex;width:max-content}
[data-motion] .ticker-track{animation:ticker 37s linear infinite}
.ticker-set{display:flex;flex:none;align-items:center;gap:25px;padding-right:25px;white-space:nowrap;font:700 .71rem/1.1 var(--mono);letter-spacing:.09em}
.ticker-set .icon{font-size:1rem}
@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding-block:clamp(61px,7.8vw,117px)}
.section-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:30px;margin-bottom:clamp(26px,4vw,51px)}
.section-head>p{max-width:455px;padding-bottom:4px;color:var(--muted);font-size:1.04rem}
h2{margin-top:12px;font-size:clamp(3.25rem,6.65vw,6.5rem);line-height:.91;letter-spacing:-.073em}
h2 span{color:var(--leaf)}
.dark h2 span{color:var(--mint)}
.explorer{border:1px solid var(--line);background:#e0eadc}
.route-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}
.route{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;min-height:62px;padding:10px clamp(12px,1.85vw,23px);font-weight:800;font-size:clamp(.86rem,1.25vw,1.03rem);transition:background .25s,color .25s}
.route:not(:last-child){border-right:1px solid var(--line)}
.route:hover{background:#cfe7d3}
.route:focus-visible{outline-offset:-4px}
.route[aria-selected=true]{background:var(--ink);color:var(--white)}
.route[aria-selected=true] .route-number,.route[aria-selected=true]>.icon{color:var(--mint)}
.route-number{font:700 .67rem/1 var(--mono);color:var(--leaf)}
.service-panel{display:grid;grid-template-columns:.89fr 1.11fr;min-height:360px}
.service-panel+.service-panel{border-top:1px solid var(--line)}
.service-visual{position:relative;overflow:hidden;min-height:250px;background:var(--dark);isolation:isolate}
.service-visual img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 50%;filter:saturate(.83)}
.service-panel#formacion .service-visual img{object-position:28% 50%}
.service-visual::after{content:"";inset:0;position:absolute;pointer-events:none;background:linear-gradient(0deg,#071b1799,transparent 42%)}
.visual-index{position:absolute;bottom:8px;left:19px;color:var(--mint);font:740 clamp(3.9rem,7.3vw,7rem)/1 "DM Sans",sans-serif;letter-spacing:-.1em;z-index:1}
.service-copy{padding:clamp(24px,3.2vw,44px);align-self:center}
.service-copy h3,.enterprise-options h3,.steps h3{font-size:clamp(1.75rem,3.2vw,3.1rem);margin:8px 0 13px}
.service-copy>p:not(.eyebrow),.enterprise-options article>p:not(.eyebrow),.steps p{color:var(--muted)}
.checks{list-style:none;padding:0;display:grid;gap:7px;margin:15px 0 18px}
.checks li{display:flex;align-items:flex-start;gap:8px;font-size:.93rem}
.checks .icon{margin-top:.24em;color:var(--leaf);font-size:.95em}
.panel-enter .service-copy,.panel-enter .service-visual img{animation:hero-enter .36s cubic-bezier(.2,.74,.22,1) both}
.panel-enter .service-visual img{animation-name:sculpture-in}
.training{background:#ddeadc;border-block:1px solid var(--line)}
.training-table{border-top:1px solid #91aa96}
.training-row{display:grid;grid-template-columns:.2fr .72fr 1.08fr;gap:15px;align-items:start;padding:clamp(18px,2.8vw,32px) 0;border-bottom:1px solid #91aa96;transition:background .22s}
.training-row:hover{background:#eaf4e7}
.training-no{color:var(--leaf);padding-top:5px}
.training-row h3{font-size:clamp(1.7rem,4vw,3.4rem)}
.training-row p{max-width:610px}
.example{color:var(--muted);font-size:.91rem;margin-top:4px}
.section-link{margin-top:24px}
.enterprise{background:linear-gradient(145deg,#091d19 35%,#123a2e);overflow:hidden}
.enterprise-top{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(22px,5vw,75px);align-items:center}
.enterprise-lead>p:not(.eyebrow){color:#d0e2d7;max-width:440px;margin:20px 0 25px}
.enterprise-figure{padding:10px;border:1px solid #507767}
.enterprise-figure img{aspect-ratio:1.66;object-fit:cover;width:100%;height:auto;background:#17362e}
.enterprise-figure figcaption{font-size:.6rem;margin-top:8px;color:var(--dim)}
.enterprise-options{display:grid;grid-template-columns:1fr 1fr;margin-top:45px;border:1px solid #507767}
.enterprise-options article{padding:clamp(21px,3vw,39px)}
.enterprise-options article+article{border-left:1px solid #507767}
.enterprise-options article>p:not(.eyebrow){color:#d0e2d7;max-width:500px}
.enterprise-options .checks{margin-bottom:0}
.enterprise-options .checks .icon{color:var(--mint)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid var(--line)}
.steps li{position:relative;min-width:0;padding:22px clamp(15px,2.7vw,34px) 25px 0}
.steps li+li{border-left:1px solid var(--line);padding-left:clamp(15px,2.7vw,34px)}
.steps h3{font-size:clamp(1.6rem,2.65vw,2.55rem);line-height:1.02;letter-spacing:-.055em}
.step-number{color:var(--leaf);font:780 clamp(3rem,6.8vw,6rem)/1 "DM Sans",sans-serif;letter-spacing:-.1em}
.about{background:#cfe4d1;border-block:1px solid #a9c7ac}
.about-inner{display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(26px,7vw,110px);align-items:center;max-width:1130px}
.profile{position:relative;border:1px solid #40735c;background:var(--dark);padding:11px;max-width:450px}
.profile-img{display:grid;place-items:center;padding:8%;aspect-ratio:1.1;background-color:#15382e;background-image:linear-gradient(0deg,#afffc63b 1px,transparent 1px),linear-gradient(90deg,#afffc63b 1px,transparent 1px);background-size:32px 32px;border:1px solid #4c806d}
.profile-img img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid var(--mint);filter:saturate(.82)}
.profile figcaption{display:flex;align-items:center;justify-content:space-between;color:var(--mint);gap:7px;padding:9px 4px 0}
.about-copy>p:not(.eyebrow){margin-top:16px;max-width:590px;color:var(--muted)}
.credentials{display:grid;gap:9px;margin:20px 0;border-top:1px solid #92ad95;padding-top:13px}
.credentials div{display:grid;grid-template-columns:112px 1fr;gap:8px}
.credentials dt{color:var(--leaf);font:700 .66rem/1.3 var(--mono);letter-spacing:.045em;padding-top:5px}
.credentials dd{font-size:.92rem;font-weight:700}
.signature{width:min(64%,215px);mix-blend-mode:multiply}
.faq{display:grid;grid-template-columns:.73fr 1.27fr;gap:clamp(23px,6vw,83px)}
.faq-items{border-top:1px solid var(--line)}
.faq-items details{border-bottom:1px solid var(--line)}
.faq-items summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px 0;cursor:pointer;font-weight:780;line-height:1.26}
.faq-items summary::-webkit-details-marker{display:none}
.faq-no{color:var(--leaf)}
.faq-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);color:var(--leaf);transition:background .2s,color .2s}
.faq-icon .icon{transition:transform .23s}
summary:hover .faq-icon,details[open] .faq-icon{background:var(--ink);color:var(--white)}
details[open] .faq-icon .icon{transform:rotate(45deg)}
.answer{padding:0 42px 17px 31px;color:var(--muted)}
details[open] .answer{animation:hero-enter .29s both}
.contact{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 79% 70%,#1d513d 0,transparent 68%),var(--dark);border-bottom:1px solid var(--line-dark)}
.contact-inner{position:relative;padding-block:clamp(60px,8vw,110px)}
.contact-main{position:relative;z-index:1}
.contact-main>p:not(.eyebrow){color:#d2e6d9;margin:18px 0 22px;max-width:420px}
.contact-main .eyebrow{display:flex;align-items:center;gap:8px}
.contact-number{display:block;color:var(--dim);margin-top:13px}
.contact-decoration{position:absolute;right:1%;bottom:-.4em;color:#9af7b9;font:800 clamp(17rem,44vw,42rem)/1 "DM Sans",sans-serif;opacity:.20;pointer-events:none;user-select:none;letter-spacing:-.12em}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:23px}
.footer nav{display:flex;flex-wrap:wrap;gap:12px 25px;font-size:.86rem;font-weight:700}
.footer nav a{display:flex;align-items:center;gap:5px}
.reveal-on .entered{animation:section-enter .64s cubic-bezier(.18,.71,.29,1) both}
@keyframes section-enter{from{opacity:.2;transform:translateY(19px)}to{opacity:1;transform:none}}
[data-motion=paused] .trajectory-glow,[data-motion=paused] .ticker-track{animation-play-state:paused}
[data-motion=paused] .entered,[data-motion=paused] .panel-enter>*,[data-motion=paused] details[open] .answer{animation:none}
@media(max-width:1100px){
  .hero-grid{min-height:520px}
  h1{font-size:clamp(3.65rem,8.7vw,7.2rem)}
  .hero-actions{gap:9px 13px}
}
@media(max-width:850px){
  :root{--gutter:clamp(20px,4vw,38px)}
  .hero-grid{grid-template-columns:1.05fr .95fr;min-height:460px}
  .hero-copy{padding-block:19px 33px}
  h1{font-size:clamp(3.55rem,8.65vw,6.7rem)}
  .hero-art{margin-bottom:20px;aspect-ratio:.88}
  .enterprise-top{grid-template-columns:.9fr 1.1fr}
  .section-head>p{font-size:1rem}
}
@media(max-width:700px){
  :root{--header:65px}
  .header-inner{gap:9px}
  .header-inner:has(.menu-toggle:not([hidden])) .menu-toggle{display:inline-flex}
  .header-inner:has(.menu-toggle:not([hidden])) .nav{display:none}
  .header-inner:has(.menu-toggle[aria-expanded=true]) .nav{display:grid;position:absolute;top:100%;left:0;right:0;padding:13px var(--gutter) 20px;gap:0;background:var(--dark);border-bottom:1px solid var(--line-dark)}
  .nav{gap:9px 13px;flex-wrap:wrap;justify-content:flex-end}
  .header-inner:has(.menu-toggle[aria-expanded=true]) .nav>a{padding:12px 0;border-bottom:1px solid var(--line-dark)}
  .header-inner:has(.menu-toggle[aria-expanded=true]) .nav-contact{margin-top:9px;padding-inline:12px;justify-self:start;border:1px solid #6c9483}
  .brand-mark{width:34px;height:34px}
  .brand-mark svg{width:26px;height:26px}
  .brand{gap:7px;font-size:1rem}
  .hero-grid{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:0}
  .hero-copy{padding:32px 0 22px}
  .hero-eyebrow{font-size:.61rem}
  h1{font-size:clamp(3.53rem,11.7vw,6rem);margin:17px 0}
  .hero-lead{max-width:460px}
  .hero-actions{margin-top:20px}
  .hero-art{margin-bottom:14px;aspect-ratio:1.4}
  .hero-art img{object-position:50% 53%}
  .hero-foot{min-height:39px}
  .hero-foot .mono{font-size:.57rem;letter-spacing:.035em}
  .ticker{min-height:38px}
  .ticker-set{font-size:.62rem;gap:16px;padding-right:16px}
  .section-head{grid-template-columns:1fr;gap:13px}
  .route-list{grid-template-columns:1fr}
  .route{min-height:44px;padding:9px 13px}
  .route:not(:last-child){border-right:none;border-bottom:1px solid var(--line)}
  .service-panel{grid-template-columns:1fr;min-height:0}
  .service-visual{min-height:0;aspect-ratio:1.95}
  .service-copy{padding:19px 16px 22px}
  .training-row{grid-template-columns:40px 1fr;gap:7px 8px}
  .training-row>div{grid-column:2}
  .training-row p{font-size:.95rem}
  .training-row .example{font-size:.85rem}
  .enterprise-top,.about-inner,.faq{grid-template-columns:1fr}
  .enterprise-options{margin-top:23px;grid-template-columns:1fr}
  .enterprise-options article+article{border-left:none;border-top:1px solid #507767}
  .steps{grid-template-columns:1fr}
  .steps li,.steps li+li{display:grid;grid-template-columns:49px 1fr;gap:0 12px;padding:17px 0 18px;border-left:0}
  .steps li+li{border-top:1px solid var(--line)}
  .steps h3{margin-top:3px;margin-bottom:5px}
  .steps p{grid-column:2}
  .profile{width:min(100%,360px)}
  .about-inner{gap:24px}
  .faq{gap:24px}
  .footer-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:365px){
  :root{--gutter:16px}
  h1{font-size:3.25rem}
  h1 span+span{font-size:.79em}
  .hero-eyebrow{font-size:.56rem}
  .hero-actions .action{font-size:.81rem}
  .hero-foot .mono{font-size:.5rem}
  .contact-decoration{right:12%}
  .faq-items summary{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
