/* Fuentes alojadas en este mismo sitio (licencia SIL OFL 1.1, ver assets/fonts/LICENSE-*.txt): ninguna petición a Google al abrir la web. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/cormorant-garamond-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/cormorant-garamond-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/manrope-latin-ext-300-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/manrope-latin-300-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#141414;--bg-deep:#0d0d0c;--elev:#1c1c1c;--ink:#f4f1ea;--muted:#b0aaa0;--gold:#c9a962;--gold-soft:#e8d9b0;--line:rgba(201,169,98,.28);--display:'Cormorant Garamond',Georgia,serif;--body:'Manrope','Helvetica Neue',sans-serif;--pad:clamp(20px,5vw,80px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold-soft);outline-offset:5px}::selection{background:var(--gold);color:var(--bg)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.025em;line-height:.97;text-wrap:balance}h1{font-size:clamp(52px,5.2vw,80px);max-width:12ch;margin-bottom:28px;white-space:pre-line}h2{font-size:clamp(42px,5.5vw,80px);margin-bottom:24px}h3{font-weight:400;font-size:20px;line-height:1.4}p{max-width:65ch}.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}.skip-link{position:fixed;top:8px;left:8px;z-index:50;background:var(--ink);color:var(--bg);padding:12px 18px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.top-anchor{position:absolute;top:0}.site-header{position:fixed;z-index:15;top:0;left:0;width:100%;height:80px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(180deg,rgba(13,13,12,.92),rgba(13,13,12,0));pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{font-family:var(--display);font-size:29px;font-weight:600;letter-spacing:-.03em;display:inline-flex;align-items:center;min-height:44px}.wordmark-dot{color:var(--gold)}.desktop-nav{display:flex;gap:30px;font-size:12px;font-weight:400}.desktop-nav a{min-height:44px;display:flex;align-items:center;position:relative}.desktop-nav a::after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .25s var(--ease)}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}.language-switch{display:flex;align-items:center;gap:5px;font-size:11px}.language-switch button{border:0;background:transparent;min-width:44px;min-height:44px;padding:0;cursor:pointer;color:var(--muted);transition:color .2s}.language-switch button[aria-pressed=true]{color:var(--gold-soft)}.language-switch span{opacity:.35}
.cinema{height:560vh;position:relative;background:var(--bg-deep)}.cinema-sticky{position:sticky;top:0;height:100vh;height:100dvh;min-height:600px;overflow:hidden;background:var(--bg-deep)}#film,.film-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--bg-deep)}.film-fallback{background:url('assets/mercitap-poster.webp') center/cover no-repeat;opacity:0}.cinema-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(10,10,9,.91) 0%,rgba(10,10,9,.64) 35%,rgba(10,10,9,.06) 68%),linear-gradient(0deg,rgba(10,10,9,.82) 0%,transparent 35%,rgba(10,10,9,.2) 100%);pointer-events:none}.story-copy{position:absolute;z-index:2;left:var(--pad);top:50%;width:min(560px,44vw);transform:translateY(calc(-50% + 24px));opacity:0;visibility:hidden;transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s}.story-copy.is-active{opacity:1;visibility:visible;transform:translateY(-50%)}.story-copy:not(.hero-copy){max-width:460px}.story-copy:not(.hero-copy) h2{font-size:clamp(44px,5vw,76px)}.story-copy:not(.hero-copy)>p:last-child{color:var(--ink);font-size:clamp(15px,1.25vw,18px);line-height:1.7}.eyebrow{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--gold-soft);margin-bottom:24px}.hero-intro{font-size:clamp(15px,1.35vw,19px);line-height:1.65;max-width:45ch}.hero-note{font-size:12px;color:var(--muted);max-width:47ch}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;margin-top:20px;padding:0 20px;border:1px solid var(--gold);background:var(--gold);color:#17150f;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .2s}.cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}.cta:hover{background:var(--gold-soft);transform:translateY(-2px)}.cta:hover svg{transform:translateX(3px)}.cta:active{transform:translateY(0)}.film-controls{position:absolute;z-index:3;bottom:max(24px,env(safe-area-inset-bottom));left:var(--pad);right:var(--pad);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.film-controls button{border:0;background:rgba(13,13,12,.55);backdrop-filter:blur(8px);display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;cursor:pointer;font-size:10px;color:var(--muted)}.film-controls button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.film-controls>p{font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin:0;color:var(--muted)}.film-progress{height:1px;background:rgba(244,241,234,.18)}.film-progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.section{padding:clamp(96px,13vw,190px) var(--pad);position:relative}.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:100px}.section-heading h2{margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(32px,5vw,80px)}.step{border-top:1px solid var(--line);padding-top:22px}.step-number{font-family:var(--display);font-size:18px;color:var(--gold);display:block;margin-bottom:60px}.step h3{font-family:var(--display);font-size:32px;line-height:1.1;margin-bottom:18px}.step p{font-size:14px;color:var(--muted);max-width:34ch}.offer{padding-top:40px;padding-bottom:110px;background:var(--elev)}.offer-rule{height:1px;background:var(--line);margin-bottom:70px}.offer-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:80px}.offer h2{font-size:clamp(70px,9vw,138px);margin:0}.offer-details{padding-top:45px}.offer-details h3{color:var(--gold-soft);font-family:var(--display);font-size:32px;margin:36px 0 8px}.offer-details p{font-size:14px;color:var(--muted)}.offer-details .offer-price{font-size:18px;color:var(--ink)}.calculator{background:var(--elev);padding-top:60px}.calc-intro{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:50px;align-items:start;margin-bottom:90px}.calc-intro h2{font-size:clamp(42px,4.8vw,68px)}.calc-intro>p:last-child{font-size:14px;color:var(--muted);padding-top:12px}.calc-workbench{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 0}form label{font-size:13px;font-weight:400;display:block;margin-bottom:22px}.input-line{display:grid;grid-template-columns:1fr auto auto;align-items:center;border-bottom:1px solid var(--gold);gap:12px}.input-line input{width:100%;min-width:0;background:transparent;border:0;color:var(--ink);font-family:var(--display);font-size:56px;padding:0 0 10px;outline-offset:2px}.input-line>span{font-family:var(--display);font-size:34px;color:var(--gold)}.input-line button{background:transparent;border:1px solid var(--line);min-height:48px;padding:0 22px;cursor:pointer;font-size:12px;transition:background .2s,color .2s}.input-line button:hover{background:var(--gold);color:var(--bg)}.field-help,.fine-print{font-size:11px;color:var(--muted);line-height:1.65}.field-help{margin-top:14px}.form-error{font-size:12px;color:#efad89;min-height:20px}.calc-result{text-align:right}.calc-result p{margin:0;font-size:13px}.calc-result strong{font-family:var(--display);font-size:clamp(100px,13vw,180px);font-weight:500;line-height:.8;color:var(--gold-soft)}.calc-result>span{display:block;font-family:var(--display);font-size:30px;margin:12px 0}.calc-result small{display:block;color:var(--muted);font-size:10px;margin-top:20px;margin-left:auto;max-width:50ch}.reward-note{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-top:80px}.reward-note h3{font-family:var(--display);font-size:32px}.reward-note p{font-size:14px;color:var(--muted)}.signal{display:flex;gap:12px;padding-top:12px}.signal i{width:8px;height:8px;border-radius:50%;background:#7d9b69}.signal i:nth-child(2){background:#c9a962}.signal i:nth-child(3){background:#a8684e}.waste{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;border-top:1px solid var(--line)}.waste h2{font-size:clamp(42px,5vw,70px)}.waste>p{padding-top:45px;color:var(--muted);font-size:16px}.seal{display:grid;grid-template-columns:1.25fr 1fr;gap:6vw;align-items:center;background:var(--bg-deep);overflow:hidden}.seal-visual{position:relative;min-width:0}.seal-visual img{display:block;width:100%;height:auto;position:relative;filter:brightness(.65) contrast(1.2);mix-blend-mode:screen}.seal-halo{position:absolute;top:20%;right:20%;bottom:20%;left:20%;border-radius:50%;background:radial-gradient(circle,rgba(201,169,98,.18),transparent 70%);filter:blur(40px)}.seal-copy h2{font-size:clamp(52px,6vw,88px)}.seal-copy>p{color:var(--muted)}.seal-copy ul{list-style:none;padding:0;margin:36px 0}.seal-copy li{border-top:1px solid var(--line);padding:12px 0;font-size:12px}.seal-copy li::before{content:'—';color:var(--gold);margin-right:12px}.final-cta{text-align:center;padding-top:160px;padding-bottom:160px}.final-cta h2{max-width:12ch;margin-left:auto;margin-right:auto}.final-cta>p:not(.eyebrow){margin-left:auto;margin-right:auto;color:var(--muted)}.final-cta .cta{margin-top:24px}.site-footer{padding:70px var(--pad) max(30px,env(safe-area-inset-bottom));background:#0a0a09;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:start;margin-bottom:60px}.footer-top p{font-size:13px;color:var(--muted)}.email-link{font-size:12px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:24px}details summary{cursor:pointer;font-size:12px;min-height:44px;padding:12px 0}details p{font-size:11px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:50px;font-size:10px;color:var(--muted)}.footer-bottom a{text-decoration:underline;text-underline-offset:4px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1023px){.desktop-nav{display:none}.story-copy{width:min(560px,56vw)}.cinema-shade{background:linear-gradient(90deg,rgba(10,10,9,.9),rgba(10,10,9,.3) 70%),linear-gradient(0deg,rgba(10,10,9,.85),transparent 50%)}.section-heading{grid-template-columns:1fr 2fr}.calc-intro{grid-template-columns:1fr 2fr}.calc-intro>p:last-child{grid-column:2}.seal{grid-template-columns:1fr 1fr}.film-controls>p{display:none}.film-controls{grid-template-columns:auto 1fr}}
@media(max-width:767px){:root{--pad:22px}.site-header{height:70px}.wordmark{font-size:26px}.cinema{height:500vh}.cinema-sticky{min-height:560px}#film,.film-fallback{object-fit:contain;object-position:center 24%;background:var(--bg-deep)}.cinema-shade{background:linear-gradient(0deg,rgba(10,10,9,.96) 0%,rgba(10,10,9,.73) 48%,rgba(10,10,9,.06) 82%),linear-gradient(90deg,rgba(10,10,9,.25),transparent)}.story-copy,.story-copy:not(.hero-copy){top:auto;bottom:100px;left:var(--pad);width:calc(100% - 44px);max-width:540px;transform:translateY(20px)}.story-copy.is-active{transform:translateY(0)}h1{font-size:clamp(48px,14.2vw,68px);max-width:9ch;margin-bottom:16px}.story-copy:not(.hero-copy) h2{font-size:clamp(42px,12vw,60px);max-width:11ch;margin-bottom:14px}.eyebrow{font-size:9px;margin-bottom:16px}.hero-intro{font-size:14px;line-height:1.55;max-width:42ch;margin-bottom:12px}.hero-note{font-size:10px;line-height:1.5}.story-copy:not(.hero-copy)>p:last-child{font-size:13px;line-height:1.6;max-width:42ch}.hero-copy .cta{margin-top:4px;min-height:48px}.film-controls{bottom:max(18px,env(safe-area-inset-bottom));gap:14px}.film-controls button{width:44px;padding:0;justify-content:center}.film-controls button span{display:none}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:block;margin-bottom:60px}.section-heading h2{font-size:52px}.steps{grid-template-columns:1fr;gap:48px}.step{display:grid;grid-template-columns:44px 1fr;column-gap:18px}.step-number{grid-row:1/3;margin:0}.step h3{font-size:29px;margin-bottom:12px}.step p{grid-column:2;font-size:13px;margin:0}.offer{padding-top:24px;padding-bottom:80px}.offer-rule{margin-bottom:50px}.offer-grid{grid-template-columns:1fr;gap:20px}.offer h2{font-size:76px}.offer-details{padding-top:0}.offer-details h3{margin-top:28px}.calculator{padding-top:30px}.calc-intro{display:block;margin-bottom:50px}.calc-intro h2{font-size:49px}.calc-intro>p:last-child{padding-top:0;font-size:13px}.calc-workbench{grid-template-columns:1fr;gap:60px;padding:40px 0}.input-line{grid-template-columns:1fr auto}.input-line input{font-size:52px}.input-line button{grid-column:1/3;width:100%;margin:12px 0}.calc-result{text-align:left}.calc-result strong{font-size:120px}.calc-result small{margin-left:0}.reward-note{grid-template-columns:1fr;gap:20px;margin-top:50px}.waste{grid-template-columns:1fr;gap:0}.waste h2{font-size:48px}.waste>p{padding-top:0;font-size:14px}.seal{grid-template-columns:1fr;gap:20px}.seal-visual{margin:-30px -45px 0}.seal-copy h2{font-size:58px}.final-cta{padding-top:110px;padding-bottom:110px}.final-cta h2{font-size:52px}.final-cta .cta{width:100%;gap:12px}.footer-top{grid-template-columns:1fr;gap:14px}.legal-grid{grid-template-columns:1fr;gap:0}.footer-bottom{flex-direction:column}.email-link{justify-self:start}.reveal{transform:translateY(16px)}}
@media(max-width:390px){.hero-note{display:none}.hero-copy{bottom:88px}.hero-copy h1{font-size:47px}.hero-intro{font-size:12px}.story-copy:not(.hero-copy){bottom:90px}.story-copy:not(.hero-copy) h2{font-size:43px}.story-copy:not(.hero-copy)>p:last-child{font-size:12px}.language-switch{gap:0}.language-switch button{min-width:44px}}


/* ===== v2: ritmo lento, video centrado, texto sin pisar el video, calculadora, sello ===== */
.cinema{height:1200vh}
.cta.cta-fixed{position:fixed;z-index:14;margin:0;min-height:46px;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s,visibility .3s,background .2s,transform .2s}
body.show-cta .cta.cta-fixed{opacity:1;pointer-events:auto;visibility:visible}
@media(min-width:1180px){
  :root{--vw:min(50vw,960px);--side:calc((100vw - var(--vw))/2 - var(--pad) - 28px)}
  #film,.film-fallback{top:auto;right:auto;bottom:auto;left:auto;top:50%;left:50%;width:var(--vw);height:auto;aspect-ratio:16/9;max-height:76vh;max-height:76svh;transform:translate(-50%,-50%);object-fit:contain;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
  .cinema-shade{background:radial-gradient(ellipse at center,transparent 55%,rgba(10,10,9,.6) 100%)}
  .story-copy,.story-copy:not(.hero-copy){width:var(--side);max-width:none}
  .story-copy[data-story="0"],.story-copy[data-story="2"],.story-copy[data-story="4"]{left:var(--pad);right:auto;text-align:left}
  .story-copy[data-story="1"],.story-copy[data-story="3"]{left:auto;right:var(--pad);text-align:right}
  .story-copy:not(.hero-copy) h2{font-size:clamp(28px,2.5vw,40px);line-height:1.02}
  .hero-copy h1{font-size:clamp(30px,2.7vw,42px);max-width:none}
  .story-copy p,.hero-intro{font-size:14px;line-height:1.6}
  .story-copy:not(.hero-copy)>p:last-child{font-size:14px}
  .hero-note{display:none}
  .eyebrow{margin-bottom:16px}
  .cta.cta-fixed{right:var(--pad);bottom:84px}
}
@media(max-width:1179px){
  .cinema-shade{display:none}
  #film,.film-fallback{top:auto;right:auto;bottom:auto;left:auto;top:80px;left:0;width:100%;height:38vh;height:38svh;object-fit:contain;object-position:center;transform:none;-webkit-mask-image:none;mask-image:none}
  .story-copy,.story-copy:not(.hero-copy){top:calc(80px + 38vh + 20px);top:calc(80px + 38svh + 20px);bottom:auto;left:var(--pad);right:var(--pad);width:auto;max-width:640px;transform:translateY(16px)}
  .story-copy.is-active{transform:none}
  .hero-note{display:none}
  .hero-copy h1{font-size:clamp(34px,9vw,54px);max-width:none;margin-bottom:12px}
  .story-copy:not(.hero-copy) h2{font-size:clamp(30px,8.5vw,46px);max-width:none;margin-bottom:12px}
  .hero-intro{font-size:14px}
  .film-controls{bottom:max(70px,calc(env(safe-area-inset-bottom) + 64px))}
  .cta.cta-fixed{left:var(--pad);right:var(--pad);bottom:max(12px,env(safe-area-inset-bottom));width:auto;min-height:48px}
}
@media(max-width:767px){.cinema{height:1100vh}}
/* Sello: infografía a todo el ancho, sin filtros */
.seal{grid-template-columns:1fr;gap:48px}
.seal-copy{order:-1;max-width:760px}
.seal-visual{margin:0}
.seal-visual img{width:100%;filter:none;mix-blend-mode:normal}
.seal-halo{display:none}
@media(max-width:767px){.seal-visual{margin:0 calc(var(--pad) * -1);overflow-x:auto;-webkit-overflow-scrolling:touch}.seal-visual img{width:1000px;max-width:none}}
/* Calculadora */
.calc-workbench form{display:grid;gap:28px}
.calc-field label{margin-bottom:8px}
.calc-field .input-line{grid-template-columns:1fr auto}
.calc-field .input-line input{font-size:clamp(30px,3vw,40px);padding-bottom:6px}
.calc-field .input-line>span{font-size:22px}
.calc-field .field-help{margin-top:8px}
.calc-result .payback{margin:20px 0 0 auto;font-size:14px;color:var(--ink);max-width:46ch}
@media(max-width:767px){.calc-result .payback{margin-left:0}}
@media(max-width:1179px){body{padding-bottom:72px}}

