/* Estilos de index.html */
  * { box-sizing: border-box; }
  body { margin: 0; background: #fff; }
  ::selection { background: #2E6BFF; color: #fff; }
  html { scroll-behavior: smooth; }
  @keyframes lg-flow { to { stroke-dashoffset: -16; } }
  .r-nav-links { white-space: nowrap; }
  @media (max-width: 1100px) {
    .r-nav-sec { display: none !important; }
  }
  @media (max-width: 860px) {
    .r-nav-links { display: none !important; }
    .r-stack { grid-template-columns: 1fr !important; }
    .r-2col { grid-template-columns: repeat(2, 1fr) !important; }
    .r-span-reset { grid-column: auto !important; }
    .r-pad { padding-left: 20px !important; padding-right: 20px !important; }
    .r-h1 { font-size: 33px !important; }
    .r-h2 { font-size: 27px !important; }
    .r-hero-pad { padding-top: 48px !important; padding-bottom: 56px !important; }
    .r-sec-pad { padding-top: 60px !important; padding-bottom: 60px !important; }
    .r-combo-right { text-align: left !important; }
    .r-icons { grid-template-columns: repeat(2, 1fr) !important; }
  }
  @media (max-width: 520px) {
    .r-2col { grid-template-columns: 1fr !important; }
    .r-h1 { font-size: 28px !important; }
  }