/* FertiStress® · módulo aislado, sin dependencias externas */
.fts-story-wrap{--fts-ink:#f7f2e9;--fts-gold:#c9ad82;--fts-serif:Georgia,'Times New Roman',serif;--fts-sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;width:min(1240px,calc(100% - 48px));margin:clamp(42px,6vw,86px) auto;color:var(--fts-ink)}
.fts-story-wrap *{box-sizing:border-box}
.fts-story{position:relative;isolation:isolate;overflow:hidden;min-height:640px;border-radius:30px;background:#0a1713;color:var(--fts-ink);border:1px solid #25332b24;box-shadow:0 24px 70px #1f1e241c}
.fts-scene{position:absolute;inset:0;z-index:-2;background:#0a1713 url('../assets/mar.jpg') 62% center/cover no-repeat;overflow:hidden;pointer-events:none}
.fts-scene canvas{display:block;width:100%;height:100%;opacity:0}
.fts-scene canvas.fts-ready{opacity:1}
.fts-story::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,12,9,.80) 0%,rgba(3,12,9,.57) 38%,rgba(3,12,9,.08) 76%),linear-gradient(0deg,#050d0930,transparent 60%)}
.fts-story__content{width:min(730px,70%);padding:80px 0 88px 76px}
.fts-story__eyebrow,.fts-modal__eyebrow{margin:0 0 29px;font:500 10px/1.6 var(--fts-sans);letter-spacing:.22em;color:#f1e9dddb}
.fts-story__title,.fts-modal__title{font:400 clamp(60px,6.8vw,94px)/.98 var(--fts-serif);letter-spacing:-.045em;margin:0;color:var(--fts-ink);text-wrap:balance}
.fts-story__lead{max-width:465px;margin:30px 0 0;font:400 21px/1.55 var(--fts-sans);color:#f4efe7;letter-spacing:-.015em;text-wrap:pretty}
.fts-story__cta{display:inline-flex;align-items:center;gap:14px;max-width:100%;margin-top:36px;padding:0 0 10px;border:0;border-bottom:1px solid #c9ad8299;border-radius:0;background:transparent;color:#f4ead9;font:500 12px/1.7 var(--fts-sans);letter-spacing:.015em;text-align:left;cursor:pointer;transition:color .2s,border-color .2s}
.fts-story__cta span{font-size:21px}.fts-story__cta:hover{color:white;border-color:#f4ead9}
.fts-story-wrap button:focus-visible,.fts-modal__title:focus-visible{outline:2px solid #dfc6a0;outline-offset:7px}
.fts-motion{position:absolute;bottom:23px;right:25px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#07110c45;color:#f7f2e9;font:14px/1 var(--fts-sans);cursor:pointer}
.fts-modal{position:fixed;inset:0;width:min(1060px,calc(100% - 48px));max-width:none;max-height:min(90vh,960px);max-height:min(90dvh,960px);margin:auto;padding:0;border:1px solid #e7dbbd33;border-radius:28px;background:#0a1713;color:var(--fts-ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 36px 100px #0008}
.fts-modal::backdrop{background:#040b09bf;backdrop-filter:blur(9px)}
.fts-modal__panel{position:relative;isolation:isolate;min-height:100%;}
.fts-scene--modal{background-position:75% center}
.fts-modal__panel::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,15,11,.96),rgba(8,17,12,.92) 62%,rgba(10,17,12,.64)),linear-gradient(0deg,#09120de6,transparent 80%)}
.fts-modal__toolbar{position:sticky;top:18px;z-index:2;height:0;display:flex;justify-content:flex-end;padding-right:20px;pointer-events:none}
.fts-modal__close{pointer-events:auto;width:42px;height:42px;border:1px solid #f7f2e959;border-radius:50%;background:#07130ee8;color:var(--fts-ink);font:300 28px/1 var(--fts-sans);cursor:pointer}
.fts-modal__content{padding:74px 84px 66px}
.fts-modal__eyebrow{padding-right:24px;margin-bottom:21px}
.fts-modal__title{font-size:clamp(48px,5.5vw,74px);max-width:740px}
.fts-modal__rule{width:66px;height:1px;background:var(--fts-gold);margin:31px 0}
.fts-modal__story{max-width:715px;font:400 17px/1.8 var(--fts-sans);color:#e6e8df}
.fts-modal__story p{margin:0 0 21px}.fts-modal__story strong{font-weight:600;color:#fcf8ef}
.fts-modal__story .fts-modal__closing{margin:32px 0 0;font:400 23px/1.55 var(--fts-serif);color:#e9d4ad}.fts-modal__closing strong{font-weight:400;color:inherit}
.fts-modal__signature{max-width:715px;margin-top:35px;padding-top:27px;border-top:1px solid #f4efe533}
.fts-modal__brand{display:block;font:400 30px/1.2 var(--fts-serif);letter-spacing:-.035em}
.fts-modal__claim{display:block;max-width:565px;margin-top:12px;font:italic 400 16px/1.65 var(--fts-serif);color:#e5d9c3}
.fts-static-story{padding:40px;background:#10221b;font:17px/1.8 var(--fts-sans)}
@media(max-width:760px){
.fts-story-wrap{width:calc(100% - 28px);margin:34px auto}
.fts-story{min-height:680px;border-radius:24px}
.fts-story::before{background:linear-gradient(180deg,rgba(3,12,9,.04) 0%,rgba(3,12,9,.15) 24%,rgba(3,12,9,.84) 51%,rgba(3,12,9,.97) 100%)}
.fts-story__content{width:100%;padding:274px 28px 74px}
.fts-story__eyebrow{font-size:9px;letter-spacing:.16em;max-width:300px;margin-bottom:22px}
.fts-story__title{font-size:clamp(50px,15.5vw,76px)}
.fts-story__lead{font-size:18px;line-height:1.55;margin-top:23px;max-width:470px}
.fts-story__cta{font-size:11px;line-height:1.6;margin-top:27px;gap:9px}
.fts-motion{bottom:19px;right:22px}
.fts-modal{width:calc(100% - 20px);max-height:94vh;max-height:94dvh;border-radius:22px}
.fts-modal__content{padding:75px 26px 42px}
.fts-modal__eyebrow{font-size:9px;letter-spacing:.15em}
.fts-modal__title{font-size:clamp(43px,12vw,63px)}
.fts-modal__story{font-size:15px;line-height:1.75}
.fts-modal__story .fts-modal__closing{font-size:21px;line-height:1.5}
.fts-modal__toolbar{top:12px;padding-right:12px}
.fts-modal__claim{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.fts-story-wrap *{transition:none!important}}