/* ============================================================
   REMATE MÓVIL · la web pública, cómoda en el teléfono
   ------------------------------------------------------------
   Solo afinados: nada de aquí cambia el diseño de escritorio.
   ============================================================ */

/* nada puede empujar la página hacia los lados (overflow-x:clip
   no rompe los elementos «sticky», al contrario que hidden) */
html, body{max-width:100%; overflow-x:clip}

/* iOS no agranda el texto por su cuenta al girar el teléfono */
html{-webkit-text-size-adjust:100%; text-size-adjust:100%}

/* las imágenes jamás se salen de su caja */
.foot img, .cw img{max-width:100%}

@media (max-width:560px){
  /* el pie respira y todo se puede tocar con el pulgar */
  .foot{gap:30px; padding:44px 0 26px}
  .foot ul{gap:4px}
  .foot ul a{min-height:44px}
  .foot__about p{max-width:none}
  .social{gap:11px}
  .social a{width:46px; height:46px}

  /* la línea legal, centrada y con aire para el gesto de iPhone */
  .legal{flex-direction:column; align-items:center; text-align:center; gap:10px;
    padding:20px 0 calc(34px + env(safe-area-inset-bottom, 0px))}
  .legal__pol{display:flex; flex-wrap:wrap; justify-content:center; gap:2px 16px}
  .legal a{display:inline-block; padding:6px 0}
}

/* teléfono apaisado: los flotantes no tapan media pantalla */
@media (max-height:480px) and (orientation:landscape){
  .cw-fab{width:46px; height:46px}
}