/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* Estilos responsive personalizados */

/* Mejorar padding en mobile para todo el body */
@media (max-width: 640px) {
  main {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/* Evitar que textos largos rompan el layout en mobile */
.break-words-mobile {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Mejorar botones en mobile para que sean más fáciles de tocar (44px mínimo recomendado) */
@media (max-width: 640px) {
  button, a.btn, input[type="submit"] {
    min-height: 44px;
  }
}

/* Ocultar scroll horizontal en body */
body {
  overflow-x: hidden;
}

/* Asegurar que las imágenes no excedan el contenedor */
img {
  max-width: 100%;
  height: auto;
}

/* Mejorar legibilidad de texto en mobile */
@media (max-width: 640px) {
  body {
    font-size: 16px; /* Previene zoom automático en iOS */
  }
}