/* =========================================================
   🧩 CUSTOM.CSS — Ajustes específicos y overrides locales
   =========================================================
   📌 Descripción:
       Esta hoja complementa main.css y permite realizar 
       personalizaciones sin alterar el diseño base.

   📂 Estructura recomendada:
       1️⃣ Variables y colores locales
       2️⃣ Overrides de layout o spacing
       3️⃣ Ajustes tipográficos
       4️⃣ Elementos específicos (header, footer, botones, etc.)
       5️⃣ Media queries y adaptaciones

   ⚠️ Buenas prácticas:
       - No repetir reglas existentes en main.css salvo que 
         sea para sobrescribirlas intencionalmente.
       - Documentar cada cambio con fecha y motivo.
       - Mantener el archivo lo más ligero posible.

   💡 Ejemplo de override:
       main.max-w-5xl {
         max-width: 62rem; /* ajuste específico SV */
       }
   ========================================================= */