/* Central Virtual RD — capa de diseno para landings SEO (tema oscuro) */
:root{
  --cv-600:#1355e6;--cv-500:#2f76f7;--cv-400:#5a99ff;--cv-accent:#22d3ee;--cv-accent-soft:#7ff3ff;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-spring:cubic-bezier(.34,1.4,.44,1);
  --d-press:140ms;--d-hover:200ms;--d-reveal:620ms;
}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}

/* Aparicion al hacer scroll */
[data-reveal]{opacity:0;transform:translate3d(0,22px,0);
  transition:opacity var(--d-reveal) var(--ease-out),transform var(--d-reveal) var(--ease-out);will-change:opacity,transform}
[data-reveal="left"]{transform:translate3d(-26px,0,0)}
[data-reveal="right"]{transform:translate3d(26px,0,0)}
[data-reveal].is-in{opacity:1;transform:none;will-change:auto}
[data-reveal-group]>*{transition-delay:0ms}
[data-reveal-group]>*:nth-child(2){transition-delay:45ms}
[data-reveal-group]>*:nth-child(3){transition-delay:90ms}
[data-reveal-group]>*:nth-child(4){transition-delay:135ms}
[data-reveal-group]>*:nth-child(5){transition-delay:180ms}
[data-reveal-group]>*:nth-child(6){transition-delay:225ms}


/* Anclas: dejar sitio al header sticky */
section[id], main [id] { scroll-margin-top: 6rem; }

/* Barra de progreso */
#scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:110;
  background:linear-gradient(90deg,var(--cv-600),var(--cv-accent),var(--cv-400));
  box-shadow:0 0 12px rgba(47,118,247,.55)}

/* Botones con respuesta al tacto */
a[class*="rounded-xl"],a[class*="rounded-lg"],a[class*="rounded-full"],button{
  transition:transform var(--d-press) var(--ease-out),background-color var(--d-hover) ease,box-shadow var(--d-hover) var(--ease-out),color var(--d-hover) ease}
a[class*="rounded-xl"]:active,a[class*="rounded-lg"]:active,a[class*="rounded-full"]:active,button:active{transform:scale(.975)}

/* Tarjetas */
@media (hover:hover) and (pointer:fine){
  .cv-card{transition:transform var(--d-hover) var(--ease-out),border-color var(--d-hover) ease,box-shadow var(--d-hover) var(--ease-out)}
  .cv-card:hover{transform:translate3d(0,-6px,0);border-color:rgba(90,153,255,.35);
    box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
}

/* Foco accesible */
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--cv-accent);outline-offset:3px;border-radius:6px}

/* Halo de marca del hero */
.cv-halo{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 20% 18%,rgba(47,118,247,.3),transparent 34%),
             radial-gradient(circle at 82% 8%,rgba(34,211,238,.2),transparent 32%)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [data-reveal],[data-reveal].is-in{transform:none!important;transition:opacity 240ms ease!important}
  .cv-card:hover{transform:none!important}
}
@media print{
  #scroll-progress,header{display:none!important}
  [data-reveal]{opacity:1!important;transform:none!important}
}