:root{--bg:#f8f5f0;--card:#fff;--ink:#27231f;--mute:#7a7168;--gold:#a8844f;--line:#e4ddd0;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1b1917;--card:#24211e;--ink:#f3eee6;--mute:#b5aca1;--gold:#d4b07c;--line:#383330;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#1b1917;--card:#24211e;--ink:#f3eee6;--mute:#b5aca1;--gold:#d4b07c;--line:#383330;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:70px;height:100%}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:300 17px/1.7 'Cormorant Garamond',Georgia,serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3{font-weight:300;margin:0;line-height:1.1}
a{color:inherit}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.s{font-family:Jost,'Helvetica Neue',Arial,sans-serif}
.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(1.1rem + env(safe-area-inset-top,0px)) 4vw 1.1rem;color:#fff;transition:background .4s,color .4s,padding .4s}
.nav.on{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);color:var(--ink);border-bottom:1px solid var(--line);padding-top:calc(.7rem + env(safe-area-inset-top,0px));padding-bottom:.7rem}
.logo{text-decoration:none;font:400 1.35rem 'Cormorant Garamond',serif;letter-spacing:.32em}
.logo i{font-style:italic;letter-spacing:.12em;opacity:.8;margin-left:.5em}
.nav .l{display:flex;gap:2rem;font:400 .78rem Jost,sans-serif;letter-spacing:.14em}
.nav .l a{text-decoration:none;opacity:.85}
.nav .l a:hover{opacity:1}
.pill{display:inline-block;text-decoration:none;font:400 .8rem Jost,sans-serif;letter-spacing:.12em;padding:.75rem 1.6rem;border:1px solid currentColor;border-radius:999px;transition:background .3s,color .3s}
.pill:hover{background:#fff;color:#27231f}
.nav.on .pill:hover{background:var(--ink);color:var(--bg)}
.fill{background:var(--ac,var(--gold));color:#fff;border-color:transparent}
.fill:hover{background:var(--ink);color:var(--bg)}
.hero{position:relative;height:100svh;min-height:560px;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,10,.35),rgba(20,15,10,.05) 40%,rgba(20,15,10,.6))}
.hero .c{position:relative;z-index:2;padding:0 6vw 9vh;max-width:900px;animation:rise 1.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(24px)}}
@media(prefers-reduced-motion:reduce){.hero .c{animation:none}html{scroll-behavior:auto}}
.hero h1{font-size:clamp(2.8rem,8vw,6.4rem);letter-spacing:.01em}
.hero h1 em{display:block;color:#ecd9b6}
.hero p{font:300 1rem/1.8 Jost,sans-serif;letter-spacing:.04em;max-width:480px;margin:1.6rem 0 2.2rem;opacity:.92}
.hero .b{display:flex;gap:1rem;flex-wrap:wrap}
.intro{max-width:980px;margin:0 auto;padding:9rem 1.5rem 6rem;text-align:center}
.intro h2{font-size:clamp(1.8rem,3.8vw,3rem);line-height:1.3}
.intro ul{list-style:none;margin:3.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;font:400 .78rem Jost,sans-serif;letter-spacing:.16em;color:var(--mute)}
.intro li{padding:.4rem 1.4rem;border-left:1px solid var(--line)}
.intro li:first-child{border:0}
.col{padding:2rem 4vw 8rem;text-align:center}
.col h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:3.5rem}
.arches{display:grid;grid-template-columns:repeat(5,1fr);gap:2vw;max-width:1300px;margin:0 auto}
.arches a{text-decoration:none;display:block}
.arch{aspect-ratio:3/4;border-radius:999px 999px 0 0;overflow:hidden}
.arch img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.arches a:hover img{transform:scale(1.07)}
.arches b{display:block;font:400 1.35rem 'Cormorant Garamond',serif;margin-top:1.1rem}
.arches small{font:400 .72rem Jost,sans-serif;letter-spacing:.12em;color:var(--mute)}
.stage{position:relative;min-height:clamp(660px,68vw,960px);overflow:hidden}
.stage .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card{position:absolute;top:7%;left:5%;width:min(350px,32%);background:color-mix(in srgb,var(--bg) 74%,transparent);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,#fff 45%,transparent);padding:2rem 1.8rem;display:flex;flex-direction:column;gap:.9rem}
.card h2{font-size:clamp(1.7rem,2.6vw,2.4rem)}
.card .sp{font:400 .7rem Jost,sans-serif;letter-spacing:.14em;color:var(--ac)}
.card .ld{font-size:1.18rem;line-height:1.45;font-style:italic}
.card p{margin:0}
.card .tx{font:300 .86rem/1.65 Jost,sans-serif;color:var(--mute)}
.card .mn{font:300 .7rem/1.5 Jost,sans-serif;color:var(--mute);border-top:1px solid var(--line);padding-top:.8rem}
.card .pill{align-self:flex-start;margin-top:.3rem;padding:.7rem 1.3rem}
.sheet{position:absolute;right:0;bottom:0;width:min(37.4%,463px);margin:0;background:#fff;padding:.7rem .7rem .4rem}
.sheet figcaption{font:400 .6rem Jost,sans-serif;letter-spacing:.2em;color:#7a7168;text-align:center;padding-top:.3rem}
.pk{position:absolute;right:calc(min(37.4%,463px) + 18px);bottom:3%;width:clamp(110px,13vw,190px);margin:0;box-shadow:0 6px 20px rgba(0,0,0,.22)}
.info{padding:9rem 4vw 7rem;text-align:center;border-top:1px solid var(--line);margin-top:0}
.info h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:4rem}
.facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:0 auto 4rem}
.facts div{padding:1rem 2rem;border-left:1px solid var(--line)}
.facts div:first-child{border:0}
.facts b{display:block;font:300 clamp(2rem,3.6vw,3rem)/1.2 'Cormorant Garamond',serif}
.facts span{font:400 .75rem/1.7 Jost,sans-serif;letter-spacing:.1em;color:var(--mute)}
.info p{max-width:520px;margin:0 auto 2rem;font-size:1.25rem;font-style:italic}
.info .pill{color:var(--ink)}
.info .pill:hover{background:var(--ink);color:var(--bg)}
.end{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}
.end img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.end:after{content:"";position:absolute;inset:0;background:rgba(25,18,12,.5)}
.end .c{position:relative;z-index:2;padding:6rem 1.5rem;max-width:860px}
.end h2{font-size:clamp(2.1rem,5vw,4rem);line-height:1.15}
.end p.k{font:400 .78rem Jost,sans-serif;letter-spacing:.22em;margin:2rem 0}
.soc{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:3rem;font:400 .78rem Jost,sans-serif;letter-spacing:.12em}
.soc a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5)}
.fab{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:15;background:#25a05a;color:#fff;text-decoration:none;font:400 .8rem Jost,sans-serif;letter-spacing:.1em;padding:.8rem 1.3rem;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
@media(max-width:860px){.nav .l{display:none}.arches{grid-template-columns:repeat(2,1fr);gap:1.4rem}.facts{grid-template-columns:1fr}.facts div{border:0;border-top:1px solid var(--line)}.stage{min-height:0;padding-bottom:1rem}.stage .bg{position:static;height:100vw}.card{position:relative;top:auto;left:auto;width:auto;margin:-3.5rem 1rem 0}.sheet{position:relative;right:auto;bottom:auto;width:auto;margin:1rem}.pk{top:calc(100vw - 130px);bottom:auto;right:1rem;width:96px}.intro li{border:0}}

[hidden]{display:none!important}
.lbx{position:fixed;inset:0;z-index:200;background:rgba(15,12,10,.9);display:flex;align-items:center;justify-content:center;padding:3vh 3vw;cursor:zoom-out;animation:lbi .3s ease both}
.lbx img{max-width:94vw;max-height:92vh;width:auto;height:auto;object-fit:contain;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lbc{position:absolute;top:calc(1rem + env(safe-area-inset-top,0px));right:1rem;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.35);color:#fff;font:400 1rem Jost,sans-serif;cursor:pointer}
.lbc:hover{background:#fff;color:#27231f}
@keyframes lbi{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.lbx{animation:none}}
.nav .l{gap:1.7rem;align-items:center}
.nav .r{display:flex;align-items:center;gap:1rem}
.burger{display:none;background:none;border:1px solid currentColor;color:inherit;font:400 .75rem Jost,sans-serif;letter-spacing:.14em;padding:.7rem 1.2rem;border-radius:999px;cursor:pointer}
.dd{position:relative}
.ddb{background:none;border:0;color:inherit;font:400 .74rem Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:.6rem 0;opacity:.9}
.ddb:hover,.dd.open .ddb{opacity:1}
.ddb:after{content:"";display:inline-block;width:.34em;height:.34em;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 0 .18em .65em;transition:transform .3s}
.dd.open .ddb:after{transform:rotate(225deg);margin-bottom:-.1em}
.ddp{position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);min-width:200px;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:.5rem 0;display:none;flex-direction:column;box-shadow:0 16px 40px rgba(0,0,0,.16)}
.dd.open .ddp{display:flex;animation:dd .35s ease both}
@keyframes dd{from{opacity:0;transform:translateX(-50%) translateY(8px)}}
.ddp a{padding:.75rem 1.5rem;text-decoration:none;font:400 .72rem Jost,sans-serif;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.ddp a:hover{color:var(--gold)}
.ddp a+a{border-top:1px solid var(--line)}
.cat{padding:10rem 4vw 3rem;text-align:center}
.crumb{font:400 .72rem Jost,sans-serif;letter-spacing:.16em;color:var(--mute);margin:0 0 1.2rem}
.crumb a{text-decoration:none;border-bottom:1px solid var(--line)}
.cat h1{font-size:clamp(2.6rem,6vw,4.6rem)}
.emp{max-width:640px;margin:0 auto;padding:4rem 1.5rem 9rem;text-align:center}
.emp h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:1rem}
.emp p{font-size:1.25rem;font-style:italic;margin:0 0 2rem}
.emp .pill{color:var(--ink)}
.emp .pill:hover{background:var(--ink);color:var(--bg)}
.col{padding:2rem 0 8rem}
.cv .col{padding-top:0}
.cv .col h2{display:none}
.arches{display:flex;grid-template-columns:none;max-width:none;margin:0;gap:2vw;padding:0 4vw;overflow-x:auto;scrollbar-width:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch}
.arches::-webkit-scrollbar{display:none}
.arches a{flex:0 0 clamp(210px,22vw,330px)}
.arches a:first-child{margin-left:auto}.arches a:last-child{margin-right:auto}
@media(hover:hover){.arches{cursor:ew-resize}}
@media(max-width:1100px){.nav .l{display:none}.burger{display:inline-block}.nav .l.open{display:flex;position:fixed;top:calc(62px + env(safe-area-inset-top,0px));left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);color:var(--ink);padding:.5rem 6vw 2rem;max-height:calc(100svh - 62px);overflow:auto;border-bottom:1px solid var(--line)}.nav .l.open .dd{border-bottom:1px solid var(--line)}.nav .l.open .ddb{width:100%;text-align:left;padding:1.1rem 0}.nav .l.open .ddp{position:static;transform:none;box-shadow:none;border:0;min-width:0;padding:0 0 .8rem 1rem;animation:none}.nav .l.open .ddp a+a{border:0}}
@media(max-width:860px){.arches{gap:1rem}.cat{padding-top:8rem}}

.stage{display:grid;grid-template-columns:1.75fr 1fr;min-height:clamp(640px,58vw,920px);overflow:visible}
.ph{position:relative;overflow:hidden}
.card{top:7%;left:6%;width:min(330px,58%)}
.side{background:var(--bg);padding:2.2rem 2rem;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;border-left:1px solid var(--line)}
.sheet{position:static;width:auto;margin:0;background:#fff;border:1px solid var(--line);padding:.9rem .9rem .5rem}
.r2{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}
.pk{position:static;top:auto;right:auto;bottom:auto;left:auto;flex:0 0 clamp(121px,39.6%,187px);width:auto;box-shadow:0 5px 16px rgba(0,0,0,.18)}
.sx{list-style:none;margin:0;padding:0;flex:1 1 150px;font:300 .8rem/1.55 Jost,sans-serif;color:var(--mute)}
.sx li{padding:.45rem 0;border-bottom:1px solid var(--line)}
.sx li:last-child{border:0}
.sx b{font-weight:400;color:var(--ink)}
.sheet,.pk{position:relative;cursor:zoom-in;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.sheet:focus-visible,.pk:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.zm{z-index:30;cursor:zoom-out;box-shadow:0 18px 50px rgba(0,0,0,.32)}
@media(prefers-reduced-motion:reduce){.sheet,.pk{transition:none}}
.ins{margin:0;font:300 .8rem/1.6 Jost,sans-serif;color:var(--mute)}
.ins a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}
@media(max-width:860px){.stage{display:block;padding:0;min-height:0}.ph .bg{position:static;height:112vw}.card{position:relative;top:auto;left:auto;width:auto;margin:-3.5rem 1rem 0}.side{border:0;padding:1.5rem 1rem 3rem}.pk{flex-basis:132px;top:auto;right:auto}}

#intro{position:fixed;inset:0;z-index:100;background:#fdfdfd;display:flex;align-items:center;justify-content:center;transition:opacity .7s ease}
#intro.out{opacity:0;pointer-events:none}
#intro{animation:ifs .7s ease 11s forwards}
@keyframes ifs{to{opacity:0;visibility:hidden;pointer-events:none}}
#intro video{width:min(86vw,640px);height:auto;max-height:84vh;object-fit:contain;display:block}
#intro .skip{position:absolute;right:1.5rem;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));background:none;border:1px solid #cfc7bb;color:#7a7168;font:400 .72rem Jost,sans-serif;letter-spacing:.16em;padding:.6rem 1.2rem;border-radius:999px;cursor:pointer}
#intro .skip:hover{color:#27231f;border-color:#27231f}
.io,.io body{overflow:hidden}
.io .hero .c{animation-play-state:paused}
.hero .sl{opacity:0;transition:opacity 1.8s ease}
.hero .sl.on{opacity:1}
.dots{position:absolute;right:6vw;bottom:9vh;z-index:3;display:flex;gap:.5rem}
.dots button{width:30px;height:18px;padding:0;border:0;background:none;cursor:pointer;position:relative}
.dots button:after{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:#fff;opacity:.45;transition:opacity .4s}
.dots button.on:after,.dots button:hover:after{opacity:1}
@media(max-width:860px){.dots{bottom:3vh;right:5vw}}
#intro{display:grid;place-items:center}#intro video,#intro .lg{grid-area:1/1;width:min(86vw,640px);height:auto;max-height:84vh;object-fit:contain}#intro .lg{opacity:0}#intro.fb .lg{opacity:1;transition:opacity .9s ease}

/* Lightbox más pequeño para la hoja de contenido del set */
.lbx img.sm{max-width:62vw;max-height:62vh}
@media(max-width:700px){.lbx img.sm{max-width:92vw;max-height:70vh}}

/* Beneficios y redes sociales ARTEP */
.intro{max-width:1240px;padding:8rem 4vw 6rem}
.intro-lead{font:300 1rem/1.7 Jost,sans-serif;color:var(--mute);margin:1.2rem auto 0;max-width:680px}
.intro ul.benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:3.5rem 0 0;font:400 .9rem/1.45 Jost,sans-serif;letter-spacing:0;color:var(--ink)}
.benefits li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.9rem;padding:0 1.1rem;border-left:1px solid var(--line);text-align:center}
.benefits li:first-child{border-left:0}
.benefit-icon{width:72px;height:64px;display:grid;place-items:center;border-radius:45% 55% 55% 45%;background:#e9e7d5}
.benefits li:nth-child(2) .benefit-icon{background:#dfe8d0}.benefits li:nth-child(3) .benefit-icon{background:#f4dfaa}.benefits li:nth-child(4) .benefit-icon{background:#e6d9ed}.benefits li:nth-child(5) .benefit-icon{background:#d5e8ed}
.benefit-icon svg{width:36px;height:36px;fill:none;stroke:#45423d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.soc-heading{margin:2.7rem 0 0;font:400 1rem Jost,sans-serif;letter-spacing:.04em}
.soc{gap:.8rem;margin-top:1.2rem;letter-spacing:0}
.soc .social-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:145px;padding:.85rem 1.25rem;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(255,255,255,.12);font:400 .85rem Jost,sans-serif;letter-spacing:.02em;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.soc .social-btn:hover{transform:translateY(-3px);background:rgba(255,255,255,.24);border-color:#fff}
.social-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.social-btn .dot{fill:currentColor;stroke:none}
.social-btn.tiktok svg path,.social-btn.facebook svg path{fill:currentColor;stroke:none}
@media(max-width:860px){.intro{padding:6rem 1.2rem 4rem}.intro ul.benefits{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.8rem;margin-top:2.5rem}.benefits li{border:0;padding:0 .6rem}.benefits li:last-child{grid-column:1/-1}.soc-heading{margin-top:2rem}.soc .social-btn{min-width:125px;padding:.75rem 1rem}}
@media(max-width:420px){.soc .social-btn{min-width:0;flex:1 1 40%}.soc{gap:.6rem}}

/* Beneficios en tres columnas, inspirados en la referencia enviada */
.intro{max-width:1240px;padding:8rem 4vw 6rem}
.intro-lead{font:300 1rem/1.7 Jost,sans-serif;color:var(--mute);margin:1.2rem auto 0;max-width:680px}
.intro ul.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:3.5rem 0 0;font:400 .9rem/1.55 Jost,sans-serif;letter-spacing:0;color:var(--ink)}
.benefits li{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0 clamp(1rem,3vw,3rem);border-left:1px solid var(--line);text-align:center}
.benefits li:first-child{border-left:0}
.benefit-icon{width:104px;height:104px;display:grid;place-items:center;border-radius:50%;border:1px solid #d9d3c7;background:color-mix(in srgb,var(--bg) 75%,#e8e2d6)}
.benefits li:nth-child(2) .benefit-icon{background:color-mix(in srgb,var(--bg) 70%,#dfe5d8)}.benefits li:nth-child(3) .benefit-icon{background:color-mix(in srgb,var(--bg) 70%,#e8ddd2)}
.benefit-icon svg{width:48px;height:48px;fill:none;stroke:#665447;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.benefit-copy{display:flex;flex-direction:column;gap:.6rem;max-width:310px}
.benefit-copy strong{font:400 1.05rem/1.4 Jost,sans-serif;color:var(--gold)}
.benefit-copy>span{font:300 .92rem/1.65 Jost,sans-serif;color:var(--mute)}
.soc-heading{margin:2.7rem 0 0;font:400 1rem Jost,sans-serif;letter-spacing:.04em}
.soc{gap:.8rem;margin-top:1.2rem;letter-spacing:0}
.soc .social-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:145px;padding:.85rem 1.25rem;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(255,255,255,.12);font:400 .85rem Jost,sans-serif;letter-spacing:.02em;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.soc .social-btn:hover{transform:translateY(-3px);background:rgba(255,255,255,.24);border-color:#fff}
.social-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.social-btn .dot{fill:currentColor;stroke:none}.social-btn.tiktok svg path,.social-btn.facebook svg path{fill:currentColor;stroke:none}
@media(max-width:860px){.intro{padding:6rem 1.2rem 4rem}.intro ul.benefits{grid-template-columns:1fr;row-gap:2.2rem;margin-top:2.5rem}.benefits li{border:0;padding:0 .6rem}.benefit-icon{width:88px;height:88px}.benefit-icon svg{width:40px;height:40px}.soc-heading{margin-top:2rem}.soc .social-btn{min-width:125px;padding:.75rem 1rem}}
@media(max-width:420px){.soc .social-btn{min-width:0;flex:1 1 40%}.soc{gap:.6rem}}

/* Ajustes de beneficios: isotipos lineales más grandes, inspirados en la referencia */
.intro ul.benefits{margin-top:4rem;}
.benefits li{gap:1.35rem;padding:0 clamp(1rem,3.2vw,3.2rem);}
.benefit-icon{width:clamp(132px,14vw,172px);height:clamp(132px,14vw,172px);border:2px solid #d1d0c8;background:transparent;flex:0 0 auto;}
.benefits li:nth-child(2) .benefit-icon,.benefits li:nth-child(3) .benefit-icon{background:transparent;}
.benefit-icon svg{width:82%;height:82%;fill:none;stroke:#5b4038;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;}
.benefit-copy{max-width:360px;gap:.8rem;}
.benefit-copy strong{font:400 clamp(1.25rem,1.65vw,1.6rem)/1.35 Jost,sans-serif;color:var(--ink);}
.benefit-copy>span{font:300 clamp(1.02rem,1.2vw,1.18rem)/1.7 Jost,sans-serif;color:var(--mute);}
@media(max-width:860px){
 .intro ul.benefits{row-gap:2.8rem;}
 .benefit-icon{width:clamp(118px,30vw,148px);height:clamp(118px,30vw,148px);}
 .benefit-icon svg{width:82%;height:82%;}
 .benefit-copy strong{font-size:1.25rem;}
 .benefit-copy>span{font-size:1rem;}
}

/* Iconos de beneficios: imágenes de referencia originales con fondo transparente */
.benefits .benefit-icon{background:transparent!important;border:0!important;padding:0!important;overflow:visible;box-shadow:none;}
.benefits .benefit-icon img{display:block;width:100%;height:100%;object-fit:contain;}