/* ancho header  */
.mir-section {
  padding: 56px 0;
  background: linear-gradient(180deg, #fff 0%, #f9f9f9 100%);
}

/* Wrapper centrado */
.mir-section .mir-wrap {
  width: 94%;
  margin: 0 auto;
  text-align: center;
}

/* Ajuste responsivo */
@media (min-width: 768px) { .mir-section .mir-wrap { width: 92%; } }
@media (min-width: 1200px) { .mir-section .mir-wrap { width: 88%; } }

.mir-section h2 {
  color: #000;
  font-weight: 800;
  letter-spacing: .2px;
  font-size: clamp(22px, 3vw, 34px);
  margin-bottom: 10px;
}

.mir-section .mir-desc {
  color: #555;
  font-size: clamp(14px, 1.6vw, 16px);
  margin: 0 auto 24px auto;
  max-width: 800px;
}

/* Botón MIR */
.btn-mir {
  display: inline-block;
  background: transparent;
   border: 2px solid #00AFAA;
  color: #000;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  transition: background .25s ease, transform .2s ease, box-shadow .25s ease;
  box-shadow: 0 8px 24px rgba(152,20,60,.18);
}

.btn-mir:hover {
  background-color: transparent;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(152,20,60,.24);
}

/* separacion linea */
.mir-section + .linea-colores {
  margin-top: 24px;
}

/* botones  centrados */
.news-item .btn-mir {
  display: inline-block !important; 
  align-self: center;               
  margin-top: 12px;
  font-size: 14px;
  padding: 8px 20px;
  border-radius: 6px;
  width: auto !important;           
  min-width: unset !important;      
}



/* Boton año */
#df-year-btn.btn-primary {
  background: transparent;
  border-color: #00AFAA;
  color: #000;               
}

#df-year-btn.btn-primary:hover {
  background: transparent;  
  border-color: #00AFAA;
  color: #000;
}