/* ============================================================
   USAM
   BECAS
   V1.6.0
   ============================================================ */


/* ============================================================
   00. VARIABLES
   ============================================================ */

.scholarships {

  --sch-navy: #0b2c5d;
  --sch-navy-dark: #081a40;
  --sch-red: #be0b3b;
  --sch-aqua: #b6dae9;
  --sch-aqua-light: #b6dce8;
  --sch-text: #31517c;
  --sch-white: #ffffff;

  width: 100%;

  overflow-x: clip;

  color: var(--sch-navy);

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

}


.scholarships *,
.scholarships *::before,
.scholarships *::after {

  box-sizing: border-box;

}


.scholarships img {

  display: block;

  max-width: 100%;

}


.scholarships button,
.scholarships input,
.scholarships select {

  font: inherit;

}


.scholarships :focus-visible {

  outline:
    3px solid
    #f0b323;

  outline-offset:
    3px;

}



/* ============================================================
   ACCESSIBILITY
   ============================================================ */

.scholarships
.sr-only {

  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  margin: -1px !important;
  padding: 0 !important;

  overflow: hidden !important;

  clip:
    rect(
      0,
      0,
      0,
      0
    ) !important;

  white-space: nowrap !important;

  border: 0 !important;

}



/* ============================================================
   01. HERO
   ============================================================ */

.scholarships-hero {

  position: relative;

  width: 100%;

  height: 520px;
  top: -53px;

  display: flex;

  align-items: flex-end;

  overflow: hidden;

  background:
    var(--sch-navy-dark);

}


.scholarships-hero > img {

  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;

  object-position: center;

}


.scholarships-hero__overlay {

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(8, 26, 64, .72) 0%,
      rgba(8, 26, 64, .34) 50%,
      rgba(8, 26, 64, .12) 100%
    );

}


.scholarships-hero__content {

  position: relative;

  z-index: 2;

  width: 88%;

  max-width: 1200px;

  margin:
    0
    auto;

  padding-bottom:
    72px;

}


.scholarships-hero h1 {

  margin: 0;

  color:
    #ffffff;

  font-size:
    clamp(
      44px,
      5vw,
      68px
    );

  font-weight:
    400;

  line-height:
    .95;

}


.scholarships-hero p {

  margin:
    10px
    0
    0;

  color:
    #ffffff;

  font-size:
    clamp(
      23px,
      2.7vw,
      38px
    );

  font-weight:
    300;

  line-height:
    1.03;

}



/* ============================================================
   02. MENÚ DE ADMISIONES
   ============================================================ */

.scholarships
.nuevo-ingreso-menu {

  position: relative;

  z-index: 5;

  margin-top:
    -30px;

  background:
    #ffffff;

}


.scholarships
.nuevo-ingreso-menu-inner {

  width:
    calc(
      100% - 40px
    );

  max-width:
    1400px;

  margin:
    auto;

  display:
    grid;

  grid-template-columns:
    repeat(
      6,
      minmax(
        0,
        1fr
      )
    );

  gap:
    18px;

}


.scholarships
.nuevo-ingreso-item {

  position: relative;

  min-height:
    150px;

  padding:
    28px
    22px
    30px;

  background:
    #ffffff;

  text-decoration:
    none;

  transition:
    background-color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;

}


.scholarships
.nuevo-ingreso-item::before {

  content:
    "";

  position: absolute;

  top:
    14px;

  left:
    22px;

  width:
    60%;

  height:
    6px;

  background:
    transparent;

}


.scholarships
.nuevo-ingreso-item h4 {

  margin:
    0
    0
    10px;

  color:
    #0b3257;

  font-size:
    22px;

  font-weight:
    700;

  line-height:
    1.1;

}


.scholarships
.nuevo-ingreso-item p {

  margin:
    0;

  color:
    #0b3257;

  font-size:
    12px;

  line-height:
    1.4;

}


.scholarships
.nuevo-ingreso-item:hover,
.scholarships
.nuevo-ingreso-item:focus-visible,
.scholarships
.nuevo-ingreso-item.active {

  z-index: 2;

  background:
    #b10f2e;

}


.scholarships
.nuevo-ingreso-item:hover,
.scholarships
.nuevo-ingreso-item:focus-visible {

  transform:
    translateY(-3px);

  box-shadow:
    0
    14px
    28px
    rgba(
      8,
      26,
      64,
      .12
    );

}


.scholarships
.nuevo-ingreso-item:hover h4,
.scholarships
.nuevo-ingreso-item:hover p,
.scholarships
.nuevo-ingreso-item:focus-visible h4,
.scholarships
.nuevo-ingreso-item:focus-visible p,
.scholarships
.nuevo-ingreso-item.active h4,
.scholarships
.nuevo-ingreso-item.active p {

  color:
    #ffffff;

}


.scholarships
.nuevo-ingreso-item:hover::before,
.scholarships
.nuevo-ingreso-item:focus-visible::before,
.scholarships
.nuevo-ingreso-item.active::before {

  background:
    #ffffff;

}



/* ============================================================
   03. INTRODUCCIÓN BECAS
   ============================================================

   ESCRITORIO:
   25% BLANCO / 75% #67c6ca
   ============================================================ */

