/* OJAI / Portada inmersiva · adaptación de la referencia de la creadora. */
:root{--font-heading:'Helvetica Neue',Helvetica,Arial,sans-serif;--font-body:'Helvetica Neue',Helvetica,Arial,sans-serif;--bg:var(--o-i-lila-12);--ink:var(--o-crema-luz);--muted:var(--o-i-lila-83);--accent:#edb0b6;--paper:#f6efeb;--dark:#30232d;--lime:#ecc5ca;--line:#fff4; font-family:var(--font-body)}
body{font-family:var(--font-body);background:var(--bg)}
h1,h2,h3,em,.logo,.iris-caption,.result-lens,.emotion-card strong,.paper h3,.story-copy .prose,.story-question,.entry-card .date,.counts{font-family:var(--font-body)}
h1,h2{font-weight:400;letter-spacing:-.045em}em{font-style:normal}p{line-height:1.55}button:hover{filter:none}.lead,.story-copy .prose{color:var(--o-i-lila-89)}.btn{background:var(--o-blanco);color:var(--dark);font-weight:400;transition:background .2s,color .2s}.btn:hover{background:var(--o-i-lila-83)}.btn.secondary:hover{background:var(--o-blanco);color:var(--dark)}.btn.lime{background:var(--lime)}.text-button:hover{opacity:.7}.sources a{color:#ffc0c9}.story-art,.editor-side{top:110px}.paper,.editor-panel{border-radius:22px}.paper h3{font-size:28px}.paper p{color:var(--dark)}.paper .eyebrow{color:#77565e!important}.story-copy .prose{font-size:20px;line-height:1.8}
.top{position:fixed;inset:0 0 auto;z-index:var(--o-capa-cabecera);min-height:86px;padding:20px 32px;gap:24px;border:0;background:#211820eb;backdrop-filter:blur(16px)}
body[data-view=home] .top{background:linear-gradient(#1c121b60,transparent);backdrop-filter:none}
.logo{font-family:var(--font-heading);font-size:32px;font-weight:500;letter-spacing:-1.8px;display:flex;gap:13px;align-items:center;padding:0;min-height:44px}
.logo span{font-size:31px;letter-spacing:-.02em;line-height:1;color:white;vertical-align:baseline;margin:0;display:block;font-weight:400}
.top nav{display:flex;align-items:center;gap:0;margin:auto}.top nav button{font-size:22px;font-weight:400;border:0;padding:0;line-height:1.2;min-height:44px}.top nav span{font-size:22px;white-space:pre}.top nav button:hover{opacity:.6}.top nav button[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.privacy-link{font-size:22px;border:0;border-radius:0;padding:0;min-height:44px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.privacy-link:hover{opacity:.6}.privacy-link span{font-size:13px;color:white;padding-left:5px;text-decoration:none;display:inline-block}
main{padding-top:86px;min-height:calc(100svh - 70px)}body[data-view=home] main{padding-top:0;min-height:100svh}body[data-view=home] main.fade{animation:none}body[data-view=home] footer{display:none}.wrap{padding-top:55px}.question-layout{padding-top:45px}.story-layout{padding-top:35px}.top .menu-toggle{display:none}
.immersive-hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;padding:125px 40px 105px;overflow:hidden;background:var(--o-i-lila-12)}
.hero-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-panorama{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:70% center;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.045);will-change:transform;transition:transform .65s cubic-bezier(.2,.75,.3,1)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,13,23,.55) 0%,rgba(21,13,23,.28) 40%,transparent 68%),linear-gradient(0deg,rgba(19,10,20,.62),transparent 30%,transparent 78%,rgba(19,10,20,.2));pointer-events:none}
.hero-message{width:min(100%,560px);position:relative;z-index:1;padding-bottom:3vh}
.blurred-intro{pointer-events:none;user-select:none;color:var(--o-blanco);filter:blur(4px);font-size:clamp(18px,2.05vw,26px);font-weight:400;line-height:1.3;margin:0 0 26px;opacity:.78}
.hero-typewriter{font-family:var(--font-body);font-size:clamp(22px,2.05vw,28px);font-weight:400;line-height:1.35;letter-spacing:-.035em;min-height:114px;max-width:510px;color:white;margin:0 0 24px;text-wrap:pretty}
.typing-cursor{display:inline-block;width:2px;height:1.05em;background:var(--o-blanco);vertical-align:-.12em;margin-left:3px;animation:ojaiBlink 1s step-end infinite}.typing-cursor[hidden]{display:none}
.hero-actions{max-width:525px;display:flex;flex-wrap:wrap;column-gap:5px;row-gap:7px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.hero-actions.ready{opacity:1;transform:translateY(0)}
.hero-pill{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #0000001a;background:white;color:var(--o-i-lila-12);border-radius:999px;padding:8px 19px;min-height:38px;white-space:nowrap;font-size:15px;line-height:1.15;font-weight:400;transition:background .2s,color .2s,border-color .2s}
.hero-pill:hover{background:var(--o-i-lila-12);color:white;border-color:#fff6}.hero-pill.outline{background:transparent;color:white;border-color:var(--o-blanco);padding-inline:18px}.hero-pill.outline:hover{background:white;color:var(--o-i-lila-12)}.hero-pill.outline span{font-size:20px;line-height:.5}
.hero-child-link{color:#f7e4ee;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:14px 0;margin-top:9px;min-height:44px;transition:opacity .2s}.hero-child-link:hover{opacity:.65}
.hero-bottom{position:absolute;inset:auto 32px 23px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;letter-spacing:-.015em;color:#f4e7ef}.hero-private{margin-left:auto;margin-right:auto}.motion-toggle{display:flex;align-items:center;gap:10px;font-size:12px;min-height:44px;padding:0;color:white}.motion-toggle:hover{opacity:.65}.motion-icon{width:25px;height:25px;border:1px solid #fff7;border-radius:50%;display:grid;place-items:center;font-size:10px;letter-spacing:-2px;padding-right:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mobile-menu[hidden]{display:none}.mobile-menu{position:fixed;inset:0;z-index:var(--o-capa-menu);padding:110px 32px 35px;background:#110c17f5;backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:center;gap:40px;animation:menuAppear .25s ease}.mobile-menu nav{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.mobile-menu nav button{font-size:32px;font-weight:400;letter-spacing:-.035em;min-height:44px;padding:0;text-align:left}.mobile-menu .mobile-privacy{text-decoration:underline;text-underline-offset:5px;margin-top:13px}.mobile-menu p{font-size:13px;color:var(--muted);margin:0}.menu-toggle{width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:10px}.menu-toggle span{display:block;background:white;width:24px;height:2px;transition:transform .3s,opacity .3s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-is-open{overflow:hidden}
@keyframes ojaiBlink{0%,100%{opacity:1}50%{opacity:0}}@keyframes menuAppear{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.hero-message{margin-left:2vw}.hero-typewriter{font-size:28px}.immersive-hero{padding-inline:40px}}
@media(max-width:1000px) and (min-width:768px){.top{padding-inline:25px}.top nav button,.top nav span,.privacy-link{font-size:18px}.hero-message{max-width:48%}.hero-typewriter{font-size:24px;min-height:132px}.hero-pill{font-size:13px;padding-inline:14px}.hero-shade{background:linear-gradient(90deg,#170d1ed9,transparent 82%)}}
@media(max-width:767px){.top{min-height:76px;padding:15px 20px;flex-wrap:nowrap;gap:12px}.logo{font-size:28px;gap:10px}.logo span{font-size:28px}.top nav,.top>.privacy-link{display:none}.top .menu-toggle{display:flex;margin-left:auto}.top{background:#211820ed}main{padding-top:76px}.immersive-hero{padding:345px 22px 85px;align-items:flex-end;min-height:100svh}.hero-message{max-width:520px;padding-bottom:0}.hero-panorama{object-position:90% center;transform:scale(1.045)}.hero-shade{background:linear-gradient(0deg,#1b1022f5 0%,#211424e6 28%,#20101b77 55%,transparent 78%,#1b10222b)}.blurred-intro{font-size:18px;line-height:1.3;margin-bottom:17px;filter:blur(3px)}.hero-typewriter{font-size:23px;line-height:1.3;min-height:120px;max-width:430px;margin-bottom:17px}.hero-actions{max-width:440px;gap:6px 5px}.hero-pill{font-size:13px;min-height:40px;padding:8px 14px}.hero-child-link{font-size:11px;margin-top:2px;padding:11px 0}.hero-bottom{inset:auto 22px 14px;font-size:11px;gap:12px}.hero-private{display:none}.motion-toggle{display:none}.motion-icon{width:22px;height:22px}.hero-bottom>span{max-width:135px}.wrap{padding-top:35px}.story-art,.editor-side{position:static}.story-copy h1{font-size:42px}.test-title{font-size:30px}.result-lens{font-size:27px}.paper,.editor-panel{border-radius:18px}}
@media(max-width:380px){.immersive-hero{padding-top:285px}.hero-typewriter{font-size:21px;min-height:112px}.hero-pill{font-size:12px;padding-inline:12px}.blurred-intro{font-size:17px}}
@media(max-height:700px) and (min-width:768px){.immersive-hero{padding-block:110px 65px}.hero-message{padding:0}.hero-typewriter{min-height:105px}.blurred-intro{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.hero-actions{opacity:1;transform:none}.hero-panorama{transform:scale(1.025);will-change:auto}.typing-cursor{display:none}.blurred-intro{filter:blur(2px)}}
@media print{.top,.mobile-menu,.hero-backdrop,.hero-bottom{display:none!important}main{padding-top:0}.immersive-hero{min-height:0;padding:20px;display:block}.hero-typewriter{color:black}.typed-copy{display:none}.hero-typewriter .sr-only{position:static;width:auto;height:auto;margin:0;clip:auto;white-space:normal}.hero-actions,.hero-child-link{display:none}}

/* V3 · personaje separado, interacción táctil y escena dentro del ojo */
.ojai-stage{position:absolute;right:2vw;top:10vh;width:44vw;height:79svh;max-height:850px;z-index:0;perspective:1100px}.ojai-look{height:calc(100% - 85px);transform:translate3d(var(--look-x,0px),var(--look-y,0px),0) rotate(var(--look-r,0deg));transform-origin:50% 94%;transition:transform .65s cubic-bezier(.2,.75,.3,1)}.ojai-breathe{height:100%;animation:ojaiBreathe 4.6s ease-in-out infinite;transform-origin:50% 93%}.ojai-character{height:100%;width:100%;padding:0;display:block;position:relative;filter:drop-shadow(0 12px 15px #1c07164d);transform-origin:50% 90%;transition:filter .35s;cursor:pointer}.ojai-character img{height:100%;width:100%;object-fit:contain;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}.ojai-character:hover{filter:drop-shadow(0 0 18px #fbb97640)}.ojai-character:focus-visible{outline:2px dashed var(--o-halo-calido);border-radius:45%;outline-offset:-20px}.ojai-eye-glint{position:absolute;left:65%;top:26%;width:13%;height:5%;background:linear-gradient(115deg,transparent,#ffffff88,transparent);border-radius:50%;filter:blur(7px);opacity:.35;transform:rotate(-30deg);pointer-events:none;animation:ojaiGlint 6s ease-in-out infinite}.ojai-ground-shadow{position:absolute;bottom:83px;left:26%;width:55%;height:22px;border-radius:50%;background:#1a0b21aa;filter:blur(12px);animation:ojaiShadow 4.6s ease-in-out infinite}.ojai-stage-actions{display:flex;gap:8px;justify-content:center;margin:7px 0 0}.ojai-stage-actions button{font-size:12px;border:1px solid #ffffff66;border-radius:30px;padding:9px 16px;background:#291b3980;backdrop-filter:blur(8px);min-height:38px;transition:background .2s}.ojai-stage-actions button:hover{background:#f6eeee;color:#281d2b}#ojai-touch-hint{font-size:10px;text-align:center;color:#f6e3ed;margin:8px 0 0}.ojai-bubble{position:absolute;left:2%;top:9%;max-width:230px;font-size:15px;line-height:1.35;padding:18px 21px;border-radius:23px 23px 3px 23px;background:var(--o-crema);color:var(--o-ciruela-tierra);box-shadow:0 10px 25px #0002;z-index:3;pointer-events:none}.ojai-bubble[hidden]{display:none}.is-greeting .ojai-character{animation:ojaiHello 1s cubic-bezier(.4,0,.2,1)}.world-is-open .ojai-breathe,.scene-rests .ojai-breathe,.world-is-open .ojai-eye-glint,.scene-rests .ojai-eye-glint,.world-is-open .ojai-ground-shadow,.scene-rests .ojai-ground-shadow{animation-play-state:paused}
.ojai-world{padding:30px 35px;max-width:590px;border-radius:35px;border:1px solid #f5b2c353;background:#271a2c;color:#fff5f5;overflow:auto;max-height:90svh;text-align:center;box-shadow:0 30px 100px #0008}.ojai-world .row{justify-content:center}.ojai-world .eyebrow{margin:22px 0 14px}.ojai-world h2{font-size:43px;margin-bottom:16px}.ojai-world>p:not(.eyebrow){font-size:15px;max-width:430px;margin-inline:auto}.world-close{position:absolute;right:13px;top:13px;width:42px;height:42px;font-size:27px;border-radius:50%;background:#fff1;z-index:2}.world-close:hover{background:#fff3}.world-eye{position:relative;width:230px;height:230px;border-radius:50%;overflow:hidden;margin:0 auto;background:#211320;box-shadow:0 0 55px #d28b6d40;border:1px solid #f7c17f66}.world-eye img{position:absolute;width:235%;max-width:none;height:auto;left:-93%;top:-42%}.emotion-card{transform:perspective(900px) rotateY(var(--card-tilt,0deg));transition:transform .35s,box-shadow .35s}.emotion-card img{transition:transform .65s cubic-bezier(.2,.75,.3,1)}.emotion-card:hover img,.emotion-card:focus-visible img{transform:scale(1.045)}.emotion-card:hover{box-shadow:0 8px 28px #10081a55}.hero-private{font-size:11px}
@keyframes ojaiBreathe{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-7px) scale(1.008,1.012)}}@keyframes ojaiShadow{0%,100%{transform:scaleX(1);opacity:.65}50%{transform:scaleX(.93);opacity:.45}}@keyframes ojaiGlint{0%,100%{opacity:.15;transform:translateX(0) rotate(-30deg)}50%{opacity:.4;transform:translateX(6px) rotate(-25deg)}}@keyframes ojaiHello{0%,100%{transform:rotate(0)}20%{transform:rotate(-4deg) translateY(-5px)}48%{transform:rotate(4deg) translateY(-11px)}75%{transform:rotate(-2deg) translateY(-3px)}}
body[data-ojai-motion=off] .ojai-breathe,body[data-ojai-motion=off] .ojai-eye-glint,body[data-ojai-motion=off] .ojai-ground-shadow,body[data-ojai-motion=off] .ojai-character{animation:none!important}body[data-ojai-motion=off] .ojai-look,body[data-ojai-motion=off] .emotion-card,body[data-ojai-motion=off] .emotion-card img{transform:none!important;transition:none!important}
body[data-view=quiz]{background:var(--o-blanco)}body[data-view=quiz] .top{background:#fffffff2;color:#332939;backdrop-filter:blur(14px)}body[data-view=quiz] .logo span,body[data-view=quiz] .privacy-link span{color:#332939}body[data-view=quiz] .menu-toggle span{background:#332939}body[data-view=quiz] footer{color:var(--o-i-lila-45);background:var(--o-blanco);border-color:#eee}body[data-view=quiz] main{background:var(--o-blanco)}body[data-view=quiz].menu-is-open .top{background:#110c17;color:var(--o-blanco)}body[data-view=quiz].menu-is-open .logo span{color:white}body[data-view=quiz].menu-is-open .menu-toggle span{background:white}.quiz-shell{width:100%;background:var(--o-blanco)}
@media(max-width:1000px) and (min-width:768px){.ojai-stage{right:0;width:47vw;top:15vh;height:71svh}.ojai-bubble{left:-5%;max-width:200px}}
@media(max-width:767px){.immersive-hero{padding-top:465px;min-height:100svh}.ojai-stage{width:100%;height:390px;max-height:none;right:0;top:72px}.ojai-look{height:315px}.ojai-ground-shadow{bottom:81px;left:30%;width:40%}.ojai-stage-actions{margin-top:1px}.ojai-stage-actions button{min-height:36px;font-size:11px;padding:8px 16px}.ojai-bubble{left:7%;top:8%;max-width:180px;font-size:13px;padding:14px 17px}.hero-shade{background:linear-gradient(0deg,#1b1022ed,transparent 70%)}.motion-toggle{display:flex}.hero-bottom{gap:10px}.hero-bottom>span{max-width:115px}.hero-private{display:none}.hero-typewriter{min-height:100px}.blurred-intro{margin-bottom:15px}.hero-child-link{margin-top:0}.ojai-world{padding:30px 22px}.ojai-world h2{font-size:35px}.world-eye{width:210px;height:210px}}
@media(max-width:380px){.immersive-hero{padding-top:420px}.ojai-stage{height:350px}.ojai-look{height:275px}.hero-typewriter{min-height:104px}.ojai-bubble{max-width:155px;left:4%}}
@media(prefers-reduced-motion:reduce){.ojai-breathe,.ojai-eye-glint,.ojai-ground-shadow,.ojai-character{animation:none!important}.ojai-look,.emotion-card,.emotion-card img{transform:none!important;transition:none!important}}
/* Fuente indicada por la creadora; archivo local, sin consultas externas al abrir. */
@font-face{font-family:'Helvetica Now Var';src:url('fonts/helvetica-now-var.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
:root{--font-heading:'Helvetica Now Var','Helvetica Neue',Helvetica,Arial,sans-serif;--font-body:'Helvetica Now Var','Helvetica Neue',Helvetica,Arial,sans-serif}

.ojai-stage.is-speaking .ojai-character{filter:drop-shadow(0 0 22px #fbb97670)}
/* Recorrido con el ratón: Ojai camina, gira y el paisaje se desplaza como una cámara. */
.hero-panorama{object-position:var(--pan,70%) center;filter:brightness(var(--dusk,1)) saturate(var(--dusk,1));transition:transform .65s cubic-bezier(.2,.75,.3,1),object-position .35s ease-out,filter .35s ease-out}
.ojai-look{transform:translate3d(calc(var(--look-x,0px) + var(--walk-x,0px)),calc(var(--look-y,0px) + var(--walk-y,0px)),0) rotate(calc(var(--look-r,0deg) + var(--walk-r,0deg))) rotateY(var(--turn,0deg)) scaleY(var(--squash,1));transition:transform .18s ease-out}
.ojai-ground-shadow{translate:var(--walk-x,0px) 0;transition:translate .18s ease-out}
.is-walking .ojai-breathe{animation-play-state:paused}
.ojai-scrub-hint{font-size:11px;text-align:center;color:#f6e3edcc;margin:6px 0 0;letter-spacing:.02em;animation:ojaiHint 3s ease-in-out infinite}
.is-walking .ojai-scrub-hint{opacity:0;transition:opacity .3s}
@keyframes ojaiHint{0%,100%{transform:translateX(-6px)}50%{transform:translateX(6px)}}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:0;pointer-events:none}
.has-video .hero-video{opacity:1}.has-video .hero-panorama,.has-video .ojai-look,.has-video .ojai-ground-shadow,.has-video .ojai-scrub-hint{visibility:hidden}
@media(max-width:767px){.ojai-scrub-hint{display:none}}
@media(prefers-reduced-motion:reduce){.ojai-scrub-hint{display:none}.ojai-look{transform:none!important}}
body[data-ojai-motion=off] .ojai-scrub-hint{display:none}
.hero-plans+.hero-plans{margin-left:22px}
@media(max-width:767px){.hero-plans+.hero-plans{margin-left:0;display:block;margin-top:6px}}
/* Ganchos repartidos: menos información junta en la portada */
.hero-hook{font-family:var(--o-letra-alma);font-size:17px;letter-spacing:-.01em;opacity:.92}
.hero-hook span{display:block;font-family:inherit;font-size:14px;opacity:.7;margin-top:2px}
.hook-plans{padding:80px 24px 90px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#f6b47a55,transparent 60%),var(--o-i-lila-12);color:var(--o-crema-rosa)}
.hook-kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#f6c7a8;margin-bottom:12px}
.hook-plans h2{font-size:clamp(32px,4.5vw,54px);line-height:1.05;letter-spacing:-.04em;margin:0 0 22px}
.hook-link{font-size:16px;text-decoration:underline;text-underline-offset:6px;color:var(--o-blanco);padding:10px 4px}
.hook-link:hover{opacity:.7}
.hero-message .hero-hook{font-size:18px;line-height:1.4;margin-top:14px}
.hero-message .hero-hook span{font-size:14px}
@media(min-width:768px){.hero-bottom{padding-right:180px}}

/* 19 sep 2026 · «Todo empieza adentro»: Ojai pintado a mano por Stephie (autorizado para la portada). */
.hecho-mano{display:grid;grid-template-columns:minmax(0,440px) minmax(0,480px);justify-content:center;align-items:center;gap:48px;padding:84px 24px;background:radial-gradient(ellipse at 30% 40%,#f0a77d33,transparent 62%),var(--o-crema-rosa);color:var(--o-ciruela-noche)}
.hecho-mano-arte{margin:0;display:grid;gap:10px}
.hecho-mano-arte img{width:100%;max-width:100%;height:auto;border-radius:18px;box-shadow:0 18px 48px #3a244733}
.hecho-mano-arte figcaption{font-size:13px;color:var(--o-lavanda)}
.hecho-mano-texto{display:grid;gap:16px;justify-items:start}
.hecho-mano .hook-kicker{color:var(--o-rosa);margin:0}
.hecho-mano h2{font-size:clamp(32px,4.5vw,54px);line-height:1.05;letter-spacing:-.04em;margin:0}
.hecho-mano p{font-size:18px;line-height:1.5;max-width:40ch;margin:0}
.hecho-mano .hook-link{color:var(--o-ciruela-noche);background:none;border:0;cursor:pointer;font:inherit;font-size:16px}
@media (max-width:860px){.hecho-mano{grid-template-columns:1fr;gap:28px;padding:64px 20px}.hecho-mano-arte{max-width:420px;justify-self:center}}

/* --- El video del sendero en la portada (sendero-video.js · bloqueHome).
   22 sep 2026 · Va justo después de la entrada principal: abre el contexto
   antes de que a nadie se le pregunte nada (ley 2 de Ojai).
   Dos columnas para que ocupe una pantalla y no alargue la portada. --- */
.senh{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;
  padding:56px 6vw;background:var(--o-i-durazno-96)}
.senh>*{max-width:600px}
.senh-media{min-width:0;justify-self:end;width:100%}
@media (min-width:861px){.senh{justify-content:center}}
.senh-player,.senh-portada img{width:100%;height:auto;display:block;border-radius:26px;
  background:var(--o-i-lila-89)}
.senh-portada{position:relative}
.senh-badge{position:absolute;top:14px;left:14px;padding:7px 14px;
  border-radius:var(--o-radio-pildora);background:var(--o-blanco);
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:650;
  color:var(--o-i-lila-38)}
.senh-texto{display:grid;gap:16px;min-width:0}
.senh-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--o-i-lila-50);font-weight:650;margin:0}
.senh h2{font-size:clamp(30px,4.2vw,50px);line-height:1.05;letter-spacing:-.035em;
  margin:0;color:var(--o-i-lila-12)}
.senh p{font-size:18px;line-height:1.55;max-width:44ch;margin:0;color:var(--o-i-lila-35)}
.senh .senh-mantra{font-size:19px;line-height:1.35;letter-spacing:-.01em;
  color:var(--o-lavanda);font-weight:650}
.senh-link{justify-self:start;display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:12px 24px;border-radius:var(--o-radio-pildora);border:0;
  background:var(--o-lavanda);color:var(--o-blanco);font:inherit;font-size:16px;
  font-weight:650;cursor:pointer}
.senh-link:hover{background:var(--o-ciruela-media)}
@media (max-width:860px){
  .senh{grid-template-columns:1fr;gap:26px;padding:56px 20px}
  .senh-media{max-width:560px;width:100%}
}