/* Encaje en altura: que cada diapositiva quepa sin scroll en portátiles y pantallas de 720–960 px.
   Solo márgenes, huecos y rellenos (y dos tamaños proporcionales en pantallas bajas). El diseño no cambia. */

/* 801–1000 px de alto (p. ej. 1440×900, 1536×864, 1512×982): quedan fuera de los ajustes compactos de ≤850 px
   y, en pantallas anchas, el texto crece con el ancho más que el alto disponible. */
@media (min-width:761px) and (min-height:801px) and (max-height:1000px){
  .slide-inner{padding-top:22px;padding-bottom:22px}
  #vision .hero-bottom{margin-top:28px}
  #alcance .section-head,#calendario .section-head,#equipo .section-head{margin-bottom:18px}
  #app .intro-block{gap:14px}
  #app .native-platforms{margin-top:16px}
  #app .app-benefits{margin-top:16px;gap:12px}
  #app .app-benefits h3{margin-bottom:3px}
  #app .app-design-note{margin-top:12px;padding-top:12px}
  #alcance .scope-grid{row-gap:10px}
  #alcance .scope-item{padding-bottom:10px}
  #alcance .phase-two{margin-top:12px}
  #alcance .scope-footer{margin-top:6px}
  #calendario .calendar-route{padding-bottom:14px;margin-bottom:10px}
  #calendario .month-heading{margin-bottom:8px}
  #calendario .cal-day{height:34px}
  #calendario .calendar-legend{margin-top:12px}
  #calendario .calendar-conditions{margin-top:12px}
  #equipo .future-widget{padding:18px 20px}
  #equipo .health-wave{margin:12px 0 8px}
  #equipo .mini-clubs{margin:16px 0 10px}
  #equipo .future-footer{margin-top:14px;padding-top:12px}
}

/* ≤800 px de alto (p. ej. 1280×720, 1366×768, 1024×768). */
@media (min-width:761px) and (max-height:800px){
  #calendario .section-head,#equipo .section-head,#colaboracion .section-head{margin-bottom:14px}

  #app .intro-block{gap:14px}
  #app.app-slide h2{font-size:clamp(32px,3.2vw,42px)}
  #app .native-platforms{margin-top:12px}
  #app .app-benefits{margin-top:14px;gap:10px}
  #app .app-benefits h3{margin-bottom:3px}
  #app .app-benefits p{font-size:13px;line-height:1.5}
  #app .app-design-note{margin-top:10px;padding-top:10px}
  #app .app-design-disclaimer{margin-top:6px}

  #calendario .calendar-story .calendar-route{padding-bottom:10px;margin-bottom:10px}
  #calendario .month-heading{margin-bottom:8px}
  #calendario .month-weekdays{margin-bottom:6px}
  #calendario .cal-day{height:29px}
  #calendario .calendar-legend{margin-top:9px}
  #calendario .calendar-conditions{margin-top:8px}
  #calendario .delivery-story{gap:12px}
  #calendario .delivery-date{font-size:64px}
  #calendario .testing-window{padding:13px 18px}
  #calendario .testing-ticks{margin:10px 0}

  #equipo .future-board{gap:12px 23px}
  #equipo .future-widget{padding:14px 16px}
  #equipo .health-wave{margin:8px 0 6px}
  #equipo .mini-roadmap{margin-top:12px;gap:8px}
  #equipo .mini-clubs{margin:12px 0 8px}
  #equipo .product-modules{margin-top:10px;gap:6px}
  #equipo .product-modules>span{padding:6px 10px}
  #equipo .future-app-icon{max-height:190px}
  #equipo .future-footer{margin-top:12px;padding-top:10px}

  #colaboracion .option-price{margin:10px 0 4px}
  #colaboracion .feature-list{margin-top:10px}
  #colaboracion .option-fine{margin-top:10px;padding-top:10px}
}

/* Portátiles estrechos (≤1100 px de ancho y ≤800 px de alto): la entradilla de Equipo, en menos líneas. */
@media (min-width:761px) and (max-width:1100px) and (max-height:800px){
  #equipo .section-head>p{max-width:300px}
}