/* =========================================================
   1. TABLET EN VERTICAL
   Adaptamos la escala del portal para aprovechar mejor
   el espacio disponible en pantallas altas.
   ========================================================= */

@media (orientation: portrait) {

  /* Aumentamos el tamaño de las pompas para que tengan
     mayor presencia visual en la pantalla de la tablet */

  .portal__app {
    width: clamp(190px, 28vw, 230px);
  }


  /* Ampliamos el campo de flotación para aprovechar
     mejor la altura disponible en orientación vertical */

  .portal__apps {
    min-height: 540px;
  }


  /* Damos algo más de presencia al logotipo */

  .portal__logo {
    width: clamp(320px, 48vw, 420px);
  }

  /* Damos más presencia a los textos de cabecera para que
   mantengan una escala adecuada en tablet vertical */

.portal__tagline {
  font-size: 15px;
}

.portal__intro {
  max-width: 620px;
  font-size: 14px;
}


/* Aumentamos ligeramente el aviso inferior para mantener
   una proporción equilibrada con el resto de la interfaz */

.portal__hint p {
  font-size: 15px;
}

}