.scholarships-intro {

  position: relative;

  width: 100%;

  min-height:
    430px;

  margin:
    30px
    0
    85px;

  background:
    linear-gradient(
      to right,
      #ffffff 0%,
      #ffffff 35%,
      var(--sch-aqua) 35%,
      var(--sch-aqua) 100%
    );

}


.scholarships-intro__inner {

  position: relative;

  width:
    92%;

  max-width:
    1200px;

  min-height:
    430px;

  margin:
    0 auto;

  display:
    grid;

  grid-template-columns:
    44%
    56%;

  align-items:
    stretch;

}



/* ============================================================
   03.1 IMAGEN
   ============================================================ */

.scholarships-intro__media {

  position: relative;

  min-width: 0;

  min-height:
    430px;

  display:
    flex;

  align-items:
    flex-end;

  justify-content:
    center;

  overflow:
    visible;

}


.scholarships-intro__media img {

  position: relative;

  z-index:
    3;

  width:
    auto;

  max-width:
    96%;

  max-height:
    510px;

  margin-bottom:
    -70px;

  object-fit:
    contain;

  object-position:
    center bottom;

}



/* ============================================================
   03.2 CONTENIDO
   ============================================================ */

.scholarships-intro__content {

  position: relative;

  min-width: 0;

  min-height:
    430px;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    flex-start;

  padding:
    54px
    42px
    34px;

}


.scholarships-intro h2 {

  margin:
    0
    0
    16px;

  color:
    var(--sch-navy-dark);

  font-size:
    clamp(
      40px,
      4vw,
      54px
    );

  font-weight:
    800;

  line-height:
    .95;

  letter-spacing:
    -.015em;

}


.scholarships-intro p {

  max-width:
    650px;

  margin:
    0
    0
    13px;

  color:
    var(--sch-text);

  font-size:
    16px;

  line-height:
    1.48;
    text-align: justify;

}



/* ============================================================
   04. VER MÁS
   ============================================================ */

.scholarships-intro__more {

  width:
    100%;

}


.scholarships-intro__more[hidden] {

  display:
    none !important;

}


.scholarships-intro__more.is-opening {

  animation:
    scholarshipsMoreEnter
    .35s
    ease
    both;

}


@keyframes scholarshipsMoreEnter {

  from {

    opacity:
      0;

    transform:
      translateY(-6px);

  }

  to {

    opacity:
      1;

    transform:
      translateY(0);

  }

}


.scholarships-more-button {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    4px;

  min-height:
    30px;

  margin:
    0;

  padding:
    4px
    0 !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  background:
    transparent !important;

  color:
    var(--sch-red) !important;

  box-shadow:
    none !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    11px !important;

  font-weight:
    700 !important;

  line-height:
    1;

  text-transform:
    none !important;

  cursor:
    pointer;

}


.scholarships-more-button
.material-icons {

  font-size:
    18px;

  transition:
    transform .25s ease;

}


.scholarships-more-button:hover,
.scholarships-more-button:focus-visible {

  color:
    var(--sch-navy) !important;

}


.scholarships-more-button.is-open
.material-icons {

  transform:
    rotate(180deg);

}



/* ============================================================
   05. SELECTOR DE BECAS
   ============================================================

   IMPORTANTE:
   Está dentro del contenido celeste.
   margin-top:auto lo mantiene abajo sin sacarlo del bloque.
   ============================================================ */

.scholarships-selector {

  position:
    static;

  margin-top:
    auto;

  display:
    flex;

  align-items:
    stretch;

  gap:
    5px;

  padding-top:
    18px;

}



/* ============================================================
   BOTÓN BASE
   ============================================================ */

.scholarships-selector__link {

  position:
    relative;

  min-width:
    205px;

  min-height:
    52px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    12px
    22px;

  border:
    0 !important;

  border-radius:
    0 !important;

  color:
    #ffffff !important;

  box-shadow:
    none !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    15px !important;

  font-weight:
    800 !important;

  line-height:
    1 !important;

  text-align:
    center;

  text-transform:
    uppercase !important;

  cursor:
    pointer;

  transition:
    background-color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;

}



/* ============================================================
   ACADÉMICAS
   ROJO -> AZUL
   ============================================================ */

.scholarships-selector__link--academic {

  background:
    var(--sch-red) !important;

}


.scholarships-selector__link--academic:hover,
.scholarships-selector__link--academic:focus-visible {

  background:
    var(--sch-navy) !important;

}



/* ============================================================
   DEPORTIVAS
   AZUL -> ROJO
   ============================================================ */

.scholarships-selector__link--sports {

  background:
    var(--sch-navy) !important;

}


.scholarships-selector__link--sports:hover,
.scholarships-selector__link--sports:focus-visible {

  background:
    var(--sch-red) !important;

}



/* ============================================================
   ACTIVO
   ============================================================ */

.scholarships-selector__link.is-active {

  transform:
    translateY(-3px);

  box-shadow:
    0
    6px
    16px
    rgba(
      8,
      26,
      64,
      .20
    ) !important;

}


.scholarships-selector__link.is-active::after {

  content:
    "";

  position:
    absolute;

  left:
    18px;

  right:
    18px;

  bottom:
    7px;

  height:
    3px;

  background:
    #ffffff;

}



