/* ROKA NEXT — capa progresiva, sin intervenir flujos de negocio.
   Se carga después de las capas existentes y se limita a clases ROKA. */
:root {
  --roka-next-blue:#063B73;
  --roka-next-blue-strong:#082F61;
  --roka-next-red:#E30613;
  --roka-next-yellow:#FFD500;
  --roka-next-bg:#F5F8FC;
  --roka-next-white:#fff;
  --roka-next-ink:#172033;
  --roka-next-muted:#586779;
  --roka-next-line:#DCE5EF;
  --roka-next-radius-sm:12px;
  --roka-next-radius-md:16px;
  --roka-next-radius-lg:24px;
  --roka-next-shadow:0 12px 34px rgba(6,59,115,.09);
  --roka-next-ease:cubic-bezier(.2,.8,.2,1);
}
.roka-page-home { background:var(--roka-next-bg); color:var(--roka-next-ink); }
.roka-page-home .home-nav { background:rgba(255,255,255,.95)!important; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.roka-page-home .hero { isolation:isolate; min-height:auto; background:linear-gradient(120deg,#fff 0%,#F1F7FF 55%,#E3EFFC 100%); }
.roka-page-home .hero-grid { padding-top:clamp(48px,7vw,100px);padding-bottom:clamp(48px,7vw,100px); }
.roka-page-home .hero-title { max-width:12ch;line-height:1.02!important; }
.roka-page-home .primary-action, .roka-page-home .secondary-action { border-radius:16px; min-height:54px; text-decoration:none; transition:transform .2s var(--roka-next-ease),box-shadow .2s var(--roka-next-ease); }
.roka-page-home .primary-action:active,.roka-page-home .secondary-action:active { transform:scale(.985); }
.roka-page-home .role-card { border-radius:var(--roka-next-radius-lg)!important; border-color:var(--roka-next-line); padding:clamp(20px,3vw,30px); box-shadow:var(--roka-next-shadow); }
.roka-page-home .hero-panel { border-radius:var(--roka-next-radius-lg)!important; }
.roka-page-home .roka-next-eyebrow { display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--roka-next-red);margin-bottom:16px; }
.roka-page-home .roka-next-eyebrow:before { content:"";display:block;width:8px;height:8px;border-radius:50%;background:currentColor; }
.roka-page-home .roka-next-value { display:flex;flex-wrap:wrap;gap:10px;margin-top:25px; }
.roka-page-home .roka-next-value span { display:inline-flex;align-items:center;gap:7px;padding:8px 12px;background:#fff;border:1px solid var(--roka-next-line);border-radius:999px;color:var(--roka-next-blue);font-weight:750;font-size:.84rem; }
.roka-page-home .roka-next-value i { color:var(--roka-next-red); }
.roka-page-home .roka-next-section-heading { font-size:clamp(1.45rem,3vw,2.15rem);font-weight:900;letter-spacing:-.035em;color:var(--roka-next-blue); }
.roka-page-home button:focus-visible,.roka-page-home a:focus-visible,.roka-page-home input:focus-visible,.roka-page-home select:focus-visible,.roka-page-home textarea:focus-visible { outline:3px solid var(--roka-next-yellow)!important;outline-offset:3px; }
.roka-page-home button:disabled { cursor:not-allowed;opacity:.65; }
.roka-page-home .modal-content { max-height:min(90dvh,900px);overflow-y:auto;overscroll-behavior:contain;border-radius:var(--roka-next-radius-lg); }
@media(max-width:640px) {
  .roka-page-home .hero-grid { padding-top:42px;padding-bottom:48px; }
  .roka-page-home .hero-title { font-size:clamp(2.7rem,12vw,3.5rem)!important; }
  .roka-page-home .primary-action,.roka-page-home .secondary-action { width:100%; }
  .roka-page-home .roka-next-value { gap:7px; }
  .roka-page-home .roka-next-value span { font-size:.76rem; }
}
@media(prefers-reduced-motion:reduce) {
  .roka-page-home .primary-action,.roka-page-home .secondary-action { transition:none!important; }
}