/* ----------------------------------------------------------
   SISTEMA DE ICONOS — PARROQUIA
   Modular, escalable y coherente con variables CSS existentes
----------------------------------------------------------- */

/* BASE GENERAL PARA TODOS LOS ICONOS */
.icon {
  font-size: 1.1rem;
  vertical-align: middle;
  margin-right: 0.35em;
  color: var(--color-accent);
  display: inline-block;
  line-height: 1;
}

/* TAMAÑOS */
.icon-sm { font-size: 0.9rem; }
.icon-md { font-size: 1.1rem; } /* tamaño por defecto */
.icon-lg { font-size: 1.4rem; }
.icon-xl { font-size: 1.8rem; }

/* VARIANTES DE COLOR (LITÚRGICOS) */
.icon-liturgia { color: var(--liturgical-color); }
.icon-adviento { color: var(--adviento); }
.icon-cuaresma { color: var(--cuaresma); }
.icon-pascua { color: var(--pascua); }
.icon-tiempo-ordinario { color: var(--ordinario); }

/* VARIANTES DE ESTILO */
.icon-muted { opacity: 0.6; }
.icon-bold { font-weight: 600; }
.icon-contrast { color: var(--color-contrast); }
.icon-invert { filter: invert(1); }

/* ESPACIADOS OPCIONALES */
.icon-left { margin-left: 0.35em; }
.icon-right { margin-right: 0.35em; }
.icon-no-margin { margin: 0; }

/* ALINEACIONES */
.icon-top { vertical-align: top; }
.icon-middle { vertical-align: middle; }
.icon-bottom { vertical-align: bottom; }

/* ----------------------------------------------------------
   FIN DEL SISTEMA DE ICONOS
----------------------------------------------------------- */