/* ============================================================
   06. PANELES DE BECAS
   ============================================================ */

.scholarship-panel {

  width:
    96%;

  max-width:
    1260px;

  margin:
    55px
    auto
    75px;

  scroll-margin-top:
    110px;

}


.scholarship-panel[hidden] {

  display:
    none !important;

}



/* ============================================================
   06.1 GRID
   MISMA ALTURA TEXTO / IMAGEN
   ============================================================ */

.scholarship-panel__grid {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    58px;

  align-items:
    stretch;

}



/* ============================================================
   06.2 CONTENIDO
   ============================================================ */

.scholarship-panel__content {

  min-width:
    0;

  min-height:
    670px;

  display:
    flex;

  flex-direction:
    column;

  justify-content:
    flex-start;

  padding:
    20px
    0
    0;

}



/* ============================================================
   06.3 IMAGEN
   ============================================================ */

.scholarship-panel__media {

  min-width:
    0;

  min-height:
    670px;

}


.scholarship-panel__media img {

  width:
    100%;

  height:
    100%;

  min-height:
    670px;

  object-fit:
    cover;

}



/* ============================================================
   TÍTULOS
   ============================================================ */

.scholarship-panel h2 {

  margin:
    0
    0
    20px;

  color:
    var(--sch-navy-dark);

  font-size:
    clamp(
      42px,
      4vw,
      56px
    );

  font-weight:
    800;

  line-height:
    .88;

}


.scholarship-panel__content
> p {

  margin:
    0
    0
    15px;

  color:
    var(--sch-text);

  font-size:
    14px;

  line-height:
    1.5;

}



/* ============================================================
   06.4 ANIMACIÓN PANEL
   ============================================================ */

.scholarship-panel.is-entering {

  animation:
    scholarshipPanelEnter
    .55s
    cubic-bezier(
      .22,
      1,
      .36,
      1
    )
    both;

}


@keyframes scholarshipPanelEnter {

  from {

    opacity:
      0;

    transform:
      translateY(28px)
      scale(.985);

  }

  to {

    opacity:
      1;

    transform:
      translateY(0)
      scale(1);

  }

}



/* ============================================================
   07. DOCUMENTOS
   ============================================================ */

.scholarship-links {

  width:
    100%;

  margin:
    22px
    0
    28px;

  padding:
    0;

  border-top:
    1px solid
    #bcd9f2;

  list-style:
    none;

}


.scholarship-links li {

  display:
    grid;

  grid-template-columns:
    22px
    minmax(
      0,
      1fr
    )
    28px;

  align-items:
    center;

  min-height:
    42px;

  border-bottom:
    1px solid
    #bcd9f2;

}


.scholarship-link-arrow {

  color:
    var(--sch-aqua);

  font-size:
    20px !important;

}


.scholarship-document-link {

  width:
    100%;

  margin:
    0 !important;

  padding:
    7px
    0 !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  background:
    transparent !important;

  color:
    var(--sch-navy) !important;

  box-shadow:
    none !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    13px !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

  text-align:
    left;

  text-transform:
    none !important;

  cursor:
    pointer;

}


.scholarship-document-link::before,
.scholarship-document-link::after {

  content:
    none !important;

  display:
    none !important;

}


.scholarship-document-icon {

  color:
    var(--sch-red);

  font-size:
    18px !important;

}


.scholarship-links li:hover
.scholarship-document-link {

  color:
    var(--sch-red) !important;

}


.scholarship-links li:hover
.scholarship-link-arrow {

  color:
    var(--sch-red);

}



/* ============================================================
   08. FORMULARIO
   ============================================================ */

.scholarship-form-block {

  width:
    100%;

}


.scholarship-contact-title {

  margin:
    0
    0
    14px;

  color:
    var(--sch-red);

  font-size:
    22px;

  font-weight:
    800;

  line-height:
    1.15;

}


.scholarship-form {

  position:
    relative;

  width:
    100%;

  max-width:
    100%;

  margin:
    0;

}

[type="radio"]:not(:checked)+span, [type="radio"]:checked+span {
    padding-left: 2px;
    font-size: 0.7rem;
}

/* ============================================================
   HONEYPOT
   ============================================================ */

.scholarship-honeypot {

  position:
    absolute !important;

  left:
    -10000px !important;

  width:
    1px !important;

  height:
    1px !important;

  overflow:
    hidden !important;

}



/* ============================================================
   RADIOS
   ============================================================ */

.scholarship-radios {

  display:
    flex;

  flex-wrap:
    wrap;

  align-items:
    center;

  gap:
    10px
    24px;

  margin:
    0
    0
    12px;

  padding:
    0;

  border:
    0;

}


.scholarship-radios label {

  position:
    static !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  gap:
    6px;

  width:
    auto !important;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    #53647d;

  font-size:
    10px;

  font-weight:
    500;

  line-height:
    1.2;

}



/* ============================================================
   RADIO Y CHECKBOX NATIVO
   ============================================================ */

