@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-600.ttf) format('truetype')}
@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-700.ttf) format('truetype')}
@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-800.ttf) format('truetype')}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plex-400.ttf) format('truetype')}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/plex-600.ttf) format('truetype')}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/plex-700.ttf) format('truetype')}
*,::before,::after{box-sizing:border-box;border:0 solid #243350}
html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%}
body{margin:0;background:#0f172a;color:#e2e8f0;font:400 16px/1.5 'IBM Plex Sans',system-ui,sans-serif}
h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3{font-size:inherit;font-weight:inherit}ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none;transition:color .18s,background-color .18s,border-color .18s}button,input{font:inherit;color:inherit}button,summary{cursor:pointer}button{background:none}img,svg,canvas{display:block;max-width:100%}img{height:auto}b,strong{font-weight:700}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #22c55e;outline-offset:4px}
.btn{display:inline-block;white-space:nowrap;border-radius:.5rem;background:#22c55e;padding:1rem 1.75rem;text-align:center;font-weight:700;color:#04210f;box-shadow:0 10px 18px -6px #22c55e4d;transition:transform .18s,background-color .18s,box-shadow .18s}
.btn:hover{transform:translateY(-2px);background:#4ade80;box-shadow:0 12px 20px -6px #22c55e80}.btn:active{transform:translateY(0)}
.card{border:1px solid #243350;border-radius:.75rem;background:#131d33;padding:1.5rem}
.h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:2.25rem;font-weight:700;line-height:1}
.sec{max-width:72rem;margin-inline:auto;padding:4rem 1rem}
.ck li{display:flex;gap:.75rem;color:#cbd5e1}.ck.g li::before{content:'✓';font-weight:700;color:#22c55e}.ck.r li::before{content:'✕';font-weight:700;color:#f87171}
.acc{border:1px solid #243350;border-radius:.75rem;background:#131d33;overflow:clip}
.acc summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;font-weight:600;list-style:none;transition:background-color .18s}.acc summary::-webkit-details-marker{display:none}.acc summary:hover{background:#1c2b47}
.acc i{width:.625rem;height:.625rem;flex-shrink:0;border-right:2px solid #60a5fa;border-bottom:2px solid #60a5fa;transform:rotate(45deg);transition:transform .2s}.acc[open] i{transform:rotate(225deg)}
.answer{padding:0 1.25rem 1.25rem;color:#cbd5e1}
@supports (interpolate-size:allow-keywords){.acc{interpolate-size:allow-keywords}.acc::details-content{height:0;overflow:clip;transition:height .24s,content-visibility .24s;transition-behavior:allow-discrete}.acc[open]::details-content{height:auto}}
.grat{background-image:linear-gradient(#22c55e1a 1px,transparent 1px),linear-gradient(90deg,#22c55e1a 1px,transparent 1px);background-size:32px 32px}
.ph{background:linear-gradient(135deg,#131d33,#1e3a8a)}
.mode{border:1px solid #243350;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;color:#cbd5e1;transition:color .18s,background-color .18s,border-color .18s}.mode:hover{border-color:#22c55e}.mode.on{border-color:#22c55e;background:#22c55e26;color:#4ade80}
input[type=range]{accent-color:#22c55e;width:100%;min-height:32px;display:block}
.initials{display:grid;place-items:center;width:3rem;height:3rem;flex-shrink:0;border:1px solid #22c55e66;border-radius:50%;background:#22c55e1a;color:#4ade80;font-weight:700}
#demo-dialog{max-width:32rem;width:calc(100% - 2rem);padding:2rem;border:1px solid #243350;border-radius:1rem;color:#e2e8f0;background:#131d33;box-shadow:0 20px 80px #0008;transition:opacity .18s,transform .18s,display .18s allow-discrete,overlay .18s allow-discrete}
#demo-dialog::backdrop{background:#020617cc;backdrop-filter:blur(4px)}#demo-dialog:not([open]){opacity:0;transform:translateY(8px)}
@starting-style{#demo-dialog[open]{opacity:0;transform:translateY(8px)}}
.reveal{transition:opacity .5s,transform .5s}.reveal.waiting{opacity:0;transform:translateY(12px)}
.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.top-0{top:0}.z-50{z-index:50}
.flex{display:flex}.grid{display:grid}.block{display:block}.hidden{display:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}
.mx-auto{margin-inline:auto}.mb-3{margin-bottom:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}
.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-inline:1rem}.py-8{padding-block:2rem}.py-10{padding-block:2.5rem}.py-14{padding-block:3.5rem}.py-16{padding-block:4rem}.pb-16{padding-bottom:4rem}.pt-24{padding-top:6rem}
.\!p-4{padding:1rem!important}.\!px-4{padding-inline:1rem!important}.\!py-2{padding-block:.5rem!important}
.w-full{width:100%}.h-full{height:100%}.h-12{height:3rem}.w-12{width:3rem}.h-16{height:4rem}.h-56{height:14rem}.min-h-\[3\.5rem\]{min-height:3.5rem}
.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.\!max-w-3xl{max-width:48rem!important}.\!max-w-4xl{max-width:56rem!important}
.aspect-square{aspect-ratio:1}.aspect-\[4\/3\]{aspect-ratio:4/3}.object-cover{object-fit:cover}.overflow-hidden{overflow:hidden}.opacity-15{opacity:.15}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}
.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-line{border-color:#243350}.border-volt{border-color:#2563eb}.border-red-500\/30{border-color:#ef44444d}.border-go\/40{border-color:#22c55e66}
.bg-base{background-color:#0f172a}.bg-base\/90{background-color:#0f172ae6}.bg-panel{background-color:#131d33}.bg-panel\/60{background-color:#131d3399}.bg-line{background-color:#243350}.bg-volt\/15{background-color:#2563eb26}.bg-\[\#0a1120\]{background-color:#0a1120}.backdrop-blur{backdrop-filter:blur(8px)}
.font-display{font-family:'Barlow Condensed',Impact,sans-serif}.font-mono{font-family:Consolas,ui-monospace,monospace}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.leading-\[0\.95\]{line-height:.95}.text-center{text-align:center}.line-through{text-decoration:line-through}
.text-go{color:#22c55e}.text-volt{color:#60a5fa}.text-red-400{color:#f87171}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.hover\:text-white:hover{color:#fff}
.space-y-2>:not(:first-child){margin-top:.5rem}.space-y-3>:not(:first-child){margin-top:.75rem}.space-y-4>:not(:first-child){margin-top:1rem}
.shadow-2xl{box-shadow:0 25px 50px -12px #0004}.shadow-go\/10{box-shadow:0 25px 50px -12px #22c55e1a}.shadow-volt\/20{box-shadow:0 25px 50px -12px #2563eb33}
#topo>section:first-child .mt-8.flex{flex-direction:column;align-items:flex-start}#topo>section:first-child .btn{max-width:100%}header nav a,footer nav a,.mode{white-space:nowrap}.mode:disabled{cursor:default;color:#94a3b8}h1,h2{overflow-wrap:anywhere}.grid>*{min-width:0}
@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:text-left{text-align:left}}
@media(min-width:768px){.sec{padding-block:6rem}.h2{font-size:3.75rem}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.md\:order-2{order:2}.md\:p-10{padding:2.5rem}.md\:pb-24{padding-bottom:6rem}.md\:pt-32{padding-top:8rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}
@media(max-width:1100px) and (min-width:768px){header nav{gap:1.25rem}#topo>section:first-child>.relative{grid-template-columns:1fr}#topo>section:first-child h1{max-width:55rem}#topo>section:first-child .btn{white-space:nowrap}}
@media(max-width:639px){h1{font-size:2.8rem!important}header .font-display{font-size:1.25rem;gap:.375rem}header .btn{font-size:.75rem;padding-inline:.75rem!important}.btn{max-width:100%;font-size:.9375rem;white-space:nowrap;padding-inline:1rem}.card{padding:1.25rem}.card .text-5xl{font-size:2.625rem}.text-3xl{font-size:1.75rem}#oferta .p-8{padding:1.5rem 1rem}#oferta .text-5xl{font-size:2.6rem}#garantia svg{width:5rem;height:5rem;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::before,::after{transition:none!important;animation:none!important}.reveal.waiting{opacity:1;transform:none}}
@media (min-width: 75rem) { :root .sec, :root .max-w-6xl { max-width: 1140px; } }
