.company-page{--company-line:rgb(4 84 62/.25)}
html:has(.company-page){scroll-behavior:smooth;scroll-padding-top:24px}
.company-page :where(section[id]){scroll-margin-top:68px}
.company-hero{background:var(--green);color:var(--cream);padding-block:70px 66px}
.company-hero h1{font-size:clamp(60px,8.7vw,118px);line-height:.98;letter-spacing:-.045em;margin-block:30px 40px;font-weight:400}
.company-hero h1 strong{color:var(--peach);font-weight:800}
.company-hero-bottom{display:grid;grid-template-columns:1.08fr 1fr;gap:74px;align-items:start;border-top:1px solid rgb(242 227 197/.3);padding-top:28px}
.company-hero-bottom>p{font-size:27px;line-height:1.35;max-width:24ch}
.company-hero-bottom>div>p{font-size:18px;line-height:1.6;max-width:42ch;margin-bottom:24px}
.company-page .coaching-button{font-size:17px;min-height:54px}
.company-index{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 26px;padding-block:18px;border-bottom:1px solid var(--company-line)}
.company-index a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:17px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:8px;transition:text-decoration-color 150ms}
.company-index a:hover,.company-index a:focus-visible{text-decoration-color:var(--red)}
.company-service,.company-followup,.company-contact{display:grid;grid-template-columns:1fr 1fr;gap:74px;padding-block:88px}
.company-page h2{font-size:clamp(32px,3.8vw,52px);max-width:23ch}
.company-page h2 em{color:var(--red)}
.company-page .coaches-eyebrow+h2{margin-top:20px}
.company-service-copy>p{font-size:20px;line-height:1.6}
.company-service-copy>p+p{margin-top:20px}
.company-service-copy .company-service-note{font:17px/1.6 Helvetica,Arial,sans-serif;padding-top:22px;border-top:1px solid var(--company-line);margin-top:28px}
.company-formats{padding-block:74px;background:var(--peach)}
.company-section-heading{margin-bottom:40px}.company-section-heading>p:last-child:not(.coaches-eyebrow){max-width:48ch;font-size:19px;line-height:1.6;margin-top:24px}
.company-format{border-top:1px solid var(--company-line)}.company-format:last-child{border-bottom:1px solid var(--company-line)}
.company-format summary{display:grid;grid-template-columns:65px 1fr 32px;gap:24px;align-items:start;cursor:pointer;padding-block:28px;list-style:none}
.company-format summary::-webkit-details-marker{display:none}.company-format summary::marker{content:''}
.company-format-number{font-size:28px;color:var(--red);line-height:1.25}
.company-format h3{font-size:clamp(25px,2.8vw,38px);line-height:1.15;margin:0 0 12px;letter-spacing:-.025em}
.company-format summary p{font-size:18px;line-height:1.6;max-width:48ch}
.company-plus{position:relative;width:28px;height:28px;margin-top:3px;border:1px solid var(--green);border-radius:50%;transition:background 150ms}
.company-plus::before,.company-plus::after{content:'';position:absolute;background:var(--green);width:12px;height:1px;left:7px;top:12px}
.company-plus::after{transform:rotate(90deg);transition:transform 200ms cubic-bezier(.2,0,0,1)}
.company-format[open] .company-plus::after{transform:rotate(0)}
.company-format summary:hover .company-plus{background:rgb(4 84 62/.08)}
.company-format-body{display:grid;grid-template-columns:1fr 1fr;gap:18px 46px;margin-left:89px;padding:0 56px 32px 0}
.company-format-body>p{font-size:18px;line-height:1.65}.company-format-body ul{margin:0;padding-left:20px;font:16px/1.7 Helvetica,Arial,sans-serif}.company-format-body li+li{margin-top:7px}
.company-format-body>a{grid-column:1/-1;justify-self:start}
.company-modalities{padding-block:88px}.company-modality-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.company-modality-grid article{padding:34px;background:var(--peach);border-radius:16px 16px 48px 16px}
.company-modality-grid article>svg{width:56px;height:56px;margin-bottom:22px}.company-modality-grid h3{font-size:34px;margin:0 0 20px;line-height:1.1}
.company-modality-grid article>p{font-size:20px;max-width:32ch;line-height:1.5}.company-modality-grid ul{font:17px/1.7 Helvetica,Arial,sans-serif;padding-left:20px;margin-block:24px}
.company-modality-grid .company-modality-note{font:15px/1.6 Helvetica,Arial,sans-serif;border-top:1px solid var(--company-line);padding-top:18px;max-width:none}
.company-implementation{padding-block:72px;background:var(--red);color:#fff}.company-implementation h2{max-width:28ch}
.company-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.company-steps>li{position:relative;padding-top:20px}.company-steps>li::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:rgb(255 255 255/.55);transform-origin:left}.company-steps>li>span{font-size:32px;color:var(--cream)}
.company-steps h3{font-size:25px;line-height:1.2;margin:24px 0 15px}.company-steps p{font-size:17px;line-height:1.6}
.company-steps ul{list-style:disc;margin:8px 0 0;padding-left:18px;font-size:17px;line-height:1.5}
@media(max-width:1149px){.company-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.company-followup>div>p:not(.coaches-eyebrow){font-size:20px;line-height:1.6;max-width:40ch;margin-top:24px}
.company-followup-copy{padding-top:36px}.company-followup-copy .company-followup-statement{font-size:26px;line-height:1.35;margin:0 0 24px}
.company-followup-copy ul{padding-left:20px;font:17px/1.7 Helvetica,Arial,sans-serif;margin-top:24px}.company-followup-copy li+li{margin-top:10px}
.company-objectives{background:var(--green);color:var(--cream);padding-block:72px}.company-objectives h2{max-width:29ch}
.company-objective-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin-top:38px}.company-objective-list p{position:relative;padding-block:18px;font-size:23px;line-height:1.4}
.company-contact>div>p:not(.coaches-eyebrow){font-size:20px;line-height:1.6;margin-top:26px;max-width:40ch}
.company-contacts{align-self:center}.company-contacts article{display:flex;align-items:start;gap:20px;padding-block:26px;border-top:1px solid var(--company-line)}
.company-contacts img{width:80px;height:80px;object-fit:cover;object-position:50% 30%;border-radius:50%;flex:none}
.company-contacts h3{font-size:26px;margin:0 0 12px;line-height:1.15}.company-contacts p{font:16px/1.5 Helvetica,Arial,sans-serif}
.company-contacts .coaching-text-link{margin-top:12px;font-size:17px}.company-profile-link{display:flex;align-items:center;width:fit-content;font:16px/1.5 Helvetica,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.company-page :where(a,summary):focus-visible{outline:3px solid var(--green);outline-offset:5px}
.company-hero a:focus-visible{outline-color:var(--cream)}
@media(max-width:1000px){.company-hero-bottom{gap:38px}.company-service,.company-followup,.company-contact{grid-template-columns:1fr;gap:30px}.company-followup-copy{padding-top:0}.company-steps{grid-template-columns:1fr 1fr;gap:30px}.company-format-body{gap:24px;margin-left:70px;padding-right:0}.company-format summary{grid-template-columns:46px 1fr 30px;gap:24px}.company-modalities{padding-block:64px}}
@media(max-width:650px){.company-hero{padding-block:42px}.company-hero h1{font-size:clamp(47px,10.8vw,70px);margin-block:26px 32px}.company-hero-bottom{grid-template-columns:1fr;gap:24px}.company-hero-bottom>p{font-size:24px;max-width:none}.company-hero-bottom>div>p{font-size:18px}.company-index{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.company-index a{font-size:16px}.company-service,.company-followup,.company-contact{padding-block:52px}.company-formats,.company-implementation,.company-objectives{padding-block:48px}.company-page h2{font-size:34px}.company-format summary{grid-template-columns:28px 1fr 26px;gap:12px;padding-block:24px}.company-format-number{font-size:21px}.company-format h3{font-size:27px}.company-format summary p{font-size:16px}.company-format-body{grid-template-columns:1fr;margin-left:40px;padding-bottom:26px}.company-format-body>p{font-size:17px}.company-modality-grid{grid-template-columns:1fr;gap:22px}.company-modality-grid article{padding:26px}.company-modalities{padding-block:52px}.company-steps{grid-template-columns:1fr;gap:26px}.company-steps h3{margin-top:14px}.company-objective-list{grid-template-columns:1fr;margin-top:28px}.company-objective-list p{font-size:22px}.company-contacts article{gap:16px}.company-contacts img{width:62px;height:62px}.company-contacts h3{font-size:23px}}
@media(max-width:360px){.company-page h2{font-size:30px}.company-hero h1{font-size:38px}.company-format summary{grid-template-columns:28px 1fr 24px;gap:10px}.company-plus{width:24px;height:24px}.company-plus::before,.company-plus::after{left:5px;top:10px}.company-format-body{margin-left:38px}.company-contacts article{display:block}.company-contacts img{margin-bottom:16px}}
/* Repaso UX/UI 31/10/2026: movimiento propio inspirado en Skiper UI, sin dependencias. */
.company-page{--company-ease:cubic-bezier(.16,1,.3,1)}
.company-page h2{text-wrap:balance}.company-page :where(section p){text-wrap:pretty}
.company-line{display:block;overflow:hidden;padding-block:.08em .16em;margin-block:-.08em -.16em}.company-line>span{display:block;transition:transform .9s var(--company-ease)}
.company-hero .company-line>span{animation:company-line-up 1s var(--company-ease) both}.company-hero .company-line+.company-line>span{animation-delay:.1s}
.company-hero .coaches-eyebrow,.company-hero-bottom>*{animation:company-rise .8s var(--company-ease) both}.company-hero-bottom>*{animation-delay:.3s}.company-hero-bottom>div{animation-delay:.38s}
@keyframes company-line-up{from{transform:translateY(105%)}}
@keyframes company-rise{from{opacity:0;transform:translateY(16px)}}
.company-objective-list p::before{content:'';position:absolute;inset:0 0 auto;height:1px;background:rgb(242 227 197/.3);transform-origin:left}
.company-reveal-lines:not(.is-in) .company-line>span{transform:translateY(105%)}
.company-reveal-rise,.company-reveal-card{transition:opacity .7s var(--company-ease),transform .7s var(--company-ease);transition-delay:calc(var(--i,0)*70ms)}
.company-reveal-rise:not(.is-in),.company-reveal-card:not(.is-in){opacity:0;transform:translateY(20px)}
.company-reveal-card>svg *{stroke-dasharray:1;transition:stroke-dashoffset 1.1s var(--company-ease) .2s}.company-reveal-card:not(.is-in)>svg *{stroke-dashoffset:1}
.company-reveal-rule::before{transition:transform .9s var(--company-ease);transition-delay:calc(var(--i,0)*80ms)}.company-reveal-rule:not(.is-in)::before{transform:scaleX(0)}
.company-steps>.company-reveal-rule>*{transition:opacity .7s var(--company-ease),transform .7s var(--company-ease);transition-delay:calc(var(--i,0)*80ms + 80ms)}
.company-steps>.company-reveal-rule:not(.is-in)>*{opacity:0;transform:translateY(16px)}
.company-objective-list .company-reveal-rule{transition:color .7s ease;transition-delay:calc(var(--i,0)*80ms + 80ms)}.company-objective-list .company-reveal-rule:not(.is-in){color:transparent}
.company-format-list{interpolate-size:allow-keywords}
.company-format::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .5s var(--company-ease),opacity .35s ease,content-visibility .5s allow-discrete}
.company-format[open]::details-content{block-size:auto;opacity:1}
.company-format-number,.company-format summary>div{transition:transform .35s var(--company-ease)}
.company-plus{transition:background .2s,transform .45s var(--company-ease)}.company-format[open] .company-plus{transform:rotate(180deg)}
.company-plus::before,.company-plus::after{transition:transform .3s var(--company-ease),background .2s}
@media(hover:hover) and (pointer:fine){.company-format summary:hover>div,.company-format summary:hover .company-format-number{transform:translateX(6px)}.company-format summary:hover .company-plus{background:var(--green)}.company-format summary:hover .company-plus::before,.company-format summary:hover .company-plus::after{background:var(--cream)}}
.company-index a:last-of-type{position:relative;isolation:isolate;overflow:hidden;padding-inline:18px;background:var(--green);color:var(--cream);text-decoration:none}
.company-index a:last-of-type::before{content:'';position:absolute;z-index:-1;inset:0;background:var(--red);transform:translateX(-101%);transition:transform .4s var(--company-ease)}
.company-index a:last-of-type>svg{transition:transform .3s var(--company-ease)}
.company-index a:last-of-type:focus-visible::before{transform:none}
@media(hover:hover) and (pointer:fine){.company-index a:last-of-type:hover::before{transform:none}.company-index a:last-of-type:hover>svg{transform:translate(2px,-2px)}}
.company-index-ink{display:none}
@media(min-width:651px){.company-page main{overflow-x:clip}.company-index{position:sticky;top:0;z-index:20;isolation:isolate;padding-block:10px;border-bottom:0}.company-index::before{content:'';position:absolute;z-index:-1;inset:0 -100vmax;background:var(--cream);border-bottom:1px solid var(--company-line)}
.company-index-ink{display:block;position:absolute;left:0;bottom:10px;width:1px;height:2px;background:var(--red);transform-origin:left;opacity:0;transition:transform .5s var(--company-ease),opacity .2s}.company-index-ink.is-on{opacity:1}
.company-index a[aria-current]:not(:last-of-type){color:var(--red)}}
@media(max-width:650px){.company-index a:last-of-type{grid-column:1/-1;justify-content:space-between}.company-page :where(section[id]){scroll-margin-top:0}.company-reveal-rise,.company-reveal-card,.company-reveal-rule::before,.company-steps>.company-reveal-rule>*,.company-objective-list .company-reveal-rule{transition-delay:0ms}}
@media print{.company-reveal,.company-reveal *{opacity:1!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){html:has(.company-page){scroll-behavior:auto}.company-page *,.company-page *::before,.company-page *::after,.company-page ::details-content{animation:none!important;transition:none!important}}