.scholarship-form
input[type="radio"],
.scholarship-form
input[type="checkbox"] {

  position:
    static !important;

  left:
    auto !important;

  top:
    auto !important;

  display:
    inline-block !important;

  flex:
    0
    0
    auto !important;

  width:
    14px !important;

  height:
    14px !important;

  margin:
    0 !important;

  padding:
    0 !important;

  opacity:
    1 !important;

  visibility:
    visible !important;

  pointer-events:
    auto !important;

  appearance:
    auto !important;

  -webkit-appearance:
    auto !important;

  accent-color:
    #0d6efd;

}


.scholarship-form
input[type="radio"] + span::before,
.scholarship-form
input[type="radio"] + span::after,
.scholarship-form
input[type="checkbox"] + span::before,
.scholarship-form
input[type="checkbox"] + span::after {

  content:
    none !important;

  display:
    none !important;

}



/* ============================================================
   CAMPOS
   ============================================================ */

.scholarship-field {

  position:
    relative;

  width:
    100%;

  min-width:
    0;

}


.scholarship-field--full {

  margin-bottom:
    6px;

}


.scholarship-field--career {

  margin-bottom:
    8px;

}


.scholarship-row {

  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(
        0,
        1fr
      )
    );

  gap:
    6px;

  margin-bottom:
    6px;

}



/* ============================================================
   INPUTS / SELECT
   ============================================================ */

.scholarship-form
input[type="text"],
.scholarship-form
input[type="tel"],
.scholarship-form
input[type="email"],
.scholarship-form
input[type="date"],
.scholarship-form
select {

  box-sizing:
    border-box !important;

  display:
    block !important;

  width:
    100% !important;

  max-width:
    100% !important;

  height:
    32px !important;

  margin:
    0 !important;

  padding:
    0
    11px !important;

  border:
    1px solid
    var(--sch-navy) !important;

  border-radius:
    18px !important;

  background:
    #ffffff !important;

  color:
    var(--sch-navy) !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    9px !important;

  font-weight:
    500 !important;

  line-height:
    normal !important;

  box-shadow:
    none !important;

  outline:
    none !important;

}


.scholarship-form
input::placeholder {

  color:
    #a7b0bd;

  opacity:
    1;

}


.scholarship-form
select {

  appearance:
    auto !important;

  -webkit-appearance:
    menulist !important;

  cursor:
    pointer;

}


.scholarship-form
input:focus,
.scholarship-form
select:focus {

  border-color:
    var(--sch-red) !important;

  box-shadow:
    0
    0
    0
    3px
    rgba(
      190,
      11,
      59,
      .08
    ) !important;

}



/* ============================================================
   CHECKBOXES
   ============================================================ */

.scholarship-check {

  position:
    static !important;

  display:
    grid !important;

  grid-template-columns:
    15px
    minmax(
      0,
      1fr
    );

  align-items:
    start;

  gap:
    6px;

  width:
    100% !important;

  min-height:
    17px;

  margin:
    5px
    0
    0 !important;

  padding:
    0 !important;

  color:
    #4f5d70;

  font-size:
    8px;

  font-weight:
    500;

  line-height:
    1.25;

}


.scholarship-check > span {

  position:
    static !important;

  width:
    auto !important;

  height:
    auto !important;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    visible !important;

  clip:
    auto !important;

  color:
    inherit !important;

  font-size:
    inherit !important;

  line-height:
    inherit !important;

}



/* ============================================================
   FOOTER FORM
   ============================================================ */

.scholarship-form-footer {

  display:
    grid;

  grid-template-columns:
    minmax(
      0,
      1fr
    )
    auto;

  align-items:
    center;

  gap:
    12px;

  margin-top:
    8px;

}


.scholarship-form-status {

  min-height:
    16px;

  margin:
    0;

  color:
    var(--sch-navy);

  font-size:
    8px;

  line-height:
    1.3;

}


.scholarship-form-status.is-error {

  color:
    var(--sch-red);

}


.scholarship-submit {

  min-width:
    118px;

  min-height:
    30px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    7px
    15px;

  border:
    0 !important;

  border-radius:
    18px !important;

  background:
    var(--sch-red) !important;

  color:
    #ffffff !important;

  box-shadow:
    none !important;

  font-family:
    "Montserrat",
    Arial,
    sans-serif !important;

  font-size:
    11px !important;

  font-weight:
    800 !important;

  line-height:
    1 !important;

  text-transform:
    none !important;

  cursor:
    pointer;

  transition:
    background-color .2s ease,
    transform .2s ease;

}


.scholarship-submit:hover,
.scholarship-submit:focus-visible {

  background:
    var(--sch-navy) !important;

  transform:
    translateY(-1px);

}


.scholarship-submit:disabled {

  opacity:
    .6;

  cursor:
    wait;

  transform:
    none;

}



/* ============================================================
   09. LIFE USAM
   ============================================================ */

.scholarships-life {

  width:
    100%;

  margin:
    60px
    0
    70px;

}


.scholarships-life__container {

  width:
    90%;

  max-width:
    1260px;

  margin:
    0 auto;

  display:
    grid;

  grid-template-columns:
    38%
    62%;

  align-items:
    stretch;

}



/* ============================================================
   LIFE TEXTO
   ============================================================ */

.scholarships-life__content {

  padding:
    46px
    48px
    40px;

}


