@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--purple:#6d28d9;--violet:#8b5cf6;--dark:#171126;--ink:#17152c;--muted:#55546a;--pale:#f4f0ff;--green:#08b95a;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 max(4vw,24px);display:flex;align-items:center;gap:26px;background:#171126;color:white;position:sticky;top:0;z-index:20;box-shadow:0 6px 25px #10071c35}.brand{display:flex;align-items:center;gap:10px;min-width:260px}.brand-mark{font-size:28px;font-weight:900;letter-spacing:-4px;color:#a78bfa;border-right:2px solid #7c3aed;padding-right:9px}.brand strong{display:block;font-size:18px;letter-spacing:.3px}.brand small{display:block;color:#c6c1d6;font-size:10px;margin-top:2px}.nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1;font-size:12px;font-weight:600}.nav a{opacity:.86}.nav a:hover,.nav .active{opacity:1;color:#c4b5fd}.nav .active{background:var(--purple);padding:11px 16px;border-radius:20px}.top-whatsapp{background:#7c3aed;padding:12px 17px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.hero{min-height:455px;background:#151024;color:white;position:relative;overflow:hidden;padding:48px max(5.3vw,24px) 35px}.hero-bg{position:absolute;inset:0 0 0 27%;background:linear-gradient(90deg,#171126 0%,#171126c9 28%,#17112630 100%),url('assets/hero-tech.jpg') center/cover;opacity:.94}.hero-content{position:relative;z-index:2;max-width:750px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;margin:0 0 12px;color:#d9ccff}.eyebrow.purple{color:var(--purple)}h1{font-size:clamp(38px,4.2vw,59px);line-height:1.03;letter-spacing:-2.2px;margin:0 0 14px;font-weight:900}h1 span,.section h2 span{color:#9b6aff}.hero-lead{font-size:15px;line-height:1.55;color:#eeeaf8;margin:0 0 20px}.trust-row{display:flex;gap:21px;margin:22px 0 24px 112px}.trust-row span{display:flex;align-items:center;gap:8px;font-size:22px}.trust-row small{font-size:10px;line-height:1.35;color:#e5e0ef}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-left:112px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:12px;font-size:12px;font-weight:800;transition:transform .2s,filter .2s}.button:hover,.top-whatsapp:hover{transform:translateY(-2px);filter:brightness(1.07)}.whatsapp{background:var(--green);color:#fff}.outline{border:1px solid #d6cbe8;color:#fff}.mascot-hero{position:absolute;z-index:3;bottom:0;left:1.5%;width:235px;height:190px;display:flex;align-items:flex-end;pointer-events:none}.mascot-hero img{width:145px;max-height:185px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 7px 9px #0005);animation:bob 4s ease-in-out infinite}.speech{align-self:center;background:#fff;color:#4c1d95;border:2px solid #a78bfa;padding:10px 12px;border-radius:18px 18px 18px 4px;font-weight:800;font-size:11px;line-height:1.35;box-shadow:0 5px 15px #0002;transform:translate(-8px,-15px)}.brand-card{position:absolute;z-index:2;right:4.5%;bottom:75px;background:#3d2677e8;border:1px solid #8064c5;border-radius:15px;padding:20px;display:flex;gap:15px;align-items:center;max-width:300px}.laptop-icon{font-size:38px}.brand-card strong,.brand-card small{display:block}.brand-card small{font-size:12px;margin-top:4px}.brands{font-size:10px;margin-top:13px;color:#ddd2ff}.section{max-width:var(--max);margin:auto;padding:48px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}.section h2,.process h2{font-size:clamp(26px,3vw,35px);line-height:1.1;letter-spacing:-1px;margin:0;font-weight:900}.section-heading>p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-card,.service-mini,.product-card{border:1px solid #e8e2f7;border-radius:12px;overflow:hidden;background:white;box-shadow:0 3px 12px #3b176b0d}.service-card img{width:100%;height:125px;object-fit:cover;display:block}.service-card>div{padding:14px}.service-card h3,.service-mini h3,.product-card h3{font-size:12px;margin:0 0 7px;font-weight:800}.service-card p,.service-mini p,.product-card p{font-size:10px;line-height:1.5;color:var(--muted);margin:0 0 10px}.service-card a{font-size:10px;color:var(--purple);font-weight:800}.service-mini{display:flex;gap:12px;align-items:flex-start;padding:16px 14px}.service-mini>b{font-size:24px;color:var(--purple)}.service-mini h3{margin-top:3px}.service-mini p{margin-bottom:0}.supplies{max-width:none;background:linear-gradient(100deg,#f1eaff,#faf8ff);display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:24px;align-items:center;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px))}.supplies-intro h2{font-size:26px;margin-bottom:12px}.supplies-intro p{font-size:12px;line-height:1.55;color:#3f3656}.supplies-intro small{font-size:10px;color:#65557e;line-height:1.5;display:block;margin-top:12px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-card{background:#ffffffb8;padding:10px}.product-card img{width:100%;height:100px;object-fit:cover;border-radius:7px;margin-bottom:10px}.product-card h3{font-size:11px}.product-card p{margin-bottom:0}.why h2{margin-bottom:25px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.why-grid article{display:flex;gap:12px;align-items:center}.why-grid article>b{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#eee7ff;color:var(--purple);font-size:24px;flex-shrink:0}.why h3{font-size:12px;margin:0 0 5px}.why p{font-size:10px;color:var(--muted);line-height:1.5;margin:0}.process{background:linear-gradient(115deg,#201239,#34205d);color:white}.process-inner{padding-top:38px;padding-bottom:42px}.process h2{margin-bottom:28px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{display:flex;gap:12px;align-items:flex-start}.steps article>b{display:grid;place-items:center;min-width:38px;height:38px;background:var(--purple);border-radius:50%;font-size:16px}.steps h3{font-size:12px;margin:4px 0 6px}.steps p{font-size:10px;line-height:1.5;color:#d6cce9;margin:0}.contact{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact>div:first-child{max-width:650px}.contact h2{margin-bottom:12px}.contact p{font-size:13px;line-height:1.6;color:var(--muted)}.contact .button{margin-top:10px}.contact-details{min-width:260px;background:#f7f3ff;padding:20px 24px;border-radius:15px}.contact-details p{font-size:12px}.config-note{font-size:10px!important;color:#8b3b3b!important}footer{background:#171126;color:white;padding:25px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:10px;color:#d1c8e5}.floating-dragon{position:fixed;z-index:30;right:18px;bottom:18px;width:90px;height:100px;display:flex;align-items:flex-end;justify-content:center;animation:bob 4s ease-in-out infinite}.floating-dragon img{width:88px;height:94px;object-fit:contain;filter:drop-shadow(0 4px 8px #28104455)}.float-bubble{position:absolute;bottom:75px;right:52px;white-space:nowrap;background:white;color:#4c1d95;border:1px solid #bda7f8;padding:8px 10px;border-radius:12px 12px 2px 12px;font-size:10px;font-weight:800;box-shadow:0 4px 14px #16052b20}.float-wa{position:absolute;right:0;bottom:0;background:#08b95a;border:3px solid white;color:white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:19px}.config-note code{background:#eee;padding:2px 4px;border-radius:4px}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1000px){.topbar{gap:15px}.brand{min-width:auto}.nav{gap:12px}.nav a{font-size:11px}.hero{padding-left:28px}.mascot-hero{left:0;width:220px;height:170px}.mascot-hero img{width:130px;max-height:165px}.speech{font-size:10px;padding:9px}.trust-row,.hero-actions{margin-left:92px}.brand-card{right:22px;bottom:25px}.hero-content{max-width:680px}.hero-bg{left:15%}.trust-row{gap:12px}.service-grid{grid-template-columns:repeat(2,1fr)}.supplies{grid-template-columns:1fr}.supplies-intro{max-width:500px}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{height:66px;padding:0 16px;justify-content:space-between}.brand-mark{font-size:25px}.brand strong{font-size:15px}.brand small{font-size:9px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#21143a;padding:18px;flex-direction:column;align-items:stretch;gap:4px}.nav.open{display:flex}.nav a{padding:12px 14px!important;border-radius:9px!important}.top-whatsapp{font-size:0;padding:10px 13px}.top-whatsapp:first-letter{font-size:17px}.hero{padding:35px 20px 250px;min-height:650px}.hero-bg{left:0;background:linear-gradient(180deg,#171126ee 0%,#171126d9 48%,#17112645 100%),url('assets/hero-tech.jpg') center/cover}.hero-content{max-width:none}.eyebrow{font-size:9px}h1{font-size:43px;letter-spacing:-1.8px}.hero-lead{font-size:13px}.trust-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-left:0}.trust-row small{font-size:10px}.hero-actions{align-items:stretch;flex-direction:column;max-width:350px;margin-left:0}.button{font-size:11px}.mascot-hero{left:5px;bottom:0;width:220px;height:185px}.mascot-hero img{width:135px;max-height:180px}.speech{font-size:10px;padding:9px;transform:translate(-5px,-20px)}.brand-card{right:14px;bottom:25px;max-width:165px;padding:12px;gap:8px}.brand-card .laptop-icon{font-size:25px}.brand-card strong{font-size:11px}.brand-card small,.brands{font-size:9px}.section{padding:36px 18px}.section-heading{display:block}.section-heading>p{margin-top:12px}.section h2,.process h2{font-size:27px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card img{height:95px}.service-card>div{padding:10px}.service-card h3{font-size:11px}.service-card p{font-size:9px}.service-mini{padding:12px 9px;gap:8px}.service-mini>b{font-size:20px}.service-mini h3{font-size:10px}.service-mini p{font-size:9px}.supplies{padding:35px 18px;gap:18px}.supplies-intro h2{font-size:27px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card img{height:100px}.why-grid{grid-template-columns:1fr 1fr;gap:18px 12px}.why-grid article{align-items:flex-start;gap:9px}.why-grid article>b{width:38px;height:38px;font-size:19px}.why h3{font-size:10px}.why p{font-size:9px}.steps{grid-template-columns:1fr 1fr;gap:22px 12px}.steps article>b{min-width:32px;height:32px}.contact{display:block}.contact-details{margin-top:22px}.floating-dragon{right:7px;bottom:8px;width:70px;height:80px}.floating-dragon img{width:70px;height:75px}.float-bubble{right:43px;bottom:60px;font-size:9px}footer{padding:22px 18px;flex-wrap:wrap}footer .brand{min-width:0}footer p{order:3;width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Ajustes de la portada: liberar los textos y centrar las acciones */
@media (min-width: 1001px) {
  .hero-actions { margin-left: 190px; }
  .mascot-hero { width: 225px; }
  .mascot-hero img { width: 125px; max-height: 170px; }
  .speech { transform: translate(-2px, 32px); }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .hero-actions { margin-left: 175px; }
  .mascot-hero { width: 205px; }
  .mascot-hero img { width: 120px; max-height: 155px; }
  .speech { transform: translate(0, 25px); }
}
@media (max-width: 700px) {
  .hero-actions { margin-left: 0; }
  .mascot-hero { width: 205px; }
  .mascot-hero img { width: 120px; max-height: 165px; }
  .speech { transform: translate(0, 8px); }
}

/* Último ajuste: elevar el asistente flotante para no tapar «Volver arriba» */
.floating-dragon { bottom: 58px; }
@media (max-width: 700px) {
  .floating-dragon { bottom: 46px; }
}