/* 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}
  #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 .journey{padding:14px 24px 12px}
  #calendario .jt-flags{height:30px}
  #calendario .jt-bar{height:46px}
  #calendario .jt-months{height:26px;margin-top:6px}
  #calendario .jt-legend{margin-top:2px;padding-top:9px}
  #calendario .journey-moments{margin-top:16px;gap:22px}
  #calendario .moment{padding-top:12px;gap:15px}
  #calendario .moment-big{font-size:48px}
  #calendario .moment h3{font-size:17px;margin-bottom:5px}
  #calendario .moment p{font-size:13px;line-height:1.5}
  #calendario .journey-footer{margin-top:12px}
  #calendario .journey-footer .micro{font-size:12px}


  #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}
}

/* La inversión (9): fichas compactas en pantallas bajas y en portátiles o tabletas de ≤1280 px de ancho. */
@media (min-width:761px) and (max-height:800px),(min-width:761px) and (max-width:1280px) and (max-height:1000px){
  #inversion .investment-story{grid-template-columns:minmax(0,1.55fr) minmax(0,.8fr)}
  #inversion .investment-story h2{font-size:clamp(32px,2.9vw,40px)}
  #inversion .investment-story .intro-block{gap:10px}
  #inversion .investment-story .investment-total{margin:10px 0 12px;gap:16px}
  #inversion .investment-story .giant-price{font-size:46px}
  #inversion .investment-total-text{gap:2px}
  #inversion .investment-story .investment-caption{font-size:13px}
  #inversion .investment-story .investment-total-text .micro{font-size:12px;line-height:1.4}
  #inversion .phase-card{padding:12px 15px 10px;border-radius:15px}
  #inversion .phase-card-top b{font-size:24px}
  #inversion .phase-card h3{margin:8px 0 2px;font-size:15px}
  #inversion .phase-when{font-size:12px}
  #inversion .phase-scope{margin:8px 0;padding-top:8px;gap:4px}
  #inversion .phase-scope li{font-size:13px;line-height:1.35}
  #inversion .phase-scope svg{width:15px;height:15px}
  #inversion .phase-card .store-revenue{margin-bottom:8px;padding:7px 10px;font-size:12px;line-height:1.4}
  #inversion .phase-foot{padding-top:7px;font-size:12px;line-height:1.4}
}

/* 801–1000 px de alto en pantallas anchas: algo menos de aire en las fichas. */
@media (min-width:1281px) and (min-height:801px) and (max-height:1000px){
  #inversion .investment-story .investment-total{margin:14px 0}
  #inversion .phase-card h3{margin-top:10px}
  #inversion .phase-scope{margin:11px 0 10px;padding-top:11px;gap:6px}
}