/* Estilos personalizados de Techlogic Telecom. */
    :root { color-scheme: light; }
    html { scroll-behavior: smooth; scroll-padding-top: 96px; }
    body { background: #fff; }
    ::selection { background: #a6fff0; color: #071626; }
    .text-balance { text-wrap: balance; }
    .eyebrow { letter-spacing: .18em; }
    .gradient-text { background: linear-gradient(105deg, #2563eb 5%, #129fba 93%); -webkit-background-clip: text; background-clip: text; color: transparent; }
    .hero-grid { background-image: radial-gradient(circle at 1px 1px, rgba(40,100,237,.09) 1px, transparent 0); background-size: 25px 25px; }
    .hero-orb { background: radial-gradient(circle, rgba(77,216,212,.20), rgba(58,126,246,.06) 53%, transparent 72%); }
    .glass-card { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
    .nav-link { transition: color .2s ease; }
    .nav-link:hover, .nav-link[aria-current="page"] { color: #2864ed; }
    .service-card { transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
    .service-card:hover { transform: translateY(-6px); box-shadow: 0 18px 50px rgba(11,35,64,.11); border-color: #bed4fc; }
    .focus-ring:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #69e3cc; outline-offset: 3px; }
    .whatsapp-float { box-shadow: 0 12px 34px rgba(22, 163, 74, .27); transition: transform .2s ease, box-shadow .2s ease; }
    .whatsapp-float:hover { transform: translateY(-4px) scale(1.04); box-shadow: 0 18px 40px rgba(22,163,74,.35); }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
    }