/* LUCERO SPA — AJUSTE MÓVIL FINAL
   Cargar DESPUÉS del style.css actual.
   No modifica computador. */
@media (max-width:760px){

  /* Cabecera más compacta */
  header .top,
  .page-projects header .top{
    height:auto !important;
    min-height:128px !important;
    padding-top:7px !important;
    padding-bottom:7px !important;
    gap:3px 10px !important;
  }

  /* Logo 12% aprox. más grande que el actual, sin deformarlo */
  header .logo,
  .page-projects header .logo{
    width:148px !important;
    max-width:148px !important;
    max-height:88px !important;
    height:auto !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }

  /* Menú completo en una línea y con menos altura */
  header .nav{
    width:100% !important;
    margin-top:0 !important;
    font-size:10.5px !important;
    gap:6px !important;
    justify-content:space-between !important;
  }
  header .nav a{
    padding-top:4px !important;
    padding-bottom:5px !important;
    white-space:nowrap !important;
  }

  /* Si existe teléfono dentro de la cabecera, no consume altura en móvil */
  header .phone{
    display:none !important;
  }

  /* Inicio: conserva la altura aprobada del banner */
  body:not(.page-contact):not(.page-projects) .hero{
    min-height:300px !important;
  }

  /* Degradado más localizado detrás del texto */
  body:not(.page-contact):not(.page-projects) .hero:after{
    inset:0 !important;
    background:
      linear-gradient(90deg,
        rgba(2,35,72,.70) 0%,
        rgba(2,35,72,.50) 30%,
        rgba(2,35,72,.18) 58%,
        rgba(2,35,72,0) 82%),
      linear-gradient(0deg,
        rgba(2,35,72,.42) 0%,
        rgba(2,35,72,.08) 38%,
        rgba(2,35,72,0) 62%) !important;
  }

  /* Hero: escala ligeramente más corporativa */
  body:not(.page-projects) .hero h1{
    font-size:29px !important;
    line-height:1.06 !important;
  }
  body:not(.page-projects) .hero p{
    font-size:14px !important;
    line-height:1.30 !important;
  }

  /* Textos largos: evita sensación de página ampliada */
  .section .copy{
    font-size:13.5px !important;
    line-height:1.48 !important;
  }
  .section .big{
    font-size:25px !important;
    line-height:1.10 !important;
  }
  .section .kicker{
    font-size:9.5px !important;
    letter-spacing:3px !important;
  }

  .section{
    padding-top:32px !important;
    padding-bottom:32px !important;
  }
}

/* AJUSTE FINO INICIO — jerarquía de Nuestro propósito en móvil */
@media (max-width:760px){
  body:not(.page-contact):not(.page-projects) .section:first-of-type{
    padding-top:26px !important;
  }
  body:not(.page-contact):not(.page-projects) .section:first-of-type .greenline{
    margin-bottom:8px !important;
  }
  body:not(.page-contact):not(.page-projects) .section:first-of-type .big{
    font-size:28px !important;
    line-height:1.10 !important;
    margin-top:8px !important;
    margin-bottom:14px !important;
  }
  body:not(.page-contact):not(.page-projects) .section:first-of-type .copy{
    font-size:16px !important;
    line-height:1.48 !important;
  }
}