.scholarships-life h2 {

  margin:
    0
    0
    12px;

  color:
    var(--sch-navy-dark);

  font-size:
    34px;

  font-weight:
    800;

  line-height:
    1;

}


.scholarships-life__content > p {

  max-width:
    370px;

  margin:
    0
    0
    18px;

  color:
    var(--sch-text);

  font-size:
    11px;

  line-height:
    1.45;

}



/* ============================================================
   LIFE LINKS
   ============================================================ */

.scholarships
.lu-list {

  margin:
    0;

  padding:
    0;

  list-style:
    none;

}


.scholarships
.lu-list li {

  display:
    grid;

  grid-template-columns:
    22px
    minmax(
      0,
      1fr
    );

  align-items:
    center;

  min-height:
    38px;

  margin:
    0;

  padding:
    0;

  border-bottom:
    1px solid
    #d9e1e7;

}


.scholarships
.lu-list__icon {

  display:
    block;

  color:
    var(--sch-aqua);

  font-size:
    21px;

  line-height:
    1;

  transition:
    color .2s ease,
    transform .2s ease;

}


.scholarships
.lu-list a {

  display:
    flex;

  align-items:
    center;

  min-height:
    38px;

  padding:
    6px
    8px
    6px
    0;

  color:
    var(--sch-red);

  font-size:
    13px;

  font-weight:
    700;

  line-height:
    1.2;

  text-decoration:
    none;

  transition:
    color .2s ease,
    transform .2s ease;

}


.scholarships
.lu-list li:hover
.lu-list__icon {

  color:
    var(--sch-navy);

  transform:
    translateX(3px);

}


.scholarships
.lu-list a:hover,
.scholarships
.lu-list a:focus-visible {

  color:
    var(--sch-navy);

  transform:
    translateX(3px);

}



/* ============================================================
   LIFE MEDIA
   ============================================================ */

.scholarships
.lu-media {

  position:
    relative;

  min-width:
    0;

  min-height:
    390px;

  overflow:
    hidden;

}


.scholarships
.lu-media > img {

  width:
    100%;

  height:
    100%;

  object-fit:
    cover;

}


.scholarships
.lu-play {

  position:
    absolute;

  left:
    50%;

  top:
    50%;

  width:
    82px;

  height:
    82px;

  display:
    grid;

  place-items:
    center;

  padding:
    0;

  transform:
    translate(
      -50%,
      -50%
    );

  border:
    4px solid
    #ffffff !important;

  border-radius:
    50% !important;

  background:
    rgba(
      8,
      26,
      64,
      .12
    ) !important;

  color:
    #ffffff;

  box-shadow:
    none !important;

  cursor:
    pointer;

  transition:
    background-color .2s ease,
    transform .2s ease;

}


.scholarships
.lu-play
.material-icons {

  color:
    #ffffff;

  font-size:
    40px;

}


.scholarships
.lu-play:hover,
.scholarships
.lu-play:focus-visible {

  background:
    var(--sch-red) !important;

  transform:
    translate(
      -50%,
      -50%
    )
    scale(1.05);

}



/* ============================================================
   10. MODAL
   ============================================================ */

.scholarships
.ni-modal {

  position:
    fixed;

  inset:
    0;

  z-index:
    10000;

  display:
    grid;

  place-items:
    center;

  padding:
    24px;

}


.scholarships
.ni-modal[hidden] {

  display:
    none !important;

}


.scholarships
.ni-modal-backdrop {

  position:
    absolute;

  inset:
    0;

  background:
    rgba(
      3,
      15,
      39,
      .80
    );

}


.scholarships
.ni-modal-dialog {

  position:
    relative;

  z-index:
    2;

  width:
    min(
      1000px,
      96vw
    );

  max-height:
    92vh;

  display:
    grid;

  grid-template-rows:
    auto
    minmax(
      0,
      1fr
    );

  overflow:
    hidden;

  border-radius:
    16px;

  background:
    #ffffff;

  box-shadow:
    0
    25px
    80px
    rgba(
      0,
      0,
      0,
      .36
    );

  outline:
    none;

}


.scholarships
.ni-modal-header {

  min-height:
    62px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    20px;

  padding:
    12px
    18px;

  border-bottom:
    1px solid
    #e0e6ed;

  background:
    #ffffff;

}


.scholarships
.ni-modal-header h2 {

  margin:
    0;

  color:
    var(--sch-navy);

  font-size:
    19px;

  font-weight:
    700;

}


.scholarships
.ni-modal-close {

  width:
    40px;

  height:
    40px;

  display:
    grid;

  place-items:
    center;

  padding:
    0;

  border:
    0 !important;

  border-radius:
    50% !important;

  background:
    #f0f3f6 !important;

  color:
    var(--sch-navy);

  box-shadow:
    none !important;

  cursor:
    pointer;

}


.scholarships
.ni-modal-close:hover,
.scholarships
.ni-modal-close:focus-visible {

  background:
    var(--sch-red) !important;

  color:
    #ffffff;

}


.scholarships
.ni-modal-body {

  min-height:
    250px;

  overflow:
    auto;

  background:
    #ffffff;

}


.scholarships
.ni-modal-body iframe {

  display:
    block;

  width:
    100%;

  height:
    min(
      78vh,
      760px
    );

  border:
    0;

}


