@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/jbm-300.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jbm-400.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jbm-500.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/jbm-700.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/jbm-800.woff2) format('woff2')}

body{margin:0;background:#0a0a0a}
a{color:#e8e6e1}a:hover{color:#ffffff}
.bs *{box-sizing:border-box}
.bs ::selection{background:#ff5a36;color:#0a0a0a}
.bs button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;text-align:left}
.bs button:focus-visible,.bs a:focus-visible,.bs input:focus-visible,.bs textarea:focus-visible,.bs select:focus-visible{outline:1px solid #ff5a36;outline-offset:3px}
.lbl{font-size:10px;letter-spacing:.14em;color:#9a968f;text-transform:uppercase}
.val{font-size:14px;letter-spacing:.06em;color:#e8e6e1;text-transform:uppercase;white-space:nowrap}
.bggrid{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:80px 80px}
.scan{background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.ruler-h{background:repeating-linear-gradient(90deg,#6d6a65 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,#9a968f 0 1px,transparent 1px 50px);background-size:auto 4px,auto 8px;background-repeat:repeat-x;background-position:0 100%,0 100%}
.ruler-v{background:repeating-linear-gradient(0deg,#6d6a65 0 1px,transparent 1px 10px),repeating-linear-gradient(0deg,#9a968f 0 1px,transparent 1px 50px);background-size:4px auto,8px auto;background-repeat:repeat-y}
.hatch{background:repeating-linear-gradient(135deg,#141414 0 6px,#101010 6px 12px)}
.chroma{background-color:#1f6b3a;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:64px 64px}
.grain{animation:grain 0.9s steps(4) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}100%{transform:translate(0,0)}}
.blink{animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.kb{animation:kb 24s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.12) translate(-2%,-1%)}}
.cell{transition:border-color .2s}
.cell:hover{border-color:#e8e6e1 !important}
.cell:hover .cell-go{opacity:1 !important;transform:translateX(0) !important}
.navbtn{transition:color .2s}
.navbtn:hover{color:#ffffff !important}
.herobtn{transition:background-color .2s,color .2s}
.herobtn:hover{background:#e8e6e1 !important;color:#0a0a0a !important}
.tab{transition:color .2s,border-color .2s}
.tab:hover{color:#ffffff !important}
.field{width:100%;background:transparent;border:0;border-bottom:1px solid #3a3a3a;color:#e8e6e1;font:inherit;font-size:14px;padding:8px 0 10px;border-radius:0}
.field:focus{border-bottom-color:#ff5a36;outline:none}
.field option{background:#111;color:#e8e6e1}
.range{width:100%;accent-color:#ff5a36}
.p0{left:0;top:0;width:100%;height:100%}
.p1{left:7%;top:14%;width:36%}
.p2,.p5,.p6{left:7%;top:75%;width:44%}
.after{clip-path:inset(0 0 0 50%);transition:clip-path .45s cubic-bezier(.2,.7,.2,1)}
.cell:hover .after{clip-path:inset(0 0 0 18%)}
.afterline{left:50%;transition:left .45s cubic-bezier(.2,.7,.2,1)}
.cell:hover .afterline{left:18%}
.cell .pimg{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cell:hover .pimg{transform:scale(1.05)}
.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}
.svc{display:flex;gap:28px;align-items:flex-start}
.svc-h{flex:0 0 30%}
.p3{left:7%;top:11%;width:86%}
.rgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.bx3{left:7%;width:86%}
.bxh{font-size:40px}
.p7{left:7%;top:11%;width:86%}
.p8{left:7%;top:12%;width:48%}
.p8b{left:60%;top:46%;width:33%}
.band{left:52%;bottom:5%;width:41%}
.band .lbl{font-size:10px;color:#5e5b56}
.band .val{font-size:14px;color:#7a7771}
.navname{display:inline}
.rail{display:none}
.hdrtc{display:inline}
.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){
.p1{top:42%;width:92%;left:4%}
.p2{top:47%;width:92%;left:4%}
.p3{top:8%;width:92%;left:4%}
.rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bx3{left:4%;width:92%}
.bxh{font-size:22px}
.p5{top:83%;width:92%;left:4%}
.p6{top:77%;width:92%;left:4%}
.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}
.svc{flex-direction:column;gap:12px}
.p7{top:8%;width:92%;left:4%;bottom:3%;overflow-y:auto}
.p8{top:25%;width:92%;left:4%;bottom:3%;overflow-y:auto}
.p8b,.band{display:none !important}
.navname,.rail,.hdrtc{display:none}
.bigt{font-size:30px !important}
.cols3,.cols2{grid-template-columns:minmax(0,1fr)}
.herobtns{right:4% !important;left:4% !important;justify-content:flex-start !important;bottom:calc(5% + 9.4vw + 130px) !important}
.claim{font-size:20px !important}
}
@media (prefers-reduced-motion:reduce){.grain,.blink,.kb{animation:none}}

/* Paginas interiores (legales y demas) */
.bsx{min-height:100vh;background:#0a0a0a;color:#e8e6e1;font-family:'JetBrains Mono',ui-monospace,monospace;-webkit-font-smoothing:antialiased}
.bsx-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 3%;height:56px;border-bottom:1px solid #262626;font-size:12px;letter-spacing:.16em}
.bsx-head a{text-decoration:none;color:#e8e6e1}
.bsx-logo{display:flex;align-items:center;gap:10px;font-weight:700}
.bsx-logo i{width:9px;height:9px;background:#ff5a36;display:inline-block}
.bsx-main{max-width:820px;margin:0 auto;padding:56px 24px 80px;font-size:15px;line-height:1.7;color:#cfccc6}
.bsx-main h1,.bsx-main h2,.bsx-main h3{color:#fff;letter-spacing:.02em;line-height:1.2}
.bsx-main h1{font-size:34px;font-weight:800}
.bsx-main a{color:#ff5a36}
.bsx-foot{border-top:1px solid #262626;padding:24px 3%;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:10px;letter-spacing:.14em}
.bsx-foot a{color:#8d8a84;text-decoration:none}
