/* Astronautas® — ajustes para celular */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@media (max-width:760px){
  /* cabecera: logo + menú, sin el botón amarillo (está dentro del menú) */
  header .wrap{height:64px!important;gap:12px!important}
  header .btn{display:none!important}
  .mobile-menu{inset:64px 0 auto 0!important;max-height:calc(100dvh - 64px);overflow-y:auto;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))!important}
  .mobile-menu a{font-size:48px!important;padding:6px 0}
  /* fila superior del hero */
  .hero-meta{display:grid!important;grid-template-columns:auto auto;justify-content:space-between;row-gap:6px}
  .hero-meta>span:nth-child(2){display:none}
  /* llamada final */
  #contacto .disp{font-size:clamp(38px,10.85vw,84px)!important;overflow-wrap:anywhere}
  #contacto .btn{max-width:100%;font-size:13px!important;padding:0 22px!important}
  /* zonas táctiles más cómodas */
  .orb-list{gap:4px 22px!important}
  .orb-list a{display:inline-block;padding:12px 0 10px}
  footer a{display:inline-block;padding:8px 0}
  a[href*="instagram.com/atiliosatilios"]{display:inline-block;padding:10px 0}
  /* menos carga gráfica en el teléfono */
  .atmos-fog{display:none}
  .atmos-tex{animation:none}
}
@media (max-width:380px){
  .mobile-menu a{font-size:40px!important}
}
section[id]{scroll-margin-top:72px}
body{overflow-x:clip}
@media (max-width:760px){h2.disp{overflow-wrap:break-word;hyphens:manual}}
@media (max-width:360px){h2.disp{font-size:clamp(44px,14vw,56px)!important}}
@media (max-width:360px){h1.disp:not([style*="9.6vw"]){font-size:clamp(52px,19vw,72px)!important;overflow-wrap:break-word}}
/* hero a pantalla completa en el teléfono: el título ocupa la primera pantalla */
@media (max-width:760px){
  #top{padding-top:16px!important}
  #top h1{display:flex;flex-direction:column;justify-content:center;
    min-height:calc(100svh - 64px - 16px - 16px);
    font-size:min(26vw,calc((100svh - 150px) / 4.6))!important;line-height:.88!important;letter-spacing:-.005em}
  #top h1 br{display:none}
  #top h1>span{display:block}
  #top h1>span:nth-child(2){display:block!important}
  #top h1 svg{display:inline-block;vertical-align:baseline;width:.55em!important;height:.55em!important;margin-left:.12em}
}
/* franja animada: ícono de marca (no emoji) y loop sin cortes */
.mq-track>*{flex:none;white-space:nowrap}
.mq-track.disp{padding-right:40px;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.mq-ast{display:inline-flex;align-items:center;justify-content:center;width:.62em;height:1em}
.mq-ast svg{width:.62em;height:.62em;display:block}
@keyframes mq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (max-width:760px){.sec-t{min-height:0!important}}