.scholarships
.ni-modal-video {

  width:
    100%;

  aspect-ratio:
    16 / 9;

  background:
    #000000;

}


.scholarships
.ni-modal-video iframe,
.scholarships
.ni-modal-video video {

  display:
    block;

  width:
    100%;

  max-width:
    100%;

  height:
    100%;

  max-height:
    100%;

  border:
    0;

  background:
    #000000;

}


.scholarships
.ni-modal-video video {

  object-fit:
    contain;

}



/* ============================================================
   11. REVEAL
   ============================================================ */

.scholarships.is-enhanced
.scholarship-reveal {

  opacity:
    0;

  transform:
    translateY(22px);

  transition:
    opacity .65s ease,
    transform .65s ease;

}


.scholarships.is-enhanced
.scholarship-reveal.is-visible {

  opacity:
    1;

  transform:
    none;

}



/* ============================================================
   12. TABLET
   ============================================================ */

@media
(
  min-width: 601px
)
and
(
  max-width: 1100px
) {

  /* MENÚ */

  .scholarships
  .nuevo-ingreso-menu-inner {

    grid-template-columns:
      repeat(
        3,
        minmax(
          0,
          1fr
        )
      );

  }



  /* HERO */

  .scholarships-hero {

    min-height:
      430px;

  }



  /* INTRO */

  .scholarships-intro {

    min-height:
      390px;

    margin-bottom:
      70px;

  }


  .scholarships-intro__inner {

    width:
      94%;

    min-height:
      390px;

    grid-template-columns:
      42%
      58%;

  }


  .scholarships-intro__media {

    min-height:
      390px;

  }


  .scholarships-intro__media img {

    max-width:
      100%;

    margin-bottom:
      -55px;

  }


  .scholarships-intro__content {

    min-height:
      390px;

    padding:
      40px
      28px
      28px;

  }


  .scholarships-selector {

    margin-top:
      auto;

    padding-top:
      14px;

  }


  .scholarships-selector__link {

    min-width:
      165px;

    min-height:
      46px;

    font-size:
      12px !important;

  }



  /* BECAS */

  .scholarship-panel {

    width:
      94%;

  }


  .scholarship-panel__grid {

    gap:
      34px;

  }


  .scholarship-panel__content,
  .scholarship-panel__media {

    min-height:
      590px;

  }


  .scholarship-panel__media img {

    min-height:
      590px;

  }



  /* LIFE */

  .scholarships-life__container {

    width:
      94%;

    grid-template-columns:
      42%
      58%;

  }

}



/* ============================================================
   13. MÓVIL
   <= 600px

   IMPORTANTE
   ------------------------------------------------------------
   - NO modifica diseño de escritorio.
   - NO modifica diseño de tablet.
   - Conserva colores, imágenes y comportamiento.
   - Solo reorganiza la composición para móvil.
   ============================================================ */

