html, body { margin: 0; padding: 0; }
  body { font-family: Inter, system-ui, sans-serif; background: #ffffff; -webkit-font-smoothing: antialiased; }
  * { box-sizing: border-box; }
  a { color: #6D28D9; text-decoration: none; }
  a:hover { color: #5B21B6; }
  ::selection { background: #DDD0FB; color: #1B1530; }
  [data-rail]::-webkit-scrollbar, [data-rail-x]::-webkit-scrollbar { height: 0; width: 0; }
  @keyframes lfBeam { 0%,100% { opacity: .3; } 50% { opacity: .66; } }
  @keyframes lfFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
  @media (prefers-reduced-motion: reduce) { * { animation: none !important; } }

  /* Servicios C: cadena de tarjetas inclinada, igual que la tarjeta de "Las cinco
     acciones" B de la pagina de producto. La activa se centra y crece (empresas.js,
     srvCard / srvTrack); el desplazamiento y el escalado animan con transition. */
  [data-srv-view] { overflow: hidden; }
  [data-srv-tilt] { transform: perspective(2000px) rotateY(-20deg); transform-origin: 50% 50%; }
  /* Scroll horizontal nativo (tactil, trackpad), sin barra visible. */
  [data-srv-scroller] { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
  [data-srv-scroller]::-webkit-scrollbar { width: 0; height: 0; }
  [data-srv-card] { transition: transform .7s cubic-bezier(.23,1,.32,1), opacity .7s ease, box-shadow .7s ease, border-color .7s ease; }
  /* Pantallas verticales: sin inclinacion ni animaciones. */
  @media (orientation: portrait) {
    [data-srv-tilt] { transform: none; }
    [data-srv-card] { transition: none !important; }
  }