@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@600;700;800&display=swap');
:root{--navy:#061a2f;--navy2:#0a2943;--blue:#23b9ff;--ice:#dcecff;--text:#eaf4ff;--muted:#9eb3c7;--line:rgba(151,193,225,.18);--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#031323;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:12px 6%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(3,19,35,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand img{width:110px;height:55px;object-fit:contain}.nav{display:flex;align-items:center;gap:28px;font-size:.9rem;color:#c9d9e8}.nav a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--blue);padding:10px 18px;border-radius:999px;color:#fff!important}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:calc(100vh - 82px);padding:70px 8%;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;background:radial-gradient(circle at 80% 35%,rgba(35,185,255,.17),transparent 35%),linear-gradient(135deg,#031323,#082945 70%,#061a2f);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(120deg,transparent 49%,#1b78ad 50%,transparent 51%);background-size:90px 90px}.hero-copy,.hero-card{position:relative;z-index:1}.eyebrow{font-size:.75rem;letter-spacing:.28em;font-weight:800;color:var(--blue)}h1,h2,h3{font-family:Montserrat,Inter,sans-serif;line-height:1.05}h1{font-size:clamp(3.2rem,7vw,6.8rem);margin:18px 0 22px;letter-spacing:-.055em}h1 span,h2 span{color:var(--blue)}.hero-copy>p{max-width:650px;font-size:1.1rem;color:#b7c9d9}.hero-actions{display:flex;gap:13px;margin:30px 0}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 24px;border-radius:10px;font-weight:800;transition:.2s;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#22b9ff,#167bd1);box-shadow:0 12px 35px rgba(20,161,230,.22)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(20,161,230,.32)}.btn.ghost{border:1px solid #4d6b84;color:#e5f2ff}.btn.ghost:hover{border-color:var(--blue)}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#9fb6ca;font-size:.82rem}.hero-card{min-height:500px;border:1px solid rgba(102,193,245,.4);border-radius:34px;background:linear-gradient(150deg,rgba(19,62,91,.8),rgba(3,19,35,.9));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 90px rgba(0,0,0,.3),inset 0 0 50px rgba(31,170,235,.06);overflow:hidden}.hero-card .glow{position:absolute;width:260px;height:260px;background:#21b8ff;filter:blur(110px);opacity:.12}.hero-card img{width:75%;max-width:390px;position:relative;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}.card-line{width:45%;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);margin:20px}.hero-card p{font-size:.7rem;letter-spacing:.28em;color:#b5cee2}.section{padding:110px 8%;background:#f3f7fa;color:#09213a}.section-heading{max-width:760px;margin:0 auto 55px;text-align:center}.section-heading .eyebrow,.split-section .eyebrow{color:#087fb9}.section h2,.split-section h2,.cta-section h2{font-size:clamp(2.2rem,4vw,4rem);margin:13px 0 18px}.section-heading p{color:#5b7186}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1150px;margin:auto}.service{padding:30px;border-radius:20px;background:#fff;border:1px solid #dce6ee;box-shadow:0 12px 30px rgba(16,49,74,.06);transition:.2s}.service:hover{transform:translateY(-5px);border-color:#83d6f9}.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e7f7ff;color:#0789c7;font-size:22px;margin-bottom:22px}.service h3{font-size:1.1rem;margin:0 0 8px}.service p{color:#667d91;margin:0;font-size:.92rem}.split-section{padding:110px 10%;display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center;background:#fff;color:#09213a}.split-section>div:first-child{max-width:650px}.split-section p{color:#60778b}.check-list{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:18px}.check-list li{padding-left:42px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e7f7ff;color:#0789c7;font-weight:800}.check-list strong{display:block}.check-list span{font-size:.9rem;color:#71879a}.statement{min-height:390px;border-radius:30px;background:linear-gradient(145deg,#082d4b,#04192b);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;box-shadow:0 30px 70px rgba(5,32,52,.2)}.statement-mark{font:800 7rem/1 Montserrat;color:#d8ecff;letter-spacing:-.1em}.statement h3{font-size:2rem;margin:15px 0 5px}.statement p{max-width:320px!important;color:#9bb6ca!important}.dark-section{background:#061a2f;color:#fff}.dark-section .section-heading p{color:#9eb3c7}.steps{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.step b{font-size:2.2rem;color:var(--blue)}.step h3{margin:20px 0 8px}.step p{margin:0;color:#9fb4c7;font-size:.9rem}.cta-section{padding:80px 10%;display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(100deg,#0a3454,#0a2035);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-section h2{margin-bottom:10px}.cta-section p{color:#a8c0d3;margin:0;max-width:620px}.large{white-space:nowrap}.contact-section{padding:90px 8%;background:#031323}.contact-card{max-width:900px;margin:auto;padding:55px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(15,55,82,.65),rgba(4,22,38,.7));text-align:center}.contact-card h2{font-size:3rem;margin:12px 0 0}.contact-tag{color:#9fb6ca;margin-top:0}.contact-items{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;gap:15px}.contact-items a,.contact-items div{padding:20px 10px;border-top:1px solid var(--line)}.contact-items span{display:block;color:#8ca7bc;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.contact-items strong{display:block;margin-top:8px;color:#fff;font-size:.92rem}footer{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#02101d;color:#718ba0;font-size:.75rem}footer p{margin:0}.footer-brand img{width:90px;height:42px;object-fit:contain}.floating-wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#19c56b;color:#fff;font-size:28px;z-index:30;box-shadow:0 10px 30px rgba(0,0,0,.3)}@media(max-width:850px){.nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding:60px 7%;min-height:auto}.hero-card{min-height:360px}.service-grid{grid-template-columns:repeat(2,1fr)}.split-section{grid-template-columns:1fr;gap:50px}.steps{grid-template-columns:repeat(2,1fr)}.cta-section{flex-direction:column;align-items:flex-start}.contact-items{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.site-header{height:70px}.brand img{width:92px}.hero{padding:45px 6%}.hero-actions{flex-direction:column}.btn{width:100%}h1{font-size:3.25rem}.service-grid,.steps{grid-template-columns:1fr}.section,.split-section{padding:75px 6%}.contact-section{padding:65px 6%}.contact-card{padding:35px 20px}.contact-items{grid-template-columns:1fr}.cta-section{padding:65px 6%}.large{white-space:normal}.trust-row{display:grid;gap:8px}footer{flex-direction:column;text-align:center}}

/* Social / Instagram */
.social-btn{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.05);color:#fff}
.social-btn:hover{border-color:#fff;background:rgba(255,255,255,.1);transform:translateY(-2px)}
.social-panel{margin-top:34px;padding-top:28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px;text-align:left}
.social-kicker{display:block;color:var(--blue);font-size:.68rem;letter-spacing:.2em;font-weight:800;margin-bottom:8px}
.social-panel strong{display:block;font-family:Montserrat,Inter,sans-serif;font-size:1.15rem;color:#fff}
.social-panel p{margin:6px 0 0;color:#8fa8bc;font-size:.84rem;max-width:460px}
.instagram-link{display:flex;align-items:center;gap:13px;min-width:245px;padding:13px 16px;border:1px solid rgba(151,193,225,.2);border-radius:16px;background:rgba(255,255,255,.035);transition:.2s}
.instagram-link:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.07)}
.instagram-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1.5px solid #fff;font-size:25px;line-height:1;color:#fff}
.instagram-link small{display:block;color:#8fa8bc;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}
.instagram-link b{display:block;color:#fff;margin-top:2px;font-size:.88rem}
.instagram-link .arrow{margin-left:auto;color:var(--blue);font-size:20px}
.footer-instagram{color:#a8bfd2;transition:.2s}
.footer-instagram:hover{color:#fff}
@media(max-width:700px){.social-panel{flex-direction:column;align-items:stretch}.instagram-link{min-width:0;width:100%}}


/* FIXALAZ — rounded image treatment */
img {
  border-radius: 18px;
  overflow: hidden;
}


/* FIXALAZ V3 — Productos + Trade & Swap */
.products-section{background:#f3f7fa}
.product-toolbar{max-width:1150px;margin:0 auto 28px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.product-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce6ee;border-radius:14px;padding:0 15px;min-width:280px;height:48px;box-shadow:0 8px 20px rgba(16,49,74,.04)}
.product-search span{font-size:23px;color:#6d8497}
.product-search input{border:0;outline:0;width:100%;font:inherit;color:#09213a;background:transparent}
.product-filters{display:flex;gap:8px;flex-wrap:wrap}
.filter-btn{border:1px solid #d4e0e9;background:#fff;color:#38546a;padding:10px 14px;border-radius:999px;font-weight:700;cursor:pointer}
.filter-btn:hover,.filter-btn.active{background:#082d4b;color:#fff;border-color:#082d4b}
.product-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product-card{background:#fff;border:1px solid #dce6ee;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(16,49,74,.06);transition:.2s}
.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(16,49,74,.1)}
.product-image{height:220px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 45%,#164c70,#061a2f 70%);overflow:hidden}
.product-image:before{content:"";position:absolute;width:145px;height:185px;border:2px solid rgba(220,236,255,.65);border-radius:25px;box-shadow:0 0 35px rgba(35,185,255,.18),inset 0 0 20px rgba(255,255,255,.04);transform:rotate(-6deg)}
.product-image span{position:relative;z-index:1;font:800 1.5rem Montserrat;color:#dcecff;letter-spacing:.08em}
.product-image-cable:before{width:170px;height:50px;border-radius:40px;transform:rotate(-20deg)}
.product-image-charger:before{width:90px;height:125px;border-radius:18px;transform:none}
.product-image-case:before{width:120px;height:175px;border-radius:22px;transform:rotate(7deg)}
.product-body{padding:20px}
.product-topline,.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}
.product-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#087fb9;background:#e7f7ff;padding:6px 9px;border-radius:999px}
.quality{font-size:.78rem;letter-spacing:1px;color:#0b8ec8}
.product-card h3{font-size:1.08rem;margin:16px 0 7px;color:#09213a}
.product-quality{font-size:.82rem;color:#71879a;margin:0 0 17px}
.product-quality strong{color:#38546a}
.price{font-size:1.25rem;color:#082d4b}
.stock{font-size:.75rem;color:#7890a2}
.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.product-actions .btn{padding:11px 10px;font-size:.78rem}
.no-products{text-align:center;color:#667d91;margin-top:28px}
.trade-section{padding:110px 8%;display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center;background:linear-gradient(135deg,#031323,#082d4b);position:relative;overflow:hidden}
.trade-section:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:-170px;background:rgba(35,185,255,.08);filter:blur(4px)}
.trade-copy,.trade-form{position:relative;z-index:1}
.trade-copy{max-width:680px}
.trade-copy h2{font-size:clamp(2.5rem,5vw,5rem);margin:15px 0 22px;font-family:Montserrat,Inter,sans-serif;line-height:1.03;letter-spacing:-.05em}
.trade-copy p{font-size:1.05rem;color:#a9c0d2;max-width:600px}
.trade-points{display:grid;gap:12px;margin-top:32px}
.trade-points div{display:flex;align-items:center;gap:15px;color:#dcecff}
.trade-points b{width:38px;height:38px;border:1px solid rgba(35,185,255,.45);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:.75rem}
.trade-form{background:rgba(255,255,255,.06);border:1px solid rgba(151,193,225,.22);border-radius:26px;padding:30px;box-shadow:0 30px 70px rgba(0,0,0,.22);backdrop-filter:blur(12px)}
.form-heading{margin-bottom:22px}
.form-heading span{display:block;color:var(--blue);font-size:.7rem;letter-spacing:.2em;font-weight:800}
.form-heading strong{display:block;color:#fff;font:700 1.45rem Montserrat;margin-top:8px}
.trade-form label{display:block;color:#b9cede;font-size:.78rem;font-weight:700;margin:14px 0}
.trade-form input,.trade-form select,.trade-form textarea{width:100%;margin-top:7px;border:1px solid rgba(151,193,225,.2);background:rgba(2,16,29,.55);color:#fff;border-radius:11px;padding:13px 14px;outline:none;font:inherit;resize:vertical}
.trade-form input:focus,.trade-form select:focus,.trade-form textarea:focus{border-color:var(--blue)}
.trade-form option{background:#061a2f;color:#fff}
.trade-form .large{width:100%;margin-top:10px;border:0}
.trade-instagram{display:block;text-align:center;color:#a9c0d2;font-size:.78rem;margin-top:16px}
.trade-instagram:hover{color:#fff}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}.trade-section{grid-template-columns:1fr;gap:45px}}
@media(max-width:520px){.product-toolbar{align-items:stretch}.product-search{min-width:0;width:100%}.product-grid{grid-template-columns:1fr}.product-image{height:240px}.trade-section{padding:75px 6%}.trade-form{padding:22px}.product-actions{grid-template-columns:1fr}.filter-btn{flex:1}}

/* FIXALAZ V4 — Cotizaciones + pagos */
.quote-section{background:#eef5f9}
.quote-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}
.quote-form,.quote-preview{background:#fff;border:1px solid #d8e4ec;border-radius:26px;box-shadow:0 18px 45px rgba(16,49,74,.08)}
.quote-form{padding:30px}
.form-heading{display:grid;gap:5px;margin-bottom:24px}
.form-heading span{font-size:.68rem;letter-spacing:.18em;color:#087fb9;font-weight:800}
.form-heading strong{font:800 1.25rem Montserrat,Inter,sans-serif;color:#09213a}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.quote-form label{display:grid;gap:7px;color:#29465d;font-size:.84rem;font-weight:700;margin-bottom:16px}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #d4e0e8;border-radius:12px;padding:13px 14px;background:#f9fbfc;color:#09213a;font:inherit;outline:none}
.quote-form textarea{resize:vertical;min-height:105px}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#23b9ff;box-shadow:0 0 0 3px rgba(35,185,255,.12)}
.amount-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.payment-choice-label{margin:5px 0 10px!important}
.payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.payment-option{display:flex!important;align-items:center;gap:9px;padding:13px!important;border:1px solid #d7e3eb;border-radius:15px;background:#f8fbfd;cursor:pointer;margin:0!important}
.payment-option:has(input:checked){border-color:#23b9ff;background:#eefaff;box-shadow:0 0 0 2px rgba(35,185,255,.1)}
.payment-option input{width:auto!important;accent-color:#0789c7}
.payment-option .payment-icon{font-size:21px}
.payment-option strong{display:block;color:#09213a;font-size:.78rem}
.payment-option small{display:block;color:#748a9b;font-size:.66rem;margin-top:2px}
.form-note{font-size:.72rem;color:#7890a2;margin:15px 0 0;line-height:1.45}
.quote-preview{min-height:100%;overflow:hidden}
.quote-empty{min-height:570px;padding:45px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.quote-mark{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:#082d4b;color:#dcecff;font:800 1.65rem Montserrat;margin-bottom:25px;box-shadow:0 15px 35px rgba(5,32,52,.18)}
.quote-empty h3{color:#09213a;font-size:1.45rem;margin:12px 0 8px}
.quote-empty p{color:#71879a;max-width:350px;font-size:.9rem}
.quote-ticket{padding:0}
.quote-ticket-head{padding:27px 28px;background:linear-gradient(135deg,#082d4b,#061a2f);color:#fff}
.quote-ticket-head .eyebrow{color:#72d5ff}
.quote-number{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-top:12px}
.quote-number strong{font:800 1.55rem Montserrat}
.quote-number span{font-size:.72rem;color:#a9c3d6}
.quote-ticket-body{padding:26px 28px;color:#09213a}
.quote-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:20px;border-bottom:1px solid #e0e8ee}
.quote-meta span,.quote-line span{display:block;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;color:#7b91a2}
.quote-meta strong{display:block;margin-top:4px;font-size:.88rem}
.quote-details{padding:18px 0;border-bottom:1px solid #e0e8ee}
.quote-details h4{margin:0 0 7px;font:700 .9rem Montserrat}
.quote-details p{margin:0;color:#667d91;font-size:.82rem;white-space:pre-wrap}
.quote-total{padding:20px 0 8px}
.quote-line{display:flex;justify-content:space-between;align-items:center;margin:8px 0}
.quote-line strong{font-size:.9rem}
.quote-line.total{margin-top:16px;padding-top:15px;border-top:1px solid #dce6ed}
.quote-line.total strong{font:800 1.5rem Montserrat;color:#087fb9}
.payment-box{margin-top:18px;padding:18px;border-radius:16px;background:#eef8fc;border:1px solid #cbeaf7}
.payment-box h4{margin:0 0 7px;color:#09213a;font:800 1rem Montserrat}
.payment-box p{margin:0;color:#60778b;font-size:.8rem;line-height:1.5}
.payment-box .payment-action{margin-top:12px}
.quote-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.quote-actions .btn{padding:12px 14px;font-size:.78rem}
.quote-actions .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.quote-disclaimer{padding:0 28px 26px;color:#8195a4;font-size:.68rem;line-height:1.45}
.quote-config-note{font-size:.7rem;color:#a56b00;background:#fff7e6;border:1px solid #f1d69b;border-radius:10px;padding:10px;margin-top:12px}
@media(max-width:900px){.quote-layout{grid-template-columns:1fr}.quote-preview{min-height:0}.quote-empty{min-height:390px}}
@media(max-width:600px){.quote-form{padding:22px}.form-grid,.amount-row,.payment-options,.quote-meta{grid-template-columns:1fr}.quote-ticket-head,.quote-ticket-body{padding:23px 20px}.quote-actions{grid-template-columns:1fr}.quote-number{align-items:start;flex-direction:column}.quote-section{padding-left:6%;padding-right:6%}}