@media
(
  max-width: 600px
) {

  /* ==========================================================
     01. MENÚ DE ADMISIONES
     ========================================================== */

  .scholarships
  .nuevo-ingreso-menu {

    margin-top:
      0;

  }


  .scholarships
  .nuevo-ingreso-menu-inner {

    width:
      100%;

    grid-template-columns:
      1fr;

    gap:
      0;

  }


  .scholarships
  .nuevo-ingreso-item {

    min-height:
      0;

    padding:
      22px
      25px;

  }


  .scholarships
  .nuevo-ingreso-item h4 br {

    display:
      none;

  }



  /* ==========================================================
     02. HERO
     ========================================================== */

  .scholarships-hero {

    min-height:
      330px;

  }


  .scholarships-hero__content {

    width:
      calc(
        100% - 36px
      );

    padding-bottom:
      40px;

  }


  .scholarships-hero h1 {

    font-size:
      35px;

  }


  .scholarships-hero p {

    font-size:
      20px;

  }



  /* ==========================================================
     03. INTRODUCCIÓN BECAS
     ========================================================== */
     
    .scholarships-intro__inner {
        grid-template-columns: 100%!important;
        width:100%;
    }

  .scholarships-intro {

    width:
      100%;

    min-height:
      0;

    margin:
      0
      0
      50px;

    padding:
      0;


    background:
      linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 30%,
        var(--sch-aqua) 30%,
        var(--sch-aqua) 100%
      );

  }



  /* ==========================================================
     03.1 CONTENEDOR
     ========================================================== */

  .scholarships-intro__inner {

    width:
      100%;

    max-width:
      none;

    min-height:
      0;

    margin:
      0;

    display:
      grid;

    grid-template-columns:
      1fr;

    /*
     * El título queda primero.
     * La imagen después.
     * Luego los textos.
     */

    grid-template-areas:
      "title"
      "media"
      "lead"
      "more"
      "more-button"
      "selector";

    align-items:
      start;

  }



  /* ==========================================================
     03.2 IMPORTANTE:
     HACEMOS QUE LOS HIJOS DEL CONTENIDO PARTICIPEN
     EN EL GRID PRINCIPAL
     ========================================================== */

  .scholarships-intro__content {

    display:
      contents;

  }



  /* ==========================================================
     03.3 TÍTULO
     ========================================================== */

  .scholarships-intro h2 {

    grid-area:
      title;

    width:
      100%;

    margin:
      0;

    padding:
      25px
      20px
      20px;

    background:
      #ffffff;

    color:
      var(--sch-navy-dark);

    font-size:
      31px;

    font-weight:
      800;

    line-height:
      1;

    text-align:
      center;

    letter-spacing:
      -.02em;

  }



  /* ==========================================================
     03.4 IMAGEN
     ========================================================== */

  .scholarships-intro__media {

    grid-area:
      media;

    position:
      relative;

    width:
      100%;

    min-height:
      270px;

    display:
      flex;

    align-items:
      flex-end;

    justify-content:
      center;

    overflow:
      visible;

  }


  .scholarships-intro__media img {

    position:
      relative;

    z-index:
      2;

    width:
      auto;

    height:
      auto;

    max-width:
      68%;

    max-height:
      290px;

    margin:
      0
      auto
      -4px;

    object-fit:
      contain;

    object-position:
      center bottom;

  }



  /* ==========================================================
     03.5 PRIMER PÁRRAFO
     ========================================================== */

  .scholarships-intro__lead {

    grid-area:
      lead;

    width:
      100%;

    max-width:
      none !important;

    margin:
      0 !important;

    padding:
      31px
      13%
      10px;

    background:
      var(--sch-aqua);

    color:
      var(--sch-text) !important;

    font-size:
      13px !important;

    font-weight:
      400;

    line-height:
      1.35 !important;

    text-align:
      justify !important;

  }



  /* ==========================================================
     03.6 VER MÁS - CONTENIDO
     ========================================================== */

  .scholarships-intro__more {

    grid-area:
      more;

    width:
      100%;

    margin:
      0;

    padding:
      0
      13%;

    background:
      var(--sch-aqua);

  }


  .scholarships-intro__more p {

    width:
      100%;

    max-width:
      none;

    margin:
      0;

    padding:
      8px
      0
      4px;

    color:
      var(--sch-text);

    font-size:
      10px;

    line-height:
      1.35;

    text-align:
      left;

  }



  /* ==========================================================
     03.7 BOTÓN VER MÁS
     ========================================================== */

  .scholarships-more-button {

    grid-area:
      more-button;

    justify-self:
      start;

    margin:
      0;

    padding:
      5px
      13%
      27px !important;

    width:
      100%;

    min-height:
      34px;

    background:
      var(--sch-aqua) !important;

    color:
      var(--sch-red) !important;

    font-size:
      10px !important;

  }



  /* ==========================================================
     03.8 SELECTOR DE BECAS
     ========================================================== */

  .scholarships-selector {

    grid-area:
      selector;

    width:
      100%;

    margin:
      0;

    padding:
      18px
      5%
      0;

    display:
      grid;

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

    gap:
      5px;

    background:
      #ffffff;

  }


  .scholarships-selector__link {

    width:
      100%;

    min-width:
      0;

    min-height:
      50px;

    padding:
      10px
      8px;

    font-size:
      13px !important;

  }


  .scholarships-selector__link.is-active {

    transform:
      none;

  }



  /* ==========================================================
     04. PANELES DE BECAS
     ========================================================== */

  .scholarship-panel {

    width:
      100%;

    margin:
      0
      0
      45px;

    scroll-margin-top:
      80px;

  }


  .scholarship-panel__grid {

    display:
      flex;

    flex-direction:
      column;

    gap:
      0;

  }


  /*
   * En móvil no igualamos las alturas.
   */

  .scholarship-panel__content,
  .scholarship-panel__media {

    min-height:
      0;

  }



  /* ==========================================================
     04.1 IMAGEN
     ========================================================== */

  .scholarship-panel__media {

    width:
      100%;

  }


  .scholarship-panel__media img {

    width:
      100%;

    height:
      auto;

    min-height:
      0;

    aspect-ratio:
      4 / 4.3;

    object-fit:
      cover;

  }



  /*
   * Ambas becas:
   * imagen primero.
   */

  .scholarship-panel
  .scholarship-panel__media {

    order:
      1;

  }


  .scholarship-panel
  .scholarship-panel__content {

    order:
      2;

  }



  /* ==========================================================
     04.2 CONTENIDO
     ========================================================== */

  .scholarship-panel__content {

    width:
      100%;

    padding:
      30px
      25px
      0;

  }


  .scholarship-panel h2 {

    margin-bottom:
      18px;

    font-size:
      36px;

    line-height:
      .9;

  }


  .scholarship-panel__content
  > p {

    margin-bottom:
      13px;

    font-size:
      10px;

    line-height:
      1.45;

  }



  /* ==========================================================
     05. DOCUMENTOS
     ========================================================== */

  .scholarship-links {

    margin:
      20px
      0
      25px;

  }


  .scholarship-links li {

    min-height:
      40px;

  }


  .scholarship-document-link {

    font-size:
      11px !important;

  }


  .scholarship-link-arrow {

    font-size:
      18px !important;

  }


  .scholarship-document-icon {

    font-size:
      17px !important;

  }



  /* ==========================================================
     06. FORMULARIO
     ========================================================== */

  .scholarship-contact-title {

    margin-bottom:
      15px;

    font-size:
      19px;

  }



  /* ==========================================================
     06.1 RADIOS
     ========================================================== */

  .scholarship-radios {

    display:
      grid;

    grid-template-columns:
      1fr;

    gap:
      8px;

    margin-bottom:
      13px;

  }


  .scholarship-radios label {

    font-size:
      10px;

  }



  /* ==========================================================
     06.2 FILAS
     ========================================================== */

  .scholarship-row {

    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

    gap:
      5px;

  }



  /* ==========================================================
     06.3 INPUTS
     ========================================================== */

  .scholarship-form
  input[type="text"],
  .scholarship-form
  input[type="tel"],
  .scholarship-form
  input[type="email"],
  .scholarship-form
  input[type="date"],
  .scholarship-form
  select {

    height:
      34px !important;

    padding:
      0
      10px !important;

    font-size:
      9px !important;

  }



  /* ==========================================================
     06.4 CHECKS
     ========================================================== */

  .scholarship-check {

    font-size:
      8px;

  }



  /* ==========================================================
     06.5 BOTÓN
     ========================================================== */

  .scholarship-form-footer {

    grid-template-columns:
      1fr;

    margin-top:
      13px;

  }


  .scholarship-submit {

    justify-self:
      end;

    min-width:
      145px;

    min-height:
      34px;

    font-size:
      10px !important;

  }



  /* ==========================================================
     07. LIFE USAM

     ========================================================== */

  .scholarships-life {

    width:
      100%;

    margin:
      35px
      0
      45px;

  }


  .scholarships-life__container {

    width:
      100%;

    max-width:
      none;

    display:
      flex;

    flex-direction:
      column;

    margin:
      0;

  }



  /* ==========================================================
     07.1 IMAGEN PRIMERO
     ========================================================== */

  .scholarships
  .lu-media {

    order:
      1;

    width:
      100%;

    min-height:
      0;

    aspect-ratio:
      1.72 / 1;

  }


  .scholarships
  .lu-media > img {

    width:
      100%;

    height:
      100%;

    object-fit:
      cover;

    object-position:
      center;

  }
  
  /* ==========================================================
     07.2 CONTENIDO SEGUNDO
     ========================================================== */

  .scholarships-life__content {

    order:
      2;

    width:
      100%;

    padding:
      21px
      29px
      24px;

    background:
      #ffffff;

  }


  .scholarships-life h2 {

    margin:
      0
      0
      8px;

    font-size:
      29px;

    line-height:
      1;

  }


  .scholarships-life__content
  > p {

    width:
      100%;

    max-width:
      none;

    margin:
      0
      0
      12px;

    color:
      var(--sch-text);

    font-size:
      8px;

    line-height:
      1.3;

  }



  /* ==========================================================
     07.3 LINKS LIFE USAM
     ========================================================== */

  .scholarships
  .lu-list {

    width:
      100%;

  }


  .scholarships
  .lu-list li {

    grid-template-columns:
      19px
      minmax(
        0,
        1fr
      );

    min-height:
      28px;

  }


  .scholarships
  .lu-list__icon {

    font-size:
      17px;

  }


  .scholarships
  .lu-list a {

    min-height:
      28px;

    padding:
      4px
      0;

    font-size:
      12px!important;

    line-height:
      1.15;

  }



  /* ==========================================================
     07.4 PLAY
     ========================================================== */

  .scholarships
  .lu-play {

    width:
      62px;

    height:
      62px;

  }


  .scholarships
  .lu-play
  .material-icons {

    font-size:
      32px;

  }



  /* ==========================================================
     08. MODAL
     ========================================================== */

  .scholarships
  .ni-modal {

    padding:
      12px;

  }


  .scholarships
  .ni-modal-dialog {

    width:
      100%;

    max-height:
      94vh;

  }


  .scholarships
  .ni-modal-body iframe {

    height:
      76vh;

  }

}






