/*
 OIVS MODULAR OVERRIDES
 -------------------------------------------------------
 Load this file AFTER the site's existing stylesheet.
 This file is intentionally scoped to presentation only.
 It does not alter forms, endpoints, field names, or submit behavior.
*/

:root{
  --oivs-navy:#062a53;
  --oivs-blue:#0c4b88;
  --oivs-gold:#d6a33d;
  --oivs-ink:#10223a;
  --oivs-muted:#66758a;
  --oivs-surface:#ffffff;
  --oivs-soft:#f4f7fb;
  --oivs-radius:22px;
  --oivs-shadow:0 18px 50px rgba(8,35,72,.12);
}

/* Safe global visual refinements */
html{scroll-behavior:smooth;}
body{background:var(--oivs-surface);color:var(--oivs-ink);}
img{max-width:100%;height:auto;}

/* Do not modify behavior or field mapping of the live enrollment form. */
#matricula form,
#enrollmentForm{
  /* Visual properties only may be added here later. */
}

/* Mobile-first layout guardrails */
@media (max-width: 768px){
  .container{width:min(100% - 28px, 1180px);margin-inline:auto;}
  .section{padding-block:56px;}
  h1{font-size:clamp(2.2rem,10vw,3.8rem);line-height:1.02;}
  h2{font-size:clamp(1.75rem,8vw,2.6rem);line-height:1.08;}
  .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;}
}