/* Colores y aviso legal del sello */
.seal-colors{margin:28px 0 0}
.seal-copy .swatches{display:flex;flex-wrap:wrap;gap:10px 18px;margin:12px 0 0}
.seal-copy .swatches li{display:flex;align-items:center;gap:8px;border:0;padding:0;font-size:12px}
.seal-copy .swatches li::before{content:"";width:18px;height:18px;margin:0;border-radius:50%;background:var(--c);border:1px solid rgba(244,241,234,.3)}
.disclaimer{margin-top:14px;opacity:.85}
.seal-colors{margin-bottom:22px}

/* ===== Sello: 4 tomas con zoom (scroll) ===== */
.sealstory{height:520vh;position:relative;background:var(--bg-deep)}
.ss-sticky{position:sticky;top:0;height:100vh;height:100dvh;min-height:600px;overflow:hidden}
.ss-step{position:absolute;top:0;right:0;bottom:0;left:0;--zoom:1;--t:1}
.ss-frame{position:absolute;overflow:hidden}
.ss-frame img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(var(--zoom));transform-origin:center}
.ss-copy{position:absolute;z-index:2;opacity:var(--t)}
.ss-copy h2{margin-bottom:14px}
.ss-copy>p:last-child{color:var(--ink);line-height:1.6}
.ss-progress{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:max(24px,env(safe-area-inset-bottom));height:1px;background:rgba(244,241,234,.18)}
.ss-progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.seal-after{background:var(--bg-deep);padding-top:clamp(60px,8vw,110px)}
@media(min-width:1180px){
  .ss-frame{top:50%;left:50%;width:min(var(--vw),calc(76vh*1.5));width:min(var(--vw),calc(76svh*1.5));aspect-ratio:3/2;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
  .ss-copy{top:50%;transform:translateY(-50%);width:var(--side)}
  .ss-step[data-step="0"] .ss-copy,.ss-step[data-step="2"] .ss-copy{left:var(--pad);text-align:left}
  .ss-step[data-step="1"] .ss-copy,.ss-step[data-step="3"] .ss-copy{right:var(--pad);text-align:right}
  .ss-copy h2{font-size:clamp(28px,2.5vw,40px);line-height:1.02}
  .ss-copy>p:last-child{font-size:14px}
}
@media(max-width:1179px){
  .ss-frame{top:80px;left:0;width:100%;height:38vh;height:38svh}
  .ss-copy{top:calc(80px + 38vh + 20px);top:calc(80px + 38svh + 20px);left:var(--pad);right:var(--pad);max-width:640px}
  .ss-copy h2{font-size:clamp(30px,8.5vw,46px);line-height:1.02;max-width:none}
  .ss-copy>p:last-child{font-size:14px}
  .ss-progress{bottom:max(76px,calc(env(safe-area-inset-bottom) + 70px))}
}
@media(max-width:767px){.sealstory{height:480vh}}


/* v3: línea sobre el video (solo capítulo 1), centrada y ajustada a su texto; pie alineado */
.film-kicker{position:absolute;z-index:3;left:50%;top:84px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 2 * var(--pad));margin:0;text-align:center;line-height:1.5;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s}
.film-kicker.is-active{opacity:1;visibility:visible}
@media(min-width:1180px){
  .film-kicker{top:calc(50% - min(var(--vw) * 9 / 16, 76vh) / 2 - 40px);top:calc(50% - min(var(--vw) * 9 / 16, 76svh) / 2 - 40px)}
}
@media(max-width:1179px){
  .film-kicker{font-size:9px;letter-spacing:.16em}
  #film,.film-fallback{top:122px}
  .story-copy,.story-copy:not(.hero-copy){top:calc(122px + 38vh + 20px);top:calc(122px + 38svh + 20px)}
}
.footer-top{grid-template-columns:1fr auto 1fr;align-items:center}
.footer-top p{margin:0;text-align:center}
.footer-top .email-link{justify-self:end}
@media(max-width:767px){
  .footer-top{grid-template-columns:1fr;align-items:start}
  .footer-top p{text-align:left}
  .footer-top .email-link{justify-self:start}
}

