
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--tsf-black);color:var(--tsf-white);font-family:var(--tsf-font-text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--tsf-white)}
:focus-visible{outline:3px solid var(--tsf-white);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--tsf-white);color:var(--tsf-black);padding:10px 14px;z-index:100;font-weight:600}
.skip:focus{left:8px}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.site-head{position:sticky;top:0;z-index:30;padding:calc(10px + env(safe-area-inset-top,0px)) 0 0;pointer-events:none}
.site-head .wrap{display:block}
.site-bar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:8px 10px 8px 26px;--tsf-glass-radius:999px;transition:min-height .35s cubic-bezier(.3,.7,.2,1),max-width .35s cubic-bezier(.3,.7,.2,1),box-shadow .35s}
.site-head.is-scrolled .site-bar{min-height:54px;max-width:880px;margin-inline:auto;box-shadow:0 20px 56px rgba(0,0,0,.65),inset 0 1px 0 var(--tsf-glass-hi),inset 0 -1px 0 rgba(255,255,255,.08)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 620px at 88% -6%,rgba(167,169,172,.13),transparent 62%),radial-gradient(760px 560px at -8% 108%,rgba(255,255,255,.05),transparent 62%)}
.site-head nav{display:flex;gap:24px;align-items:center}
.site-head nav a:not(.tsf-btn){text-decoration:none;font:600 12px/1 var(--tsf-font-text);letter-spacing:.2em;text-transform:uppercase;padding:12px 0}
.site-bar>a{display:block}.logo-mono{display:none}
.site-bar>a .logo-full svg{width:236px!important}.site-bar>a .logo-mono svg{width:46px!important}
.site-head nav a:not(.tsf-btn):hover{text-decoration:underline}
.hero{position:relative;overflow:hidden;margin-top:calc(-74px - env(safe-area-inset-top,0px));background:#0b0b0b url(hero-foto.webp) 66% center/cover no-repeat;min-height:clamp(580px,92vh,880px);display:flex;align-items:center}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,11,.95) 0,rgba(11,11,11,.78) 38%,rgba(11,11,11,.18) 68%,rgba(11,11,11,0) 100%)}
.hero .wrap{position:relative;width:100%;padding-top:calc(150px + env(safe-area-inset-top,0px));padding-bottom:88px}
.hero-copy{max-width:600px}
.hero .tsf-btn--glass-accent{color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.9),0 10px 30px rgba(0,0,0,.35)}
.hero .tsf-btn--glass-accent:hover{background:rgba(255,255,255,.2);filter:none}
html.no-glass .hero .tsf-btn--glass-accent{background:#1A1C1F;box-shadow:inset 0 0 0 1.5px #fff}
.motto{margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font:600 11px/1 var(--tsf-font-display);letter-spacing:.26em;color:var(--tsf-platinum)}
.motto span+span::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--tsf-silver);vertical-align:middle;margin-right:20px}
.hero-cap{position:absolute;right:max(20px,env(safe-area-inset-right,0px));bottom:14px;margin:0;padding:5px 10px;border-radius:8px;background:rgba(11,11,11,.62);font:500 11px/1.3 var(--tsf-font-text);color:var(--tsf-platinum);max-width:44ch;text-align:right}
.lista-top{padding-block:72px;border-top:0}
#pilares{position:relative;overflow:hidden}
#pilares .wrap{position:relative}
.wm{position:absolute;right:-4%;top:8%;width:min(620px,60vw);opacity:.075;pointer-events:none}
.wm svg{display:block;width:100%!important;height:auto}
.shot-frame{padding:10px;--tsf-glass-radius:34px}
.shot-frame .shot{border:0;border-radius:24px}
h1,h2,h3{font-family:var(--tsf-font-display);text-transform:uppercase;font-weight:700;margin:0;text-wrap:balance}
h1{font-size:clamp(28px,4.2vw,58px);line-height:1.1;letter-spacing:.015em}
h1 .r,h2 .r{color:var(--tsf-silver)}
h2{font-size:clamp(24px,3.2vw,42px);line-height:1.14;letter-spacing:.02em;margin-bottom:22px}
h3{font-size:16px;line-height:1.25;letter-spacing:.08em;font-weight:600;margin-bottom:10px}
.lead{font-size:18px;max-width:46ch;color:#dcdcdc;margin:24px 0 0}
section.block{padding-block:88px;border-top:1px solid var(--tsf-steel)}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.thesis{margin:0;padding:6px 0 6px 24px;border-left:2px solid var(--tsf-silver);font:700 clamp(20px,2.6vw,34px)/1.18 var(--tsf-font-display);letter-spacing:.02em;text-transform:uppercase;text-wrap:balance}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pillar{padding:28px}
.pillar p{margin:0;color:#d0d0d0}
.pillar .tsf-eyebrow{margin-bottom:14px}
.eco{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.eco .tsf-card{display:grid;gap:10px;align-content:start;padding:22px}
.tag-soon{display:inline-block;font:600 11px/1 var(--tsf-font-text);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--tsf-ash);color:var(--tsf-ash);padding:6px 8px;width:max-content}
.shot{width:100%;height:auto;display:block;border:1px solid var(--tsf-steel)}
.faq details{border-top:1px solid var(--tsf-steel);padding:18px 0}
.faq details:last-child{border-bottom:1px solid var(--tsf-steel)}
.faq summary{cursor:pointer;font:600 17px/1.4 var(--tsf-font-text)}
.faq p{margin:12px 0 0;color:#d0d0d0;max-width:64ch}
.card-form{padding:30px;display:grid;gap:18px;--tsf-glass-radius:32px}
.card-form h2{font-size:20px;letter-spacing:.06em;margin:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{font-size:15px;padding:12px 14px;border-left:4px solid var(--tsf-success);background:#101010;display:none}
.form-msg[data-show="1"]{display:block}
.form-msg.err{border-color:var(--tsf-danger)}
.rgpd{font-size:12.5px;color:var(--tsf-ash);border-collapse:collapse;width:100%}
.rgpd th,.rgpd td{text-align:left;padding:6px 10px 6px 0;vertical-align:top;border-top:1px solid var(--tsf-steel)}
.rgpd th{width:30%;color:#cfcfcf;font-weight:600}
.rgpd td,.site-foot .fine{overflow-wrap:anywhere}
.site-foot{position:relative;border-top:1px solid rgba(255,255,255,.1);padding-block:48px 56px;font-size:14px;color:#c5c5c5}
.site-foot .cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.site-foot a{color:#e6e6e6}
.site-foot button.link{background:none;border:0;color:#e6e6e6;text-decoration:underline;font:inherit;padding:0;cursor:pointer}
.site-foot .fine{margin-top:32px;color:var(--tsf-ash);font-size:12.5px;max-width:90ch}
.cookie-wrap{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:0 max(16px,env(safe-area-inset-left,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-right,0px))}
.cookie-wrap .tsf-cookie{max-width:820px;margin-inline:auto;border:0;padding:22px 26px;--tsf-glass-radius:28px}
.cookie-wrap.tsf-root{background:transparent}
.cookie-wrap[hidden]{display:none}
.cookie-panel{display:none;gap:12px;border-top:1px solid var(--tsf-steel);padding-top:14px}
.cookie-panel[data-open="1"]{display:grid}
.cookie-panel .tsf-btn,.cookie-actions .tsf-btn--glass{--h:48px}
.cookie-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.cookie-actions .tsf-btn--glass{flex:1 1 0;min-width:140px}
.legal{max-width:820px;padding-block:56px 80px}
.legal h1{font-size:clamp(26px,3.6vw,44px);margin-bottom:22px}
.legal h2{font-size:20px;margin:36px 0 12px}
.legal h3{font-size:16px;margin:26px 0 8px}
.pillar h3,.eco h3{font-size:15px}
.legal p,.legal li{color:#dedede}
.legal table{border-collapse:collapse;width:100%;margin:18px 0;font-size:14.5px;display:block;overflow-x:auto}
.legal th,.legal td{border:1px solid var(--tsf-steel);padding:9px 12px;text-align:left;vertical-align:top}
.legal th{background:var(--tsf-graphite)}
.legal blockquote{margin:18px 0;padding:12px 18px;border-left:4px solid var(--tsf-warning);background:var(--tsf-graphite)}
.legal code{background:var(--tsf-graphite);padding:2px 6px;border-radius:2px;font-size:.92em}
.legal pre{background:var(--tsf-graphite);padding:16px;overflow-x:auto;border:1px solid var(--tsf-steel)}
.draft-banner{background:var(--tsf-warning);color:#111;font:600 14px/1.4 var(--tsf-font-text);padding:10px 20px;text-align:center}
@media (max-width:900px){
 .pillars,.eco,.two-col{grid-template-columns:minmax(0,1fr)}
 .site-foot .cols{grid-template-columns:minmax(0,1fr)}
 .site-head nav a:not(.tsf-btn){display:none}
 .site-bar>a .logo-full svg{width:210px!important}
 .site-bar{padding-left:20px}
 .hero{margin-top:calc(-70px - env(safe-area-inset-top,0px));align-items:flex-end;background-position:57% 18%;min-height:clamp(600px,96vh,820px)}
 .hero::before{background:linear-gradient(0deg,rgba(11,11,11,.96) 0,rgba(11,11,11,.82) 42%,rgba(11,11,11,.1) 78%,rgba(11,11,11,0) 100%)}
 .hero .wrap{padding-top:0;padding-bottom:64px}
 .hero-cap{left:20px;right:auto;bottom:12px;text-align:left}
 .site-head .tsf-btn>span{white-space:nowrap}
 .site-head .tsf-btn{padding:0 16px}
}
@media (max-width:1100px){.site-head nav a:not(.tsf-btn){display:none}}
@media (max-width:640px){.logo-full{display:none}.logo-mono{display:block}}
@media (max-width:560px){.motto{display:grid;grid-template-columns:repeat(2,max-content);gap:10px 30px;letter-spacing:.22em}.motto span+span::before{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-bar{transition:none}}

/* Selector de idioma y país */
select.tsf-input{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none' stroke='%23F5F5F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 9px}
.tsf-glass select.tsf-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none' stroke='%23F5F5F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 9px}
select.tsf-input option{background:#1A1C1F;color:#FFFFFF}
.lp-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border:0;color:var(--tsf-white);font:600 13px/1 var(--tsf-font-text);letter-spacing:.12em;cursor:pointer;--tsf-glass-radius:999px;white-space:nowrap}
.lp-btn svg{flex:none}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lp-cc{color:#d6d6d6}
.lp-cc[hidden]{display:none}
.lp-scrim{position:fixed;inset:0;z-index:69;background:transparent}
.lp-scrim[hidden]{display:none}
.lp{position:fixed;z-index:70;top:calc(86px + env(safe-area-inset-top,0px));right:max(20px,env(safe-area-inset-right,0px));width:min(400px,calc(100vw - 32px));max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;padding:22px;display:grid;gap:16px;align-content:start;--tsf-glass-radius:28px;--tsf-glass-tint:rgba(11,11,11,.6);animation:lp-in .22s cubic-bezier(.3,.7,.2,1)}
.lp[hidden]{display:none}
@keyframes lp-in{from{opacity:0;transform:translateY(-8px) scale(.98)}}
.lp-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lp-title{font:600 15px/1.2 var(--tsf-font-display);text-transform:uppercase;letter-spacing:.18em}
.lp-x{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:var(--tsf-white);cursor:pointer}
.lp-x:hover{background:rgba(255,255,255,.18)}
.lp-label{margin:0 0 8px;font:600 12px/1.2 var(--tsf-font-text);letter-spacing:.1em;text-transform:uppercase}
.lp-langs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lp-langs a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:0 14px;border-radius:16px;text-decoration:none;font:600 15px/1.2 var(--tsf-font-text);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.lp-langs a:hover{background:rgba(255,255,255,.16)}
.lp-langs a[aria-current="true"]{background:var(--tsf-platinum);color:#0B0B0B;box-shadow:none}
.lp-c{font:600 11px/1 var(--tsf-font-text);letter-spacing:.14em;color:#cfcfcf}
.lp-langs a[aria-current="true"] .lp-c{color:#34373B}
.lp-detect{justify-self:start}
.lp-detect:disabled{opacity:.6;cursor:progress}
.lp-status{margin:-4px 0 0;min-height:1.4em;font-size:14px;color:#f1f1f1}
.lp-suggest{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.lp-suggest[hidden]{display:none}
.lp-suggest p{margin:0;flex:1 1 160px;font-size:14px}
.lp-note{margin:0;font-size:12.5px;line-height:1.5;color:#cfcfcf}
.lp-toast{position:fixed;z-index:65;top:calc(88px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));padding:12px 14px 12px 22px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;--tsf-glass-radius:26px;font-size:14.5px;animation:lp-in .3s cubic-bezier(.3,.7,.2,1)}
.lp-toast[hidden]{display:none}
.lp-toast p{margin:0;flex:1 1 220px}
.lp-toast .acts{display:flex;gap:8px;align-items:center}
.site-foot .legal-note{margin:16px 0 0;font-size:13px;color:#cfcfcf}
@media (max-width:560px){
 .site-head nav>.tsf-btn{display:none}
 .lp{top:auto;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-height:84vh;max-height:84dvh}
 .lp-scrim{background:rgba(0,0,0,.5)}
 .lp-toast{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.lp,.lp-toast{animation:none}}
