/* ===== Ajustes para teléfonos y tablets ===== */
  @media (max-width:1024px){
    /* Evita que el iPhone haga zoom al escribir en los campos */
    input, select, textarea{font-size:16px !important;}
    /* Íconos de amenidades en una sola línea */
    .amenidades-row{flex-wrap:nowrap;gap:2px;}
    .amenidades-row > *{flex:0 1 auto;min-width:0;}
  }
  @media (max-width:900px){
    /* Pestañas del panel en una fila deslizable */
    #admin-panel .admin-panel-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:8px;margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px;}
    #admin-panel .admin-tab-btn{flex:0 0 auto;white-space:nowrap;padding:10px 14px;}
  }
  @media (max-width:640px){
    /* Espacio para que los botones flotantes no tapen los enlaces del pie */
    footer{padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px));}
    .footer-legal{line-height:2.1;}
    .footer-legal a{display:inline-block;padding:2px 0;}
    /* Ventanas emergentes cómodas en pantallas chicas */
    .socio-modal, .empresas-modal, .amenidad-modal{max-height:calc(100dvh - 24px);overflow-y:auto;-webkit-overflow-scrolling:touch;}
    .admin-table{font-size:12px;}
    input::placeholder, textarea::placeholder{font-size:13px;}
    .admin-table th, .admin-table td{padding:6px 8px;}
  }
  @media (max-width:380px){
    .nav{padding-left:12px;padding-right:12px;}
    .nav-links{gap:14px;font-size:0.85rem;}
  }