/* v4: película en canvas; el póster queda debajo mientras llegan los fotogramas */
canvas#film{display:block;background:transparent}
.film-fallback{opacity:1}
@media(max-width:1179px){.film-fallback{background-size:contain;background-position:center}}
/* el póster de respaldo se perdía en móvil (otra regla ponía solo color de fondo) */
.film-fallback{background-color:var(--bg-deep);background-image:url('assets/mercitap-poster.webp');background-repeat:no-repeat;background-position:center;background-size:cover}
@media(max-width:1179px){.film-fallback{background-size:contain}}

/* v5: versión simple (sin escena fija): todo apilado y legible. Se activa con html.simple */
html.simple .cinema{height:auto!important}
html.simple .cinema-sticky{position:relative!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:96px 0 120px!important}
html.simple .cinema-shade,html.simple .film-controls{display:none!important}
html.simple .film-fallback{position:relative!important;display:block!important;top:auto!important;left:auto!important;width:100%!important;height:0!important;padding-bottom:56.25%;max-height:none!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}
html.simple canvas#film{position:absolute!important;top:96px!important;left:0!important;width:100%!important;height:auto!important;aspect-ratio:16/9;max-height:none!important;transform:none!important;-webkit-mask-image:none!important;mask-image:none!important}
html.simple .film-kicker{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:auto!important;max-width:none!important;padding:0 var(--pad);margin:0 0 20px!important;opacity:1!important;visibility:visible!important}
html.simple .story-copy{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:auto!important;max-width:640px!important;margin:32px var(--pad) 0!important;opacity:1!important;visibility:visible!important;transform:none!important;text-align:left!important}
/* Decisión de Marco (31/10/2026): la web NO obedece 'Reducir movimiento' del sistema; las animaciones se muestran siempre. */

