@font-face{font-family:Familjen;src:url('manual-assets/FamiljenGrotesk.ttf') format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:Fraunces;src:url('manual-assets/Fraunces.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f4f0e8;color:#19527d;font:400 19px/1.55 Familjen,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:#19527d;color:#f4f0e8}h1,h2,h3,p,figure{margin:0}h1,h2,.serif-note{font-family:Fraunces,Georgia,serif;font-weight:400;font-variation-settings:'SOFT' 35,'WONK' 1;letter-spacing:-.045em}h2{font-size:clamp(42px,5vw,74px);line-height:1.08}p+p{margin-top:22px}.skip{position:fixed;top:-100px;left:20px;background:#f4f0e8;padding:14px;z-index:100}.skip:focus{top:10px}.preview-bar{height:34px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.02em}.preview-bar span{opacity:.7}.site-header{position:absolute;top:34px;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:23px 5%;height:100px;color:#f4f0e8;transition:background .25s}.site-header.scrolled{position:fixed;top:0;height:82px;background:#f4f0e8f5;color:#19527d;border-bottom:1px solid #19527d26;backdrop-filter:blur(12px)}.logo{width:174px;display:block;line-height:0}.logo svg{width:100%;height:auto}.site-header nav{display:flex;gap:36px;align-items:center;font-size:16px}.site-header nav a{padding:10px 0}.nav-contact{border-bottom:1px solid currentColor}.nav-contact span{margin-left:15px}.menu-toggle{display:none}.hero{min-height:800px;min-height:max(800px,calc(100svh - 34px));position:relative;overflow:hidden;background:#19527d url('/personal/assets/ocean.webp') center/cover;color:#f4f0e8;padding:190px 7% 100px;isolation:isolate}.hero:before,.contact:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#082d4bd9 0%,#123f6466 60%,#123f6426);z-index:-1}.hero-copy{position:relative;z-index:2;max-width:790px}.eyebrow{font-size:18px;margin-bottom:25px}h1{font-size:clamp(70px,7.3vw,112px);line-height:.99}.marked{position:relative;display:inline-block;isolation:isolate}.marked svg{position:absolute;left:-9%;top:-7%;width:119%;height:119%;overflow:visible;pointer-events:none;z-index:-1}.marked path{fill:none;stroke:#ff4f00;stroke-width:2.8;stroke-linecap:round}.hero-sub{font-size:21px;line-height:1.5;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;background:#19527d;color:#f4f0e8;padding:14px 23px;font-size:17px;transition:transform .2s,box-shadow .2s;margin-top:28px}.button:hover{transform:translateY(-3px);box-shadow:0 5px 0 #19527d26}.button.light{background:#f4f0e8;color:#19527d}.micro{font-size:14px;margin-top:12px;opacity:.85}.hero-portrait{position:absolute;right:3%;bottom:26px;width:min(45vw,660px);z-index:1;pointer-events:none}.hero-portrait img{display:block;width:100%;height:auto;mask-image:linear-gradient(#000 82%,transparent 100%)}.hero-bottom{position:absolute;left:7%;right:7%;bottom:30px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.07em;text-transform:uppercase;z-index:3}.section{padding:120px 7%;scroll-margin-top:0}.section-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:40px}.intro-grid,.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.intro h2{max-width:570px}.copy{max-width:540px}.copy p:not(.lead):not(.serif-note){color:#334b59}.lead{font-size:25px;line-height:1.4;letter-spacing:-.02em}.serif-note{font-size:34px;line-height:1.2;margin-top:36px}.perspective{background:#e9e4da;display:grid;grid-template-columns:1fr 1.3fr;gap:8%;align-items:center}.perspective-head>p:last-child{margin-top:25px;font-size:17px}.perspective-head .section-label{margin-bottom:30px}.perspective-demo{padding:35px 0}.lens-choices{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #19527d40;padding-bottom:22px}.lens-choices button{background:none;border:1px solid #19527d55;border-radius:40px;font-size:14px;min-height:44px;padding:8px 16px}.lens-choices button[aria-pressed=true]{background:#19527d;color:#f4f0e8;border-color:#19527d}.look-result{padding:48px 12px 28px;min-height:310px}.look-small{font-size:11px;letter-spacing:.1em}.look-result h3{display:table;font:400 clamp(40px,4vw,63px)/1.2 Fraunces,Georgia,serif;letter-spacing:-.04em;margin:18px 0 30px}.look-detail{font-size:20px;max-width:510px}.demo-note{font-size:12px;opacity:.75}.section-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:65px}.section-top h2{width:55%}.method-list{border-top:1px solid #19527d55}.method-list details{border-bottom:1px solid #19527d55}.method-list summary{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;padding:29px 0;list-style:none;cursor:pointer}.method-list summary::-webkit-details-marker{display:none}.step{font-size:13px}.method-list h3{font:400 clamp(35px,4vw,55px)/1.1 Fraunces,Georgia,serif;letter-spacing:-.035em}.plus{font-size:30px;text-align:center;transition:transform .2s}details[open] .plus{transform:rotate(45deg)}.method-body{margin:0 8% 36px 45%;max-width:600px}.method-body p:not(.lead){color:#334b59;font-size:18px}.analysis{background:#19527d;color:#f4f0e8;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.analysis h2{margin-bottom:40px}.analysis-copy>p:not(.section-label){max-width:460px}.analysis-copy>p:not(.lead):not(.section-label){font-size:18px;color:#e1e8eb}.analysis .button{background:#f4f0e8;color:#19527d}.document-scene{padding:35px 10px}.sample-document{background:#f4f0e8;color:#19527d;padding:38px 34px 25px;transform:rotate(3deg);box-shadow:0 24px 50px #082b4b50;max-width:460px;margin:auto;transition:transform .4s}.sample-document:hover{transform:rotate(0deg)}.doc-head{display:flex;justify-content:space-between;border-bottom:1px solid #19527d45;padding-bottom:18px;font-size:10px}.doc-head span:first-child{font-weight:600;font-size:16px}.sample-document h3{font:400 36px/1.1 Fraunces,Georgia,serif;letter-spacing:-.035em;margin:50px 0 35px}.doc-line{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:18px 0;border-top:1px solid #19527d26}.doc-line>span{font-size:10px;margin-top:3px}.doc-line h4{margin:0 0 6px;font-size:15px}.doc-line p{font-size:13px;line-height:1.4}.doc-foot{font-size:10px;margin-top:30px}.sample-caption{font-size:12px;text-align:center;margin:35px auto 0;max-width:380px}.about .section-label{margin-bottom:50px}.about{padding-top:140px;padding-bottom:140px}.contact{background:#19527d url('/personal/assets/ocean.webp') center/cover;position:relative;isolation:isolate;color:#f4f0e8;text-align:center;padding-bottom:35px}.contact:before{background:#082d4bbd}.contact h2{font-size:clamp(40px,5vw,72px);max-width:1050px;margin:auto}.contact>p:not(.section-label){margin:35px 0 25px;font-size:21px}.contact-mail{display:inline-block;font-size:clamp(23px,3.3vw,45px);border-bottom:1px solid #f4f0e880;padding:0 0 10px}.contact-mail span{margin-left:20px}.booking{font-size:16px;margin-top:30px}.booking a{text-decoration:underline;text-underline-offset:5px}.booking>span{display:block;margin-top:8px;font-size:12px;opacity:.8}footer{display:flex;justify-content:space-between;align-items:center;text-align:left;border-top:1px solid #f4f0e84d;margin-top:110px;padding-top:25px;font-size:13px}footer .logo{width:160px}
@media(min-width:1700px){.hero{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}.hero-portrait{right:8%}.section{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}
@media(max-width:1000px){.site-header nav{gap:20px}.hero{padding-top:175px;min-height:790px}.hero-portrait{right:-5%;width:52vw}.hero-copy{max-width:62%}h1{font-size:78px}.hero-sub{font-size:19px}.section{padding:90px 6%}.intro-grid,.about-grid{gap:6%}.perspective{gap:5%;grid-template-columns:1fr 1.2fr}.lens-choices button{font-size:12px;padding:8px 12px}.analysis{gap:5%}.sample-document{padding:28px}.sample-document h3{font-size:31px}.lead{font-size:23px}}
@media(max-width:700px){html{scroll-padding-top:80px}.preview-bar{font-size:10px;padding:0 6%;height:30px}.site-header{top:30px;height:84px;padding:15px 6%}.site-header.scrolled{height:72px}.logo{width:145px}.menu-toggle{display:flex;gap:18px;align-items:center;background:none;border:0;padding:10px 0;font-size:15px}.menu-toggle span{font-size:24px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#f4f0e8;color:#19527d;box-shadow:0 18px 20px #082d4b26;padding:20px 6% 30px}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav a{padding:13px 0;font-size:20px}.hero{min-height:940px;padding:145px 7% 410px}.hero-copy{max-width:100%}h1{font-size:clamp(48px,15vw,86px);line-height:1.02}.eyebrow{font-size:16px;margin-bottom:24px}.hero-sub{margin-top:28px;font-size:18px}.hero .button{margin-top:25px;font-size:16px;gap:20px;min-height:52px}.micro{font-size:12px}.hero-portrait{width:310px;right:-10px;bottom:18px}.hero-bottom{left:7%;right:7%;bottom:23px;font-size:9px;gap:15px;align-items:end}.hero-bottom>span{max-width:80px}.hero-bottom>a{max-width:100px}.hero-portrait img{mask-image:linear-gradient(#000 73%,transparent 100%)}.section{padding:75px 7%}.section-label{font-size:10px;margin-bottom:28px}.intro-grid,.about-grid,.perspective,.analysis{grid-template-columns:1fr;gap:35px}h2{font-size:clamp(38px,9.5vw,57px)}.intro-grid h2{margin-bottom:0}.lead{font-size:23px}.copy p:not(.lead):not(.serif-note){font-size:18px}.serif-note{font-size:30px}.perspective-head>p:last-child{font-size:16px}.perspective-demo{padding:0}.lens-choices{gap:8px;padding-bottom:20px}.lens-choices button{font-size:13px}.look-result{padding:32px 5px 24px;min-height:280px}.look-result h3{font-size:45px;margin-bottom:28px}.look-detail{font-size:19px}.section-top{display:block;margin-bottom:35px}.section-top h2{width:100%}.method-list summary{grid-template-columns:40px 1fr 30px;padding:24px 0}.method-list h3{font-size:36px}.method-body{margin:0 0 28px 40px}.method-body .lead{font-size:22px}.method-body p:not(.lead){font-size:17px}.analysis h2{margin-bottom:30px}.document-scene{padding:20px 7px 0}.sample-document{padding:30px 25px}.sample-caption{font-size:11px}.about .section-label{margin-bottom:30px}.contact h2 br{display:none}.contact>p:not(.section-label){font-size:18px}.contact-mail{font-size:clamp(22px,6vw,32px);word-break:break-word}.contact-mail span{margin-left:7px}.booking{font-size:15px}footer{margin-top:65px;flex-wrap:wrap;gap:25px;font-size:11px}footer .logo{width:145px}footer>span{width:calc(100% - 170px);text-align:right}footer>a:last-child{margin-left:auto}.contact{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.sample-document{transform:none}}

/* Corrección de Davide: sin retrato en la landing y mar continuo. */
html{background:#061f35}body{background:transparent;color:#f4f0e8;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06253d99,#06253d50)}.sea-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.foam-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:12}.preview-bar{background:#082d4bb3;color:#f4f0e8}.hero{background:none;isolation:auto;min-height:max(720px,calc(100svh - 34px));padding-top:200px;padding-bottom:130px}.hero:before,.contact:before{display:none}.hero-copy{max-width:1200px}.hero h1{max-width:1150px;font-size:clamp(70px,7.8vw,120px);line-height:1.07}.hero-sub{margin-top:45px}.site-header.scrolled{background:#082d4bdd;color:#f4f0e8;border-color:#f4f0e82e}.intro,.about,.method{background:#06253d70}.perspective{background:#06253da6}.analysis{background:#06253d80}.contact{background:none}.copy p:not(.lead):not(.serif-note),.method-body p:not(.lead){color:#e0e8ed}.lens-choices,.method-list,.method-list details{border-color:#f4f0e84d}.lens-choices button{color:#f4f0e8;border-color:#f4f0e866}.lens-choices button[aria-pressed=true]{background:#f4f0e8;color:#19527d;border-color:#f4f0e8}.button{background:#f4f0e8;color:#19527d}.demo-note{color:#dae5eb}.sample-document{color:#19527d}.sample-caption{color:#e0e8ed}
@media(max-width:1000px){.hero-copy{max-width:100%}.hero{padding-top:180px}.hero h1{font-size:clamp(62px,8.2vw,85px)}}
@media(max-width:700px){.hero{min-height:max(700px,calc(100svh - 30px));padding:145px 7% 110px}.hero h1{font-size:clamp(48px,14vw,85px);line-height:1.09}.hero-sub{margin-top:35px}.hero-bottom>span,.hero-bottom>a{max-width:none}.site-header nav{background:#082d4bf5;color:#f4f0e8}.sample-document{transform:none}.hero-bottom{font-size:9px;gap:16px}.hero-bottom>span{max-width:115px}}


/* Afinado de lectura: misma identidad, más aire y menor contraste del mar. */
.hero h1{letter-spacing:-.025em;line-height:1.14;word-spacing:.035em}
.hero h1 .marked{margin-left:.07em;padding:0 .04em}
.hero h1 .marked svg{left:-5%;top:-3%;width:110%;height:113%}
h2{letter-spacing:-.03em;line-height:1.13}
.intro,.about,.method{background:linear-gradient(90deg,#06253db3,#06253dd9)}
.perspective{background:#06253dd1}.analysis{background:#06253db8}
.contact{background:#06253d55}
.copy,.method-body,.analysis-copy{line-height:1.65}
.look-result{min-height:340px}.look-result h3{font-size:clamp(34px,3.6vw,56px);letter-spacing:-.025em}
.look-detail{line-height:1.6}
@media(max-width:700px){.hero h1{font-size:clamp(43px,12.8vw,80px);line-height:1.15}.look-result{min-height:320px}.look-result h3{font-size:clamp(32px,8.5vw,45px)}.intro,.about,.method{background:#06253dce}}

/* Cabecera flotante: tres controles, con la o del nuevo manual. */
.preview-bar{display:none}
.compact-header{position:fixed;z-index:30;top:22px;left:50%;transform:translateX(-50%);width:300px;height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #f4f0e820;background:#061f3529;backdrop-filter:blur(10px);transition:background .3s,border-color .3s}
.compact-header.scrolled{background:#061f356b;border-color:#f4f0e830}
.compact-header:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#f4f0e8a6;transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}
.compact-header>a,.compact-toggle{width:44px;height:44px;display:grid;place-items:center;border:0;padding:0;background:none;color:#f4f0e8}
.compact-header svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.compact-mark svg{width:36px;height:36px}.compact-mark .brand-o{stroke-width:2.6}.compact-mark .brand-loop{stroke:#ff4f00;stroke-width:1.5;transform-origin:24px 24px;transition:transform .5s}
.compact-mail:hover svg,.compact-mail:focus-visible svg{transform:translateY(-2px) rotate(-8deg)}
.compact-mark:hover .brand-loop,.compact-mark:focus-visible .brand-loop{transform:rotate(15deg)}
.compact-toggle path{transform-origin:16px 16px;transition:transform .3s,opacity .2s}
.compact-toggle[aria-expanded=true] .menu-top{transform:translateY(6px) rotate(45deg);transform-origin:16px 10px}
.compact-toggle[aria-expanded=true] .menu-middle{opacity:0}
.compact-toggle[aria-expanded=true] .menu-bottom{transform:translateY(-6px) rotate(-45deg);transform-origin:16px 22px}
.compact-nav[hidden]{display:none}
.compact-nav{position:fixed;inset:0;z-index:25;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:110px max(7%,calc((100vw - 1100px)/2));background:linear-gradient(100deg,#031b32f7,#031b32eb);backdrop-filter:blur(8px);overflow-y:auto;animation:menu-appear .35s ease-out}
.compact-nav a{display:flex;align-items:center;gap:25px;width:fit-content;max-width:100%;padding:10px 0;font:400 clamp(32px,5.5vw,72px)/1.15 Fraunces,Georgia,serif;letter-spacing:-.025em;transition:transform .25s,color .25s}
.compact-nav a span{font:400 12px Familjen,Arial,sans-serif;letter-spacing:.05em;opacity:.65}
.compact-nav a:hover,.compact-nav a:focus-visible{transform:translateX(10px);color:#fff}
.menu-open{overflow:hidden}.menu-open .compact-header{background:transparent;border-color:transparent;backdrop-filter:none}.menu-open .compact-header:after{opacity:0}
@keyframes menu-appear{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
.hero{padding-top:155px;min-height:max(720px,100svh)}
@media(max-width:700px){.compact-header{width:248px;top:16px;height:52px;padding:0 12px}.hero{padding-top:140px}.compact-nav{padding:100px 7%;gap:10px}.compact-nav a{gap:18px;font-size:clamp(30px,8.5vw,48px)}}

/* CTA Salvamento: forma amable y gratuidad visible. */
.hero .button.light{background:#ff4f00;color:#102d42;border:1px solid #ff4f00;border-radius:999px;min-height:58px;padding:15px 27px;gap:32px;font-size:18px;font-weight:600;box-shadow:0 5px 22px #031b3226;transition:transform .25s,background .25s,box-shadow .25s}
.hero .button.light:hover{background:#ff6926;transform:translateY(-2px);box-shadow:0 8px 28px #031b3240}
.hero .button.light span{transition:transform .25s}.hero .button.light:hover span{transform:translate(2px,-2px)}
.hero .micro{margin-top:21px;opacity:1;line-height:1.4}
.hero .micro strong{display:block;font-size:24px;font-weight:600}
.hero .micro>span{display:block;margin-top:3px;font-size:16px;color:#e0e8ed}
@media(max-width:700px){.hero .button.light{font-size:16px;padding:14px 23px;gap:20px;min-height:56px}.hero .micro strong{font-size:23px}.hero .micro>span{font-size:15px}}

/* Objetivo comercial y cierre con el recorrido real. */
.hero-purpose{font-size:clamp(26px,2.8vw,38px);line-height:1.25;margin-top:35px;letter-spacing:-.025em}.hero-purpose strong{font-weight:600}.hero .hero-sub{margin-top:17px;font-size:19px;max-width:680px}.hero{min-height:max(810px,100svh)}
.contact footer{display:block;border:0;padding-top:0;margin-top:85px}
.trial-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #f4f0e84d;padding-top:25px;font-size:13px}
.contact footer .brand-reel{margin-top:55px;padding-bottom:0}
.contact footer .brand-intro h2{font-family:Fraunces,Georgia,serif;font-size:clamp(27px,3vw,38px);line-height:1.2;color:#f4f0e8;max-width:none}
.contact footer .brand-intro p{font-family:Familjen,Arial,sans-serif;font-size:14px;color:#e0e8ed}
.contact footer .brand-intro{align-items:center}.brand-motion-control[hidden]{display:none}
@media(max-width:700px){.hero-purpose{font-size:26px;margin-top:27px}.hero .hero-sub{font-size:17px;margin-top:16px}.hero{min-height:max(810px,100svh)}.trial-footer-bottom{flex-wrap:wrap;font-size:11px}.trial-footer-bottom>span{margin-left:auto}.trial-footer-bottom>a:last-child{margin-left:auto}.contact footer .brand-intro{display:block}.contact footer .brand-reel{margin-top:40px}.contact footer .brand-intro p{max-width:28ch}}
.contact .brand-viewport{mix-blend-mode:screen}
.contact{isolation:auto;background:transparent}