/* ============================================================
   14. MÓVIL PEQUEÑO
   ============================================================ */

@media
(
  max-width: 390px
) {

  .scholarship-row {

    grid-template-columns:
      1fr;

  }


  .scholarship-submit {

    width:
      100%;

  }


  .scholarships-life__container {

    grid-template-columns:
      1fr;

  }

}



/* ============================================================
   15. FULL
   ============================================================ */

@media
(
  min-width: 1921px
) {

  .scholarships
  .nuevo-ingreso-menu-inner {

    max-width:
      1540px;

  }


  .scholarships-hero__content,
  .scholarships-intro__inner,
  .scholarship-panel,
  .scholarships-life__container {

    max-width:
      1380px;

  }


  .scholarship-panel__content,
  .scholarship-panel__media {

    min-height:
      730px;

  }


  .scholarship-panel__media img {

    min-height:
      730px;

  }

}



/* ============================================================
   16. REDUCED MOTION
   ============================================================ */

@media
(
  prefers-reduced-motion:
  reduce
) {

  .scholarships *,
  .scholarships *::before,
  .scholarships *::after {

    animation-duration:
      .01ms !important;

    animation-iteration-count:
      1 !important;

    transition-duration:
      .01ms !important;

    scroll-behavior:
      auto !important;

  }


  .scholarships.is-enhanced
  .scholarship-reveal {

    opacity:
      1;

    transform:
      none;

  }

}