/* v3: altura estable de la escena fija (svh: no cambia al ocultarse la barra del navegador móvil) y reglas para pantallas bajas / apaisado. Portado del PR #1 y adaptado a la v1 (selector html:not(.simple) en lugar de html.enhanced). */
html:not(.simple) .cinema-sticky, html:not(.simple) .ss-sticky {height:100vh;height:100svh;min-height:0}
@media (max-width:1179px) and (max-height:719px) {
  html:not(.simple) .cinema-sticky, html:not(.simple) .ss-sticky {min-height:0}
  html:not(.simple) #film, html:not(.simple) .film-fallback,
  html:not(.simple) .ss-frame {top:104px;height:26vh;height:26svh}
  html:not(.simple) .story-copy, html:not(.simple) .story-copy:not(.hero-copy),
  html:not(.simple) .ss-copy {top:calc(104px + 26vh + 12px);top:calc(104px + 26svh + 12px)}
  html:not(.simple) .hero-copy h1, html:not(.simple) .story-copy:not(.hero-copy) h2,
  html:not(.simple) .ss-copy h2 {font-size:clamp(28px,7.5vw,38px);margin-bottom:10px}
  html:not(.simple) .eyebrow {margin-bottom:8px}
  html:not(.simple) .hero-intro, html:not(.simple) .story-copy:not(.hero-copy)>p:last-child,
  html:not(.simple) .ss-copy>p:last-child {font-size:13px;line-height:1.45;margin-bottom:10px}
  html:not(.simple) .hero-copy .cta {min-height:44px;margin-top:0}
}
/* v3.1: en móvil vertical con pantalla baja (Safari con barras, 640-719 px de alto) la imagen vuelve a ocupar TODO el ancho, como en la v1. La altura sigue la proporción de la imagen (16:9 película, 3:2 sello) y el texto baja justo debajo. */
@media (max-width:767px) and (orientation:portrait) and (max-height:719px) {
  html:not(.simple) #film, html:not(.simple) .film-fallback {height:56.25vw}
  html:not(.simple) .ss-frame {height:66.67vw}
  html:not(.simple) .story-copy, html:not(.simple) .story-copy:not(.hero-copy) {top:calc(104px + 56.25vw + 12px)}
  html:not(.simple) .ss-copy {top:calc(104px + 66.67vw + 12px)}
}
@media (max-width:1179px) and (max-height:500px) {
  html:not(.simple) .site-header {height:60px}
  html:not(.simple) .film-kicker {top:64px;left:25%;max-width:44%}
  html:not(.simple) #film, html:not(.simple) .film-fallback,
  html:not(.simple) .ss-frame {top:94px;left:0;width:50%;height:calc(100% - 180px)}
  html:not(.simple) .story-copy, html:not(.simple) .story-copy:not(.hero-copy),
  html:not(.simple) .ss-copy {top:76px;left:52%;right:var(--pad);width:auto}
  html:not(.simple) .hero-copy h1, html:not(.simple) .story-copy:not(.hero-copy) h2,
  html:not(.simple) .ss-copy h2 {font-size:28px}
  html:not(.simple) .film-controls {left:var(--pad);right:52%;bottom:max(70px,calc(env(safe-area-inset-bottom) + 64px))}
}


/* ===== Pista de desplazamiento: chevron dorado que rebota (escenas con fotogramas) ===== */
.scroll-cue{position:absolute;z-index:3;left:50%;bottom:40px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;color:var(--gold-soft);opacity:1;visibility:visible;transition:opacity .4s var(--ease),visibility .4s}
.scroll-cue.is-off{opacity:0;visibility:hidden}
.scroll-cue-text{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.22em;padding-left:.22em;text-shadow:0 0 12px rgba(10,10,9,.95),0 0 4px rgba(10,10,9,.9)}
.scroll-cue svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(10,10,9,.9));animation:cue-bounce 1.6s ease-in-out infinite}
@keyframes cue-bounce{0%,100%{transform:translateY(-3px);opacity:.55}50%{transform:translateY(7px);opacity:1}}
@media(max-width:1179px){.scroll-cue{bottom:max(80px,calc(env(safe-area-inset-bottom) + 74px))}}
@media(max-height:500px){.scroll-cue{display:none}}
html.simple .scroll-cue{display:none}

/* Menciones legales: respeta los saltos de línea del texto (una información por línea) */
details p{white-space:pre-line}
