.asymmetric-border {
  border-left: 2px solid #280091;
}

body {
  font-family: "Manrope", sans-serif;
  text-rendering: optimizeLegibility;
}

.glass-nav {
  backdrop-filter: none;
  background-color: #fcfcfd;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

h1,
h2,
h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
}

header {
  background-color: rgba(255, 255, 255, 0.98);
  backdrop-filter: none;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.label-text {
  font-family: "Inter", sans-serif;
}

.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}

/* =========================================
   ESTUDANTE.IM — Institutional Motion System
========================================= */

.motion-institutional {
  transition:
    background-color 500ms ease-out,
    border-color 500ms ease-out,
    color 400ms ease-out,
    transform 500ms ease-out,
    box-shadow 500ms ease-out,
    opacity 500ms ease-out;
}

.motion-slow {
  transition-duration: 700ms;
}

.motion-fast {
  transition-duration: 300ms;
}

.motion-hover-lift:hover {
  transform: translateY(-2px);
}

.motion-soft-shadow:hover {
  box-shadow:
    0 10px 30px rgba(15, 23, 42, 0.06),
    0 2px 8px rgba(15, 23, 42, 0.04);
}

.motion-surface:hover {
  background-color: rgba(247, 249, 252, 0.92);
}

/* ================
   PDF COMPLIANCE
=================== */

.hero-cover {
  background-image:
    linear-gradient(
      to bottom,
      rgba(2, 11, 36, 0.1),
      rgba(2, 11, 36, 0.2),
      rgba(2, 11, 36, 0.55)
    ),
    url("../img/logo-header-dark-waves.png");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.break-safe {
  break-inside: avoid;
  page-break-inside: avoid;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Manrope", sans-serif;
  background: #fcfcfd;
  color: #0b1530;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .no-print {
    display: none !important;
  }

  body {
    background: white;
  }

  .print-break {
    page-break-before: always;
  }

  h1,
  h2,
  h3 {
    break-after: avoid;
  }
}