/* Adaptación móvil global — 30/09/2026
   Solo actúa en pantallas pequeñas; la versión de escritorio permanece intacta. */
@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px;-webkit-text-size-adjust:100%}
  img,video,iframe{max-width:100%;height:auto}
  .wrap{width:min(100% - 28px, 1180px)!important}

  /* Navegación de páginas interiores: visible, compacta y desplazable */
  body:not(:has(> header.top)) .nav .wrap{display:block!important;min-height:0!important;padding:11px 0 8px!important}
  body:not(:has(> header.top)) .nav-brand{display:block!important;white-space:normal!important;font-size:.92rem!important;line-height:1.25!important;margin:0 0 8px!important}
  body:not(:has(> header.top)) .nav-links{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:16px!important;overflow-x:auto!important;overscroll-behavior-x:contain;padding:5px 0 7px!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  body:not(:has(> header.top)) .nav-links a{flex:0 0 auto!important;white-space:nowrap!important;font-size:.82rem!important;line-height:1.2!important;padding:6px 0!important}
  body:not(:has(> header.top)) .nav-links .contact-link{padding-left:2px!important;padding-right:2px!important}

  /* Portada */
  body > header.top{position:sticky!important;top:0!important;display:block!important;min-height:0!important;padding:11px 14px 8px!important}
  body > header.top .brand{display:block!important;font-size:.92rem!important;line-height:1.25!important;margin-bottom:7px!important;white-space:normal!important}
  body > header.top .nav{display:flex!important;justify-content:flex-start!important;gap:16px!important;overflow-x:auto!important;padding:4px 0 6px!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  body > header.top .nav a{flex:0 0 auto!important;font-size:.82rem!important;white-space:nowrap!important;padding:6px 0!important}
  body > header.top .nav .btn{padding:7px 12px!important}
  .home-hero-wrap{padding:0!important}
  .home-separator.first-gap{height:22px!important}
  .home-separator.section-gap{height:20px!important}
  .home-centered{padding:12px 0!important}
  .home-centered>img,.home-experiences{width:100%!important;border-radius:0!important}
  .home-experiences{margin-bottom:0!important}
  body > .footer{margin-top:18px!important}

  /* Cabeceras y textos */
  .approved-hero{min-height:clamp(180px,46vw,290px)!important;background-size:cover!important;background-position:center!important}
  .subhero{padding-top:28px!important;padding-bottom:28px!important}
  .subhero h1,.intro h1{font-size:clamp(1.85rem,8vw,2.45rem)!important;line-height:1.08!important}
  .subhero p,.section-title p,.intro p{font-size:1rem!important;line-height:1.55!important}
  .section,.camp-presentation,.camp-list,.intro,.uses,.features,.details,.care,.other{padding-top:38px!important;padding-bottom:38px!important}

  /* Rejillas y tarjetas */
  .program-grid,.camp-grid,.uses-grid,.intro-grid,.details-grid,.grid,.fields,.all-grid{grid-template-columns:1fr!important;gap:18px!important}
  .program,.camp-card,.use-card,.card{min-width:0!important}
  .camp-card{display:grid!important;grid-template-columns:1fr!important}
  .camp-card img{width:100%!important;height:auto!important;max-height:none!important;object-fit:cover!important}
  .hero-photo img{width:100%!important;height:auto!important;max-height:none!important}
  .aerial{width:100%!important;margin-left:0!important;margin-right:0!important}
  .aerial img{width:100%!important;height:auto!important;object-fit:contain!important}
  .presentation-journey img,.camp-presentation img{width:100%!important;height:auto!important}

  /* Botones y formularios */
  .button,.btn,button,input[type="submit"]{max-width:100%;white-space:normal;text-align:center;line-height:1.25}
  input,select,textarea{max-width:100%;font-size:16px!important}
  textarea{min-height:130px}

  /* Pies */
  .footer{padding:24px 14px!important;font-size:.88rem!important;line-height:1.55!important}
  .footer .wrap{display:flex!important;flex-direction:column!important;gap:8px!important;text-align:center!important}
}

@media (max-width: 420px){
  .wrap{width:min(100% - 22px,1180px)!important}
  body > header.top .nav, .nav-links{gap:13px!important}
  .approved-hero{min-height:165px!important}
  .subhero h1,.intro h1{font-size:1.8rem!important}
  .price-number{font-size:2.2rem!important}
}

/* Corrección móvil: la imagen aprobada de “Un día / Granja Escuela” lleva
   una barra de navegación antigua integrada en la propia imagen. En móvil
   recortamos únicamente esa franja superior; escritorio no se modifica. */
@media (max-width: 700px){
  body.subpage .approved-hero{
    aspect-ratio:2048/565!important;
    min-height:0!important;
    background-size:100% auto!important;
    background-position:center bottom!important;
    background-repeat:no-repeat!important;
  }
}