/* Compactación móvil: header calendario (CALENDARIO COMPETITIVO + descripción)
   Solo reduce aire vertical sin cambiar la estética.
*/

@media (max-width: 768px){
  #calendario .section-header{ margin-bottom: 1.35rem !important; }
  #calendario .section-header .section-tag{ margin-bottom: 0.55rem !important; }

  #calendario .section-title{
    margin: 0.6rem 0 0.6rem !important;
    line-height: 1.05 !important;
  }

  #calendario .section-description{ margin-bottom: 1.4rem !important; }

  /* Menos padding arriba de la timeline */
  #calendario .calendario-timeline{ padding-top: 1.1rem !important; }

  /* Menos aire entre tarjetas */
  #calendario .calendario-item,
  #calendario .calendario-item:nth-child(odd),
  #calendario .calendario-item:nth-child(even){
    margin-bottom: 1.25rem !important;
  }

  /* Botones dentro de tarjeta: reduce margin-top inline (1.25rem) */
  #calendario .calendario-content > div[style*="margin-top"]{
    margin-top: 0.85rem !important;
  }
}

@media (max-width: 480px){
  #calendario .section-header{ margin-bottom: 1.1rem !important; }
  #calendario .section-description{ margin-bottom: 1.15rem !important; }
  #calendario .calendario-timeline{ padding-top: 0.95rem !important; }
  #calendario .calendario-item,
  #calendario .calendario-item:nth-child(odd),
  #calendario .calendario-item:nth-child(even){
    margin-bottom: 1.1rem !important;
  }
}