/* ================================================
   iPad Air Portrait Fix — exactamente 768px a 820px
   NO toca móvil ni PC
   ================================================ */

@media screen and (min-width: 768px) and (max-width: 820px) {

  /* Secciones emocionales — pantalla completa */
  html body #mask,
  html body #crack,
  html body #chaos,
  html body #hands {
    min-height: 100svh !important;
    height: 100svh !important;
    max-height: 100svh !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body #mask .container,
  html body #crack .container,
  html body #chaos .container,
  html body #hands .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100svh !important;
    padding-top: 90px !important;
    padding-bottom: 50px !important;
    width: 85% !important;
    max-width: 860px !important;
    margin: 0 auto !important;
  }

  /* Menú navegación más grande */
  html body .topbar-nav a {
    font-size: .85rem !important;
    letter-spacing: .2em !important;
    padding: 10px 6px !important;
  }

  /* Texto más grande en todas las secciones */
  html body .prose {
    font-size: 1.6rem !important;
    line-height: 1.75 !important;
  }

  html body .step-content p {
    font-size: 1.35rem !important;
    line-height: 1.65 !important;
  }

  html body .section-title-big {
    font-size: 2.6rem !important;
  }

  html body .avatar-body p {
    font-size: 1.25rem !important;
  }

  html body .emotion-desc {
    font-size: 1.3rem !important;
  }

  html body .contact-title {
    font-size: 2rem !important;
  }

  html body .contact-card p {
    font-size: 1.2rem !important;
  }

  html body .contact-email {
    font-size: 1.4rem !important;
  }

  /* Firma lateral más grande */
  html body .side-name {
    font-size: 2.4rem !important;
    left: 22px !important;
    letter-spacing: .28em !important;
  }

}