/* ==========================================================================
   AJUSTES BASE PROPIOS
   Pequeñas reglas globales que antes estaban repartidas en <style> del HTML.
   ========================================================================== */

img { height: auto; max-width: 100%; }
[hidden] { display: none !important; }

/* Íconos SVG en línea (reemplazan a <ion-icon>) */
svg.icono {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
  stroke: currentColor;
  flex-shrink: 0;
}
svg.icono .ionicon-fill-none { fill: none; }
svg.icono .ionicon-stroke-width { stroke-width: 32px; }

/* Utilidades usadas en las páginas */
.pad-20 { padding: 20px; }