/* ==== AYER-V1/css/editorial.css ==== */
.portada{background:var(--forest);color:var(--cream);padding:calc(var(--navbar-height) + clamp(48px,9vh,110px)) var(--pad-x) clamp(56px,9vh,110px);position:relative;}
.portada__grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,0.88fr);gap:clamp(36px,5vw,72px);align-items:center;}
.portada__title{font-family:var(--font-display);font-weight:430;font-variation-settings:"opsz" 144,"SOFT" 50;font-size:clamp(42px,6vw,88px);line-height:1.02;letter-spacing:-0.02em;color:var(--cream);text-wrap:balance;}
.portada__title em{font-style:italic;color:var(--lime);}
.portada__sub{margin-top:24px;font-size:clamp(16px,1.3vw,19px);line-height:1.6;letter-spacing:-0.3px;color:color-mix(in oklab,var(--cream) 78%,transparent);max-width:52ch;}
.portada__acciones{margin-top:36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.portada__alt{font-size:15px;color:color-mix(in oklab,var(--cream) 72%,transparent);border-bottom:1px solid color-mix(in oklab,var(--lime) 55%,transparent);padding-bottom:2px;transition:color .2s ease;}
.portada__alt:hover{color:var(--cream);}
@keyframes burbujaIn{to{opacity:1;transform:translateY(0);}}
@media (max-width:960px){
.portada__grid{grid-template-columns:1fr;}
}
/* ==== AYER-V3/css/editorial.css ==== */
body:not(.inner-page):has(.portada) .navbar{transform:none;background:color-mix(in oklab,var(--cream) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:none;}
body:not(.inner-page):has(.portada) .navbar__logo{opacity:1;pointer-events:auto;}
body:not(.inner-page):has(.portada) .navbar__burger{color:var(--forest);}
.marco{position:relative;border-radius:clamp(18px,2vw,28px);overflow:hidden;height:min(78vh,760px);box-shadow:0 30px 80px color-mix(in oklab,var(--forest) 22%,transparent);}
.marco .hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.marco::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(10,30,22,.62) 0%,rgba(10,30,22,.12) 45%,rgba(10,30,22,.05) 100%);pointer-events:none;}
.marco__statement{position:absolute;left:0;right:0;bottom:clamp(24px,5vh,52px);z-index:2;text-align:center;padding:0 clamp(16px,4vw,48px);}
.rodeado{position:relative;display:inline-block;white-space:nowrap;}
.rodeado svg:not(.destello){position:absolute;inset:-16% -7% -20% -7%;width:114%;height:136%;overflow:visible;pointer-events:none;}
.rodeado path{fill:none;stroke:var(--lime);stroke-width:4.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:trazo 1.1s cubic-bezier(.65,0,.35,1) 1s forwards;}
.destello{position:absolute;width:34px;height:34px;color:var(--lime);animation:aparece .4s ease 2s both;}
.destello--hero{top:-26px;right:-42px;}
.destello path{fill:currentColor;stroke:none;animation:none;}
@keyframes trazo{to{stroke-dashoffset:0;}}
@keyframes aparece{from{opacity:0;transform:scale(.4) rotate(-30deg);}to{opacity:1;transform:scale(1) rotate(0);}}
.marco .hero-video-toggle{position:absolute;bottom:14px;right:14px;z-index:3;}
.btn-pill{display:inline-flex;align-items:center;gap:10px;background:var(--forest);color:var(--cream);font-family:var(--font-body);font-weight:600;font-size:16px;padding:16px 32px;border-radius:var(--radius-pill);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;}
.btn-pill:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 12px 28px color-mix(in oklab,var(--forest) 30%,transparent);}
.btn-pill:active{transform:translateY(0);}
.btn-pill:focus-visible{outline:2px solid var(--lime);outline-offset:4px;}
.grito{background:var(--cream);padding:clamp(70px,10vw,140px) 0 clamp(56px,8vw,110px);overflow:hidden;position:relative;}
.grito__lineas{font-family:var(--font-body);font-weight:800;text-transform:lowercase;letter-spacing:-0.03em;line-height:.98;color:var(--forest);text-align:center;}
.grito__l1{display:block;font-size:clamp(44px,7.6vw,116px);transform:rotate(-1.6deg);}
.grito__l2{display:block;font-size:clamp(44px,7.6vw,116px);transform:rotate(1deg) translateX(2%);margin-top:6px;}
.grito__l2 .cursiva{font-family:var(--font-display);font-style:italic;font-weight:500;}
.grito__flecha{display:block;width:clamp(90px,12vw,170px);margin:0 auto 6px;color:var(--forest);transform:rotate(6deg);}
.grito__flecha path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.grito__sticker{position:absolute;left:clamp(4%,10vw,16%);top:34%;width:56px;height:56px;color:var(--lime);filter:drop-shadow(0 4px 10px color-mix(in oklab,var(--forest) 25%,transparent));transform:rotate(-14deg);}
.grito__parrafo{margin:clamp(36px,5vw,56px) auto 0;max-width:52ch;padding:0 var(--pad-x);text-align:center;font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:color-mix(in oklab,var(--forest) 78%,transparent);}
.grito__parrafo em{font-family:var(--font-display);font-style:italic;}
.charla-seccion{background:var(--cream);padding:clamp(64px,9vw,120px) var(--pad-x);}
.charla-seccion__inner{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);gap:clamp(40px,6vw,90px);align-items:center;}
.charla-seccion__title{font-family:var(--font-body);font-weight:800;text-transform:lowercase;font-size:clamp(38px,4.6vw,66px);line-height:1.02;letter-spacing:-0.03em;color:var(--forest);}
.charla-seccion__title .cursiva{font-family:var(--font-display);font-style:italic;font-weight:500;text-transform:none;}
.charla-seccion__sub{margin-top:20px;font-size:clamp(16px,1.25vw,18.5px);line-height:1.6;letter-spacing:-0.3px;color:color-mix(in oklab,var(--forest) 74%,transparent);max-width:44ch;}
.pegatinas{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap;}
.pegatinas span{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--forest);border:1.5px solid color-mix(in oklab,var(--forest) 35%,transparent);border-radius:var(--radius-pill);padding:7px 14px;background:#fff;}
.pegatinas span:nth-child(odd){transform:rotate(-2deg);}
.pegatinas span:nth-child(even){transform:rotate(1.5deg);background:color-mix(in oklab,var(--lime) 45%,white);border-color:transparent;}
.charla-seccion .btn-pill{margin-top:30px;}
.figura{position:relative;transform:rotate(-2.4deg);}
.figura:hover{transform:rotate(-1.2deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.charla{position:relative;background:#FDFCF9;border:1px solid color-mix(in oklab,var(--forest) 14%,transparent);border-radius:18px;padding:18px 18px 14px;box-shadow:0 24px 60px color-mix(in oklab,var(--forest) 16%,transparent);}
.charla__badge{position:absolute;top:-14px;left:30px;background:var(--lime);color:var(--forest);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:7px 14px;border-radius:3px;transform:rotate(-3deg);box-shadow:0 3px 8px color-mix(in oklab,var(--forest) 18%,transparent);}
.charla__hdr{display:flex;align-items:center;gap:12px;padding:6px 4px 14px;border-bottom:1px solid color-mix(in oklab,var(--forest) 12%,transparent);}
.charla__avatar{display:block;width:44px;height:44px;border-radius:50%;overflow:hidden;background:color-mix(in oklab,var(--sage) 35%,var(--cream));flex-shrink:0;}
.charla__avatar-img{display:block;width:44px;height:44px;object-fit:cover;object-position:center top;transform:scale(2.1) translate(-3%,-32%);transform-origin:center top;}
.charla__nombre{display:block;font-weight:600;font-size:15px;color:var(--forest);line-height:1.2;}
.charla__estado{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#1FA855;}
.charla__punto{width:7px;height:7px;border-radius:50%;background:#25D366;box-shadow:0 0 6px rgba(37,211,102,.8);}
.charla__cuerpo{padding:16px 4px 4px;display:flex;flex-direction:column;gap:10px;}
.burbuja{max-width:84%;padding:10px 14px 8px;border-radius:14px;font-size:14.5px;line-height:1.5;margin:0;}
.burbuja--cliente{align-self:flex-end;background:color-mix(in oklab,var(--lime) 36%,white);color:var(--forest);border-bottom-right-radius:5px;}
.burbuja--calajan{align-self:flex-start;background:#fff;border:1px solid color-mix(in oklab,var(--forest) 10%,transparent);color:#20312A;border-bottom-left-radius:5px;}
.burbuja time{display:block;margin-top:3px;font-family:var(--font-mono);font-size:9.5px;color:color-mix(in oklab,var(--forest) 42%,transparent);text-align:right;}
.figura.visible .burbuja{opacity:0;transform:translateY(8px);animation:burbujaIn .45s cubic-bezier(.23,1,.32,1) both;}
.figura.visible .burbuja:nth-child(1){animation-delay:.2s;}
.figura.visible .burbuja:nth-child(2){animation-delay:1s;}
.figura.visible .burbuja:nth-child(3){animation-delay:1.9s;}
.figura.visible .burbuja:nth-child(4){animation-delay:2.7s;}
.figura.visible .charla__pie{opacity:0;animation:burbujaIn .45s ease 3.5s both;}
@keyframes burbujaIn{to{opacity:1;transform:translateY(0);}}
.charla__pie{margin:12px 4px 0;padding:11px 4px 2px;border-top:1px dashed color-mix(in oklab,var(--forest) 18%,transparent);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--moss);}
.interludio{background:var(--cream);padding:clamp(64px,9vw,110px) var(--pad-x);text-align:center;}
.interludio p{font-family:var(--font-body);font-weight:800;text-transform:lowercase;font-size:clamp(28px,4vw,52px);line-height:1.3;letter-spacing:-0.02em;color:var(--forest);max-width:24ch;margin:0 auto;text-wrap:balance;}
.interludio mark{background:var(--lime);color:var(--forest);padding:2px 18px 4px;border-radius:var(--radius-pill);box-decoration-break:clone;-webkit-box-decoration-break:clone;}
@media (max-width:960px){
.charla-seccion__inner{grid-template-columns:1fr;}
.figura{max-width:430px;margin:0 auto;}
.marco{height:min(66vh,560px);}
.grito__sticker{display:none;}
}
@media (prefers-reduced-motion:reduce){
.figura.visible .burbuja, .figura.visible .charla__pie{animation:none;opacity:1;transform:none;}
.rodeado path{animation:none;stroke-dashoffset:0;}
.destello{animation:none;opacity:1;}
.btn-pill{transition:none;}
.btn-pill:hover{transform:none;}
.figura, .figura:hover{transform:none;}
}
.marco__statement{animation:subeHero .85s cubic-bezier(.23,1,.32,1) .15s both;}
@keyframes subeHero{from{opacity:0;transform:translateY(36px);}to{opacity:1;transform:translateY(0);}}
.grito__lineas .grito__l1, .grito__lineas .grito__l2{opacity:0;}
.grito__lineas.visible .grito__l1{animation:gritoL1 .7s cubic-bezier(.23,1,.32,1) .05s both;}
.grito__lineas.visible .grito__l2{animation:gritoL2 .7s cubic-bezier(.23,1,.32,1) .2s both;}
@keyframes gritoL1{from{opacity:0;transform:rotate(-1.6deg) translateX(-9%);}to{opacity:1;transform:rotate(-1.6deg) translateX(0);}}
@keyframes gritoL2{from{opacity:0;transform:rotate(1deg) translateX(11%);}to{opacity:1;transform:rotate(1deg) translateX(2%);}}
.grito__flecha path{stroke-dasharray:1;stroke-dashoffset:1;}
.grito__lineas.visible .grito__flecha path{animation:trazo 1s cubic-bezier(.65,0,.35,1) .55s forwards;}
.cinta-marquee{background:var(--lime);overflow:hidden;padding:13px 0;transform:rotate(-1.2deg) scale(1.03);margin:clamp(26px,4vw,54px) 0 clamp(8px,1vw,16px);box-shadow:0 8px 24px color-mix(in oklab,var(--forest) 14%,transparent);}
.cinta-marquee__track{display:flex;white-space:nowrap;width:max-content;animation:cintaScroll 26s linear infinite;}
.cinta-marquee__track span{font-family:var(--font-mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--forest);padding-right:14px;}
@keyframes cintaScroll{to{transform:translateX(-50%);}}
main h2{font-family:var(--font-body);font-weight:800;text-transform:lowercase;letter-spacing:-0.03em;}
main h2 em{font-family:var(--font-display);font-style:italic;font-weight:500;text-transform:none;letter-spacing:-0.01em;}
.about__title-sub{font-family:var(--font-display);font-style:italic;font-weight:500;text-transform:none;}
main .section-label{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--forest);background:var(--lime);padding:7px 14px;border-radius:3px;transform:rotate(-2deg);box-shadow:0 3px 8px color-mix(in oklab,var(--forest) 15%,transparent);margin-bottom:18px;}
main .section-label::before{display:none;}
main .section-label--light{background:var(--lime);color:var(--forest);}
.pain-card{background:#fff;border:1.5px solid color-mix(in oklab,var(--forest) 12%,transparent);border-radius:16px;box-shadow:0 16px 38px color-mix(in oklab,var(--forest) 10%,transparent);}
.pain-card.visible:nth-child(odd){transform:rotate(-1.5deg);}
.pain-card.visible:nth-child(even){transform:rotate(1.2deg);}
.pain-card.visible:hover{transform:rotate(0deg) translateY(-6px);}
.pain-card__icon{color:var(--forest);}
.pain-card__title{font-weight:700;letter-spacing:-0.01em;}
.service-card{background:#fff;border:1.5px solid color-mix(in oklab,var(--forest) 12%,transparent);border-radius:18px;box-shadow:0 18px 44px color-mix(in oklab,var(--forest) 10%,transparent);}
.service-card.visible:nth-child(odd){transform:rotate(-.7deg);}
.service-card.visible:nth-child(even){transform:rotate(.7deg);}
.service-card.visible:hover{transform:rotate(0deg) translateY(-8px);}
.service-card h3{font-weight:800;text-transform:lowercase;letter-spacing:-0.02em;}
.service-card__tagline{font-family:var(--font-display);font-style:italic;font-weight:500;}
.service-card .badge{transform:rotate(2deg);border-radius:3px;}
.diff-item{background:#fff;border:1.5px solid color-mix(in oklab,var(--forest) 12%,transparent);border-radius:16px;padding:20px 22px;box-shadow:0 12px 30px color-mix(in oklab,var(--forest) 8%,transparent);transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.diff-item.visible:nth-child(odd){transform:rotate(-1deg);}
.diff-item.visible:nth-child(even){transform:rotate(.8deg);}
.diff-item.visible:hover{transform:rotate(0deg) translateY(-4px);}
.about-founder{position:relative;background:#fff;padding:12px 12px 18px;border-radius:8px;box-shadow:0 24px 60px color-mix(in oklab,var(--forest) 20%,transparent);transform:rotate(-2.6deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.about-founder:hover{transform:rotate(-1deg);}
.about-founder__photo{border-radius:4px;display:block;}
.cinta-foto{position:absolute;top:-14px;left:50%;width:120px;height:28px;background:color-mix(in oklab,var(--lime) 80%,white);transform:translateX(-50%) rotate(-4deg);opacity:.9;border-radius:2px;box-shadow:0 2px 6px color-mix(in oklab,var(--forest) 15%,transparent);z-index:2;}
.cta-final h2{font-size:clamp(46px,7vw,110px);line-height:1;}
@media (prefers-reduced-motion:reduce){
.marco__statement{animation:none;}
.grito__lineas .grito__l1, .grito__lineas .grito__l2{opacity:1;animation:none;}
.grito__flecha path{stroke-dashoffset:0;animation:none !important;}
.cinta-marquee__track{animation:none;}
.pain-card.visible, .service-card.visible, .diff-item.visible, .about-founder{transform:none;}
}
.interludio{background:var(--lime);}
.interludio p{color:var(--forest);}
.interludio mark{background:var(--forest);color:var(--lime);}
.navbar__symbol circle:last-child, .footer__symbol circle:last-child{transform-origin:center;transform-box:fill-box;animation:guino 7s ease-in-out 3s infinite;}
@keyframes guino{0%,90%,100%{transform:scale(1);}93%{transform:scale(.25);}96%{transform:scale(1.15);}}
.cta-final{position:relative;overflow:hidden;}
.calajan-peek{position:absolute;right:clamp(8px,6vw,90px);bottom:-38px;width:clamp(150px,16vw,240px);height:auto;z-index:1;transform:rotate(4deg);animation:asoma 1s cubic-bezier(.34,1.56,.64,1) both;animation-timeline:view();animation-range:entry 20% entry 60%;filter:drop-shadow(0 10px 30px rgba(0,0,0,.35));pointer-events:none;}
@supports not (animation-timeline: view()){
.calajan-peek{animation:flota 5s ease-in-out infinite;}
}
@keyframes asoma{from{transform:translateY(70%) rotate(10deg);}to{transform:translateY(0) rotate(4deg);}}
@keyframes flota{0%,100%{transform:translateY(0) rotate(4deg);}50%{transform:translateY(-10px) rotate(3deg);}}
@media (max-width:900px){
.calajan-peek{width:120px;right:6px;bottom:-24px;}
}
.pegatinas span{transition:transform .25s cubic-bezier(.34,1.56,.64,1);}
.pegatinas span:hover{transform:rotate(0deg) scale(1.08);}
@media (prefers-reduced-motion:reduce){
.navbar__symbol circle:last-child, .footer__symbol circle:last-child{animation:none;}
.calajan-peek{animation:none;transform:rotate(4deg);}
}
/* ==== WEB/css/editorial.css ==== */
@keyframes latido{50%{opacity:.5;}}
@keyframes burbujaIn{to{opacity:1;transform:translateY(0);}}
.hitos{list-style:none;margin:clamp(34px,5vw,52px) 0 0;padding:0;position:relative;}
.hitos::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:color-mix(in oklab,var(--lime) 30%,transparent);transform:scaleY(0);transform-origin:top;transition:transform 1.4s cubic-bezier(.65,0,.35,1) .2s;}
.hitos.visible::before{transform:scaleY(1);}
.hitos li{position:relative;padding:0 0 30px 40px;opacity:0;transform:translateX(14px);transition:opacity .5s ease,transform .5s cubic-bezier(.23,1,.32,1);}
.hitos.visible li{opacity:1;transform:none;}
.hitos.visible li:nth-child(1){transition-delay:.3s;}
.hitos.visible li:nth-child(2){transition-delay:.7s;}
.hitos.visible li:nth-child(3){transition-delay:1.1s;}
.hitos li::before{content:'';position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px color-mix(in oklab,var(--lime) 60%,transparent);}
.hitos time{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--lime);display:block;margin-bottom:4px;}
.hitos strong{display:block;font-size:clamp(18px,1.8vw,24px);font-weight:700;color:var(--cream);letter-spacing:-0.01em;}
.hitos p{margin-top:4px;font-size:15px;line-height:1.55;color:color-mix(in oklab,var(--cream) 70%,transparent);max-width:52ch;}
@keyframes trazo{to{stroke-dashoffset:0;}}
@keyframes cintaScroll{to{transform:translateX(-50%);}}
.about__title-sub{font-family:var(--font-display);font-style:italic;font-weight:500;text-transform:none;}
.about-founder{position:relative;background:#fff;padding:12px 12px 18px;border-radius:8px;box-shadow:0 24px 60px color-mix(in oklab,var(--forest) 20%,transparent);transform:rotate(-2.6deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.about-founder:hover{transform:rotate(-1deg);}
.about-founder__photo{border-radius:4px;display:block;}
@keyframes guino{0%,90%,100%{transform:scale(1);}93%{transform:scale(.25);}96%{transform:scale(1.15);}}
@keyframes asoma{from{transform:translateY(70%) rotate(10deg);}to{transform:translateY(0) rotate(4deg);}}
@keyframes flota{0%,100%{transform:translateY(0) rotate(4deg);}50%{transform:translateY(-10px) rotate(3deg);}}
@keyframes fondoBeats{0%{background:var(--cream);}25%{background:var(--forest);}50%{background:var(--lime);}75%{background:var(--forest);}100%{background:var(--forest);}}
@keyframes veloCirculo{to{clip-path:circle(0% at 50% 50%);visibility:hidden;}}
@keyframes palabra{0%{opacity:0;transform:scale(.9) translateY(12px);}14%{opacity:1;transform:scale(1) translateY(0);}86%{opacity:1;transform:scale(1.015);}100%{opacity:0;transform:scale(1.03);}}
@keyframes selloEntra{from{opacity:0;transform:scale(.5) rotate(-20deg);}to{opacity:1;transform:scale(1) rotate(0);}}
@keyframes introSube{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@keyframes titila{0%,100%{opacity:.15;transform:scale(.8);}50%{opacity:.8;transform:scale(1.15);}}
.camino{position:relative;background:var(--cream);padding:clamp(70px,10vw,140px) var(--pad-x);overflow:hidden;}
.camino__senda{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.camino__inner{position:relative;max-width:1000px;margin:0 auto;}
.camino h2{text-align:center;font-size:clamp(36px,4.6vw,64px);line-height:1.02;}
.camino .section-label{display:table;margin:0 auto 18px;}
.camino__intro{text-align:center;margin:14px auto 0;max-width:46ch;font-size:clamp(15.5px,1.25vw,18px);line-height:1.6;color:color-mix(in oklab,var(--forest) 74%,transparent);}
.camino__pasos{list-style:none;margin:clamp(40px,6vw,70px) 0 0;padding:0;}
.paso{position:relative;max-width:430px;background:#fff;border:1.5px solid color-mix(in oklab,var(--forest) 12%,transparent);border-radius:18px;padding:26px 28px;box-shadow:0 18px 44px color-mix(in oklab,var(--forest) 10%,transparent);margin:0 0 clamp(44px,7vw,96px);}
.paso--der{margin-left:auto;}
.paso.visible{transform:rotate(-1.4deg);}
.paso--der.visible{transform:rotate(1.4deg);}
.paso.visible:hover{transform:rotate(0) translateY(-6px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.paso__num{position:absolute;top:-16px;left:24px;background:var(--lime);color:var(--forest);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;padding:7px 13px;border-radius:3px;transform:rotate(-3deg);box-shadow:0 3px 8px color-mix(in oklab,var(--forest) 18%,transparent);}
.paso--der .paso__num{left:auto;right:24px;transform:rotate(2.5deg);}
.paso h3{font-family:var(--font-body);font-weight:800;text-transform:lowercase;letter-spacing:-0.02em;font-size:clamp(22px,2vw,28px);color:var(--forest);margin-bottom:8px;}
.paso p{font-size:15.5px;line-height:1.6;color:color-mix(in oklab,var(--forest) 76%,transparent);}
.camino__cta{text-align:center;margin-top:6px;}
.camino__senda .senda-guia{fill:none;stroke:color-mix(in oklab,var(--forest) 14%,transparent);stroke-width:5;stroke-linecap:round;stroke-dasharray:2 14;}
.camino__senda .senda-tinta{fill:none;stroke:var(--lime);stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 2px 6px color-mix(in oklab,var(--lime) 45%,transparent));animation:trazo linear both;animation-timeline:view();animation-range:entry 0% exit 100%;}
.camino__senda .senda-punta{fill:var(--lime);filter:drop-shadow(0 0 8px var(--lime));offset-path:path("M400 -10 C 770 150, 30 330, 400 500 C 770 670, 30 840, 400 1010");offset-rotate:0deg;animation:puntaViaja linear both;animation-timeline:view();animation-range:entry 0% exit 100%;}
@keyframes puntaViaja{from{offset-distance:0%;}to{offset-distance:100%;}}
@supports not (animation-timeline: view()){
.camino__senda .senda-punta{display:none;}
.camino.visible .camino__senda .senda-tinta{animation:trazo 1.8s cubic-bezier(.65,0,.35,1) .3s forwards;}
}
@media (max-width:960px){
.paso, .paso--der{max-width:none;margin-left:0;}
}
@media (prefers-reduced-motion:reduce){
.hitos::before{transition:none;transform:scaleY(1);}
.hitos li{transition:none;opacity:1;transform:none;}
.camino__senda .senda-tinta{animation:none !important;stroke-dashoffset:0;}
.camino__senda .senda-punta{display:none;}
.paso.visible, .paso--der.visible{transform:none;}
.about-founder{transform:none;}
}
/* ==== V6/css/v6.css ==== */
.regla{border:none;height:1px;background:color-mix(in oklab,var(--forest) 22%,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.65,0,.35,1);}
.regla.visible{transform:scaleX(1);}
.sello-estampa{opacity:0;transform:scale(1.6) rotate(8deg);transition:opacity .3s ease,transform .45s cubic-bezier(.34,1.56,.64,1);}
.sello-estampa.visible{opacity:1;transform:scale(1) rotate(-3deg);}
@keyframes pintaMarca{to{background-size:100% .55em;}}
@keyframes teclea{to{width:100%;}}
@keyframes estampa{to{opacity:1;transform:scale(1) rotate(-4deg);}}
@keyframes leeBarra{to{transform:scaleX(1);}}
@keyframes salta{30%{transform:translateY(-4px);}60%{transform:none;}}
@keyframes typingVentanas{0%,12%{opacity:0;}16%,30%{opacity:1;}33%,60%{opacity:0;}64%,88%{opacity:1;}92%,100%{opacity:0;}}
.cap{padding:clamp(70px,10vw,130px) var(--pad-x);}
.cap__inner{max-width:1040px;margin:0 auto;}
.cap__hdr{display:flex;align-items:baseline;gap:16px;margin-bottom:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--moss);}
.cap__hdr::after{content:'';flex:1;height:1px;background:color-mix(in oklab,var(--forest) 18%,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.65,0,.35,1) .15s;align-self:center;}
.cap__hdr.visible::after{transform:scaleX(1);}
.cap h2{font-family:var(--font-display);font-weight:430;font-variation-settings:"opsz" 144,"SOFT" 50;font-size:clamp(34px,4.4vw,60px);line-height:1.05;letter-spacing:-0.02em;color:var(--forest);margin-top:10px;text-transform:none;}
.cap h2 em{font-style:italic;color:var(--moss);}
.cap__intro{margin-top:14px;max-width:56ch;font-size:clamp(15.5px,1.25vw,18px);line-height:1.6;color:color-mix(in oklab,var(--forest) 74%,transparent);}
.datos{margin-top:clamp(30px,4.5vw,50px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);}
.dato{border-top:1px solid color-mix(in oklab,var(--forest) 22%,transparent);padding-top:18px;}
.dato__cifra{font-family:var(--font-display);font-weight:460;font-variation-settings:"opsz" 144,"SOFT" 50;font-size:clamp(48px,6vw,92px);line-height:1;color:var(--forest);letter-spacing:-0.02em;font-variant-numeric:tabular-nums;}
.dato__cifra sup{font-size:.45em;color:var(--moss);}
.dato__que{margin-top:10px;font-size:15px;line-height:1.5;color:color-mix(in oklab,var(--forest) 76%,transparent);max-width:30ch;}
.dato__fuente{margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab,var(--forest) 45%,transparent);}
.datos__lectura{margin-top:clamp(28px,4vw,44px);font-family:var(--font-display);font-style:italic;font-weight:460;font-size:clamp(20px,2.2vw,30px);line-height:1.35;color:var(--forest);max-width:34ch;}
.calc{background:#FDFCF9;border:1px solid color-mix(in oklab,var(--forest) 16%,transparent);border-radius:18px;box-shadow:0 24px 60px color-mix(in oklab,var(--forest) 10%,transparent);padding:clamp(26px,3.5vw,44px);margin-top:clamp(30px,4.5vw,50px);position:relative;}
.calc__sello{position:absolute;top:-16px;right:26px;background:var(--lime);color:var(--forest);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:7px 14px;border-radius:3px;box-shadow:0 3px 10px color-mix(in oklab,var(--forest) 18%,transparent);}
.calc__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,4vw,56px);align-items:center;}
.calc__campo{margin-bottom:26px;}
.calc__campo label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:600;font-size:15.5px;color:var(--forest);margin-bottom:12px;}
.calc__campo output{font-family:var(--font-mono);font-size:14px;color:var(--forest);background:color-mix(in oklab,var(--lime) 40%,white);border-radius:var(--radius-pill);padding:3px 12px;white-space:nowrap;}
.calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--lime) 0 var(--pct,50%),color-mix(in oklab,var(--forest) 14%,transparent) var(--pct,50%) 100%);outline:none;cursor:pointer;}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--forest);border:5px solid var(--cream);box-shadow:0 2px 8px color-mix(in oklab,var(--forest) 35%,transparent);transition:transform .2s cubic-bezier(.34,1.56,.64,1);}
.calc input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);}
.calc input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--forest);border:5px solid var(--cream);box-shadow:0 2px 8px color-mix(in oklab,var(--forest) 35%,transparent);}
.calc input[type=range]:focus-visible{outline:2px solid var(--forest);outline-offset:4px;}
.calc__resultado{text-align:center;border-left:1px dashed color-mix(in oklab,var(--forest) 25%,transparent);padding-left:clamp(20px,3vw,48px);}
.calc__resultado-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--moss);}
.calc__euros{display:block;font-family:var(--font-display);font-weight:470;font-variation-settings:"opsz" 144,"SOFT" 55;font-size:clamp(52px,6vw,96px);line-height:1.05;color:var(--forest);letter-spacing:-0.02em;font-variant-numeric:tabular-nums;margin-top:8px;transition:transform .15s ease;}
.calc__euros.late{transform:scale(1.04);}
.calc__euros small{font-size:.4em;color:var(--moss);font-style:italic;}
.calc__formula{margin-top:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:color-mix(in oklab,var(--forest) 50%,transparent);line-height:1.6;}
.calc__cta{margin-top:22px;}
.calc__aviso{margin-top:22px;font-size:12.5px;line-height:1.55;color:color-mix(in oklab,var(--forest) 55%,transparent);border-top:1px dashed color-mix(in oklab,var(--forest) 18%,transparent);padding-top:14px;}
.diagrama{display:block;width:100%;max-width:820px;margin:clamp(34px,5vw,54px) auto 0;height:auto;overflow:visible;}
.diagrama .nodo{opacity:0;transform:scale(.85);transform-origin:center;transform-box:fill-box;transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1);}
.diagrama .cable{stroke-dasharray:1;stroke-dashoffset:1;}
.sistema6.visible .nodo{opacity:1;transform:scale(1);}
.sistema6.visible .nodo:nth-of-type(1){transition-delay:.1s;}
.sistema6.visible .nodo:nth-of-type(2){transition-delay:.55s;}
.sistema6.visible .nodo:nth-of-type(3){transition-delay:1s;}
.sistema6.visible .nodo:nth-of-type(4){transition-delay:1.45s;}
.sistema6.visible .cable{animation:trazo .5s cubic-bezier(.65,0,.35,1) forwards;}
.sistema6.visible .cable:nth-of-type(1){animation-delay:.35s;}
.sistema6.visible .cable:nth-of-type(2){animation-delay:.8s;}
.sistema6.visible .cable:nth-of-type(3){animation-delay:1.25s;}
@keyframes trazo{to{stroke-dashoffset:0;}}
.diagrama__caption{margin:14px auto 0;max-width:820px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab,var(--forest) 55%,transparent);display:flex;gap:10px;align-items:baseline;}
.diagrama__caption::before{content:'';width:22px;height:1px;background:var(--lime);align-self:center;flex-shrink:0;}
.despiece{margin-top:clamp(34px,5vw,56px);border-top:1px solid color-mix(in oklab,var(--forest) 22%,transparent);}
.pieza{display:grid;grid-template-columns:70px minmax(0,.85fr) minmax(0,1.1fr) auto;gap:clamp(14px,2.5vw,36px);align-items:baseline;padding:clamp(18px,2.4vw,26px) 6px;border-bottom:1px solid color-mix(in oklab,var(--forest) 14%,transparent);position:relative;isolation:isolate;color:var(--forest);transition:none;}
.pieza::before{content:'';position:absolute;inset:0;background:color-mix(in oklab,var(--lime) 26%,var(--cream));transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.23,1,.32,1);z-index:-1;}
.pieza:hover::before, .pieza:focus-visible::before{transform:scaleX(1);}
.pieza:focus-visible{outline:2px solid var(--forest);outline-offset:-2px;}
.pieza__ref{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:color-mix(in oklab,var(--forest) 50%,transparent);}
.pieza__nombre{font-family:var(--font-body);font-weight:700;letter-spacing:-0.015em;font-size:clamp(18px,1.9vw,24px);transition:transform .35s cubic-bezier(.23,1,.32,1);}
.pieza:hover .pieza__nombre{transform:translateX(6px);}
.pieza__dolor{font-family:var(--font-display);font-style:italic;font-weight:470;font-size:clamp(15px,1.5vw,19px);color:var(--moss);}
.pieza__precio{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;white-space:nowrap;color:var(--forest);}
.ofertas{margin-top:clamp(30px,4.5vw,50px);display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.5vw,28px);}
.oferta{background:#FDFCF9;border:1px solid color-mix(in oklab,var(--forest) 16%,transparent);border-radius:16px;padding:24px 26px;box-shadow:0 14px 36px color-mix(in oklab,var(--forest) 8%,transparent);position:relative;}
.oferta.visible:nth-child(odd){transform:rotate(-.6deg);}
.oferta.visible:nth-child(even){transform:rotate(.6deg);}
.oferta.visible:hover{transform:rotate(0) translateY(-5px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.oferta__ref{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab,var(--forest) 48%,transparent);}
.oferta h3{font-family:var(--font-body);font-weight:800;text-transform:lowercase;letter-spacing:-0.02em;font-size:clamp(20px,2vw,27px);color:var(--forest);margin:8px 0 10px;}
.oferta__gancho{font-family:var(--font-display);font-style:italic;font-weight:460;font-size:15.5px;line-height:1.5;color:color-mix(in oklab,var(--forest) 80%,transparent);}
.oferta__piezas{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;}
.oferta__piezas span{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--forest);border:1px solid color-mix(in oklab,var(--forest) 25%,transparent);border-radius:var(--radius-pill);padding:5px 11px;background:#fff;}
.oferta--ancla{background:var(--forest);border-color:var(--forest);grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:6px clamp(20px,3vw,44px);align-items:center;}
.oferta--ancla .oferta__ref, .oferta--ancla h3{grid-column:1;}
.oferta--ancla .oferta__gancho{grid-column:2;grid-row:1/3;}
.oferta--ancla .oferta__piezas{grid-column:1/-1;}
.oferta--ancla .oferta__ref{color:color-mix(in oklab,var(--cream) 55%,transparent);}
.oferta--ancla h3{color:var(--cream);}
.oferta--ancla .oferta__gancho{color:color-mix(in oklab,var(--cream) 82%,transparent);}
.oferta--ancla .oferta__piezas span{background:transparent;color:var(--cream);border-color:color-mix(in oklab,var(--cream) 35%,transparent);}
.oferta--ancla .oferta__sello{position:absolute;top:-14px;right:22px;background:var(--lime);color:var(--forest);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:6px 13px;border-radius:3px;transform:rotate(2deg);}
.ofertas__nota{margin-top:22px;font-size:13.5px;line-height:1.6;color:color-mix(in oklab,var(--forest) 60%,transparent);max-width:62ch;}
.ofertas__nota strong{color:var(--forest);}
@keyframes puntaViaja{from{offset-distance:0%;}to{offset-distance:100%;}}
@keyframes guino{0%,90%,100%{transform:scale(1);}93%{transform:scale(.25);}96%{transform:scale(1.15);}}
@keyframes asoma{from{transform:translateY(70%) rotate(10deg);}to{transform:translateY(0) rotate(4deg);}}
@keyframes flota{0%,100%{transform:translateY(0) rotate(4deg);}50%{transform:translateY(-10px) rotate(3deg);}}
@media (max-width:960px){
.datos{grid-template-columns:1fr;gap:26px;}
.calc__grid{grid-template-columns:1fr;}
.calc__resultado{border-left:none;border-top:1px dashed color-mix(in oklab,var(--forest) 25%,transparent);padding:22px 0 0;}
.pieza{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;}
.pieza__ref{grid-column:1/-1;}
.pieza__dolor{grid-column:1/-1;}
.ofertas{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
.regla{transform:scaleX(1);transition:none;}
.cap__hdr::after{transform:scaleX(1);transition:none;}
.sello-estampa{opacity:1;transform:rotate(-3deg);transition:none;}
.diagrama .nodo{transition:none;opacity:1;transform:none;}
.diagrama .cable{stroke-dashoffset:0;animation:none !important;}
.oferta.visible{transform:none;}
.calc__euros, .pieza__nombre, .pieza::before{transition:none;}
}