/* Fix: Espaciado cards homepage v2 - 2026-01-22 */

/* ============================================
   CAUSA RAÍZ:
   - .ser-team tiene justify-content: space-between (crea gap enorme)
   - .ser-btn3 tiene position: absolute (se superpone)
   ============================================ */

/* 1. Contenedor: quitar space-between, alinear arriba */
.service-sec3 .ser-card3.v2 .ser-team {
  justify-content: flex-start !important;
  padding: 12px 15px !important;
  gap: 0 !important;
}

/* 2. Título: más abajo */
.service-sec3 .ser-card3.v2 .ser-team .title,
.service-sec3 .ser-card3.v2 .ser-team h4.title {
  margin-top: 28px !important;
  margin-bottom: 12px !important;
  line-height: 1.2 !important;
}

/* 3. Descripción: centrada entre título y link */
.service-sec3 .ser-card3.v2 .ser-team p.service-card-description {
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}

/* 4. Link: position relative para que los iconos ::before/::after se posicionen correctamente */
.service-sec3 .ser-card3.v2 .ser-team a.ser-btn3,
.service-sec3 .ser-card3.v2 .ser-team > a.ser-btn3,
section.service-sec3 .ser-card3.v2 .ser-team .ser-btn3 {
  position: relative !important;  /* relative para anclar pseudo-elementos */
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  margin-top: auto !important;
}

/* Fix: Alinear link con contenido en cards v2 - desktop */
/* Sobreescribe globals.css que usa position:absolute con left:0 en ≥992px */
@media (min-width: 992px) {
  .service-sec3 .ser-card3.v2 .ser-team .ser-btn3 {
    left: 15px !important;  /* Coincide con padding-left del contenedor */
  }
}