/* -------------------------------------------------------------------------- */
/* Archivo: styles/main.css                                                    */
/* Proposito:                                                                  */
/* Define estilos locales y ajustes visuales complementarios a Tailwind CDN.  */
/* Se usa para centralizar reglas globales simples que no dependen del estado */
/* de la aplicacion, como fuente base, iconos y sombra de tarjetas.           */
/* -------------------------------------------------------------------------- */
/* Estilos base propios del proyecto (lo demas viene de Tailwind CDN). */
body { font-family: 'Inter', sans-serif; }

/* Ajuste visual del icon font de Material Symbols. */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  display: inline-block;
  vertical-align: middle;
}

/* Sombra reutilizable de tarjetas principales. */
.card-shadow { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); }