@font-face{font-family:'Alrasa Sans';src:url(../fonts/AlrasaSans-400.woff2?v=8e1fed7737) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Alrasa Sans';src:url(../fonts/AlrasaSans-500.woff2?v=0f5951b979) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Alrasa Sans';src:url(../fonts/AlrasaSans-600.woff2?v=637aa26b28) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Alrasa Sans';src:url(../fonts/AlrasaSans-700.woff2?v=42b82026b2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-400.woff2?v=6e2658ad73) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-400-italic.woff2?v=01f4bf29ee) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-500.woff2?v=12a7d81d93) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-600.woff2?v=a4f64ab8a0) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat';src:url(../fonts/Montserrat-700.woff2?v=ae5da15d66) format('woff2');font-weight:700;font-style:normal;font-display:swap}

body{margin:0;background:#080808}
.ax{--gr:#1B1B1B;--hi:#3D3D3D;--co:#8F8F8C;--ce:#D9D8D4;--cal:#F2F1EE;--mi:#E2531E;--mt:#C2410C;--ld:rgba(242,241,238,.14);--lc:rgba(8,8,8,.16);--ease:cubic-bezier(.2,0,0,1);--out:cubic-bezier(.16,1,.3,1);
background:#080808;color:#F2F1EE;font-family:'Montserrat',Arial,sans-serif;font-size:17.5px;line-height:27.5px;-webkit-font-smoothing:antialiased;overflow-x:clip}
.ax *,.ax *::before,.ax *::after{box-sizing:border-box}
.ax img,.ax video{display:block;max-width:100%}
.ax a{color:inherit}
.ax a:focus-visible,.ax button:focus-visible{outline:2px solid var(--mi);outline-offset:3px}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding:0 60px}
.xp{font-family:'Montserrat',Arial,sans-serif;font-weight:500;letter-spacing:-.03em;line-height:1;margin:0;text-wrap:balance}
.mono{font-family:'Alrasa Sans','Montserrat',Arial,sans-serif;font-size:11.5px;line-height:17.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.p{margin:0;max-width:58ch;text-wrap:pretty}
.d .p{color:var(--ce)}
.c .p{color:var(--hi)}
.d{background:#080808;color:#F2F1EE}
.c{background:#F2F1EE;color:#080808}
.chaflan{clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:55px;padding:0 30px;font-family:'Montserrat',Arial,sans-serif;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;background:var(--mi);color:#080808 !important;clip-path:polygon(0 0,calc(100% - 12.5px) 0,100% 12.5px,100% 100%,0 100%);transition:background-color .3s var(--ease),transform .3s var(--ease)}
.btn:hover{background:#F2F1EE}
.c .btn:hover{background:#080808;color:#F2F1EE !important}
.btn:active{transform:translateY(1px)}
.lnk{display:inline-flex;align-items:center;gap:12.5px;text-decoration:none;font-weight:600;font-size:16px;min-height:44px;background:transparent;border:0;padding:0;cursor:pointer;font-family:inherit;color:inherit}
.lnk span{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s var(--ease)}
.lnk:hover span{background-size:100% 1px}
.lnk svg{transition:transform .4s var(--ease)}
.lnk:hover svg{transform:translateX(5px)}
.sec{padding:140px 0}

.nav{position:fixed;left:0;right:0;top:0;z-index:50;background:rgba(8,8,8,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--ld)}
.nav-in{height:80px;display:flex;align-items:center;gap:50px}
.nav-logo{display:flex;align-items:center;min-height:44px;flex:none}
.nav-logo img{height:32px;width:auto}
.nav-links{display:flex;gap:35px;margin-left:auto}
.nav-links a{text-decoration:none;font-size:15px;font-weight:500;opacity:.8;transition:opacity .3s}
.nav-links a:hover,.nav-links a[aria-current]{opacity:1}
.nav-links a[aria-current]{box-shadow:inset 0 -2px 0 var(--mi);padding-bottom:4px}
.nav-cta{height:45px;padding:0 22.5px;font-size:15px}

.cab{padding:180px 0 50px}
.cab-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.miga{display:flex;gap:12.5px;align-items:center;color:var(--co)}
.miga a{color:var(--co);text-decoration:none}
.miga a:hover{color:#F2F1EE}
.seg{display:inline-grid;grid-template-columns:1fr 1fr;border:1px solid rgba(242,241,238,.3);padding:4px;gap:4px}
.seg button{height:45px;padding:0 25px;border:0;background:transparent;color:var(--ce);font-family:'Alrasa Sans','Montserrat',Arial,sans-serif;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background-color .3s var(--ease),color .3s}
.seg button:hover{color:#F2F1EE}
.seg button[aria-selected="true"]{background:#F2F1EE;color:#080808}
.cab-h{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;align-items:end;margin-top:70px}
.h1{font-size:clamp(50px,8.4vw,120px);line-height:.92;letter-spacing:-.04em}
.cab-r{display:flex;flex-direction:column;gap:25px;align-items:flex-start;padding-bottom:10px}
.estado{display:inline-flex;align-items:center;gap:12.5px;color:var(--ce)}
.estado i{width:10px;height:10px;background:var(--mi);display:block}

.fach{padding-bottom:120px}
.fach-m{margin:0;aspect-ratio:16/9;background:var(--gr);overflow:hidden;position:relative}
.fach-m video,.fach-m img{width:100%;height:100%;object-fit:cover}
.fach-cap{display:flex;justify-content:space-between;gap:20px;margin-top:20px;color:var(--co)}

.ficha{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
.h2{font-size:clamp(35px,4.6vw,65px);letter-spacing:-.035em;line-height:1}
.rasgos{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--lc)}
.rasgos li{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;padding:20px 0;border-bottom:1px solid var(--lc);font-size:17.5px;font-weight:500}
.rasgos li .mono{color:var(--hi);padding-top:4px}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0}
.specs div{display:flex;flex-direction:column;gap:12.5px;padding:30px 0;border-top:1px solid #080808}
.specs dt{color:var(--hi)}
.specs dd{margin:0;font-family:'Montserrat',Arial,sans-serif;font-weight:500;font-size:clamp(30px,3.2vw,45px);letter-spacing:-.03em;line-height:1}
.ficha-a{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:40px}
.nota{margin-top:20px;font-size:14px;line-height:20px;color:var(--hi)}

.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:490px;gap:20px;margin-top:80px}
.bento figure{margin:0;position:relative;overflow:hidden;background:#D9D8D4}
.bento img,.bento video{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--out)}
.bento figure:hover img{transform:scale(1.03)}
.bento figcaption{position:absolute;left:0;bottom:0;padding:10px 15px;background:#F2F1EE;color:#080808}
.s8{grid-column:span 8}.s4{grid-column:span 4}
.gal-h{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;align-items:end}

.comp{width:100%;border-collapse:collapse;margin-top:80px;table-layout:fixed}
.comp th,.comp td{text-align:left;vertical-align:top;padding:22.5px 20px 22.5px 0;border-top:1px solid var(--ld)}
.comp thead th{border-top:0;padding-bottom:30px;vertical-align:bottom}
.comp tbody th{color:var(--co);font-weight:500;width:24%}
.comp td{font-size:17.5px;color:var(--ce)}
.comp td.on{color:#F2F1EE}
.comp-h{display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding-top:25px;position:relative}
.comp-h::before{content:'';position:absolute;left:0;top:0;width:40px;height:5px;background:rgba(242,241,238,.25);transition:background-color .4s,width .5s var(--ease)}
.comp-h.on::before{background:var(--mi);width:80px}
.comp-n{font-size:clamp(25px,2.6vw,37.5px)}
.comp-h .lnk{font-size:15px}

.ent{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:100px}
.ent-i{border-top:1px solid var(--ld);padding-top:30px;display:flex;flex-direction:column;gap:20px}
.ent-i .mono{color:var(--mi)}
.ent-i h3{font-size:clamp(22.5px,2.2vw,30px)}

.cta{display:flex;justify-content:space-between;align-items:end;gap:40px;flex-wrap:wrap}
.cta-a{display:flex;gap:30px;align-items:center;flex-wrap:wrap}

.foot{padding:100px 0 40px}
.foot-word img{width:100%;height:auto}
.foot-b{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:30px;color:var(--co);font-size:14px}
.foot-b a{color:var(--co)}
.comp-m{display:none}

@media (prefers-reduced-motion:no-preference){
.entra{animation:corte .9s cubic-bezier(.7,0,.2,1) both}
.entra-t{animation:sube 1s var(--out) both}
@keyframes corte{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes sube{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
}
@supports (animation-timeline: view()){
.is-vivo .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
@keyframes rv{from{transform:translateY(60px);opacity:.001}to{transform:none;opacity:1}}
}

@media (max-width:1180px){.nav-links{display:none}.nav-cta{margin-left:auto}}
@media (max-width:1024px){
.wrap{padding:0 40px}
.cab-h,.ficha,.gal-h{grid-template-columns:minmax(0,1fr);gap:40px}
.bento{grid-auto-rows:380px}
.ent{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width:768px){
.wrap{padding:0 20px}
.sec{padding:90px 0}
.nav-in{height:70px;gap:20px}
.nav-logo img{height:26px}
.nav-cta{height:42px;padding:0 17.5px;font-size:14px}
.cab{padding:120px 0 40px}
.cab-top{flex-direction:column;align-items:flex-start;gap:30px}
.cab-h{margin-top:40px}
.fach{padding-bottom:80px}
.fach-cap{flex-direction:column;gap:5px}
.bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:15px;margin-top:50px}
.s8,.s4{grid-column:auto}
.bento figure{aspect-ratio:4/3}
.bento figure.alto{aspect-ratio:4/5}
.comp{display:block;margin-top:50px}
.comp thead{display:none}
.comp tbody{display:block}
.comp tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 20px;border-top:1px solid var(--ld);padding:17.5px 0}
.comp tbody th{grid-column:1/-1;width:auto;border:0;padding:0}
.comp td{border:0;padding:0;font-size:15px;line-height:22.5px}
.comp td::before{content:attr(data-m);display:block;font-family:'Alrasa Sans','Montserrat',Arial,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--co);margin-bottom:2.5px}
.comp-m{display:flex;gap:15px;align-items:center;margin-top:30px}
.ent{margin-top:70px}
.foot{padding-top:70px}
}

[hidden]{display:none !important}
html{background:#080808}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
