/* Zoom en el body para pantallas entre 1200px y 1660px */
@media (min-width: 1200px) and (max-width: 1660px) {
  .bodyTransform {
    overflow-x: hidden; /* Oculta solo la barra de scroll horizontal */
    overflow-y: hidden; /* Oculta el scroll vertical */
  }
  
  .zoom-container {
    transform: scale(0.75);
    transform-origin: 0 0; /* Establece el origen de la escala en la esquina superior izquierda */
    width: 133.33%;
    min-height: 100vh; /* Altura mínima igual a la altura de la pantalla */
    box-sizing: border-box; /* Asegura que el padding y el borde se incluyan en el cálculo de la altura */
  }
  /* Clases workaround para sitios que requieran el zoom y no el transform */
  .bodyZoom {
    overflow-x: auto; /* Restablece el overflow horizontal */
    overflow-y: auto; /* Restablece el overflow vertical */
    height: auto; /* Restablece la altura por defecto */
    zoom: 0.75;
  }
 
  .zoom-containerReset {
    transform: none; /* Elimina la transformación de escala */
    width: auto; /* Restablece el ancho por defecto */
    min-height: auto; /* Restablece la altura mínima por defecto */
  }

}


@media screen and (max-width: 768px) {
  input:not([type="button"]),
  textarea,
  select {
    font-size: 16px !important;
  }
}