/* WARNING: NO tocamos el border existente */
    .servicios-texto p{
      font-size: 0.85rem;
    }

    .section-servicios .servicio-card{
      transition:
        border-radius .35s ease,
        transform .35s ease;
    }

    /* Hover: SOLO redondeo */
    .section-servicios .servicio-card:hover{
      border-radius: 40px; /* ajusta a gusto */
      transform: translateY(-4px); /* opcional */
    }

    /* Touch devices */
    @media (hover:none){
      .section-servicios .servicio-card{
        border-radius: 16px;
        transform: none;
      }
    }
    /* === FIX DEFINITIVO OVERLAY FULL === */
#equipo .eq-card{
  position: relative !important;
  overflow: hidden !important;

  /* Fallback: si por lo que sea aspect-ratio no aplica, fuerza altura */
  width: 180px;
  height: 240px; /* 180 * (4/3) */
}

@supports (aspect-ratio: 3 / 4){
  #equipo .eq-card{
    height: auto;              /* deja que aspect-ratio mande */
    aspect-ratio: 3 / 4;
  }
}

/* Imagen y overlay ocupan EXACTAMENTE la misma caja */
#equipo .eq-card > .eq-img,
#equipo .eq-card > .fondotext{
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 100% !important;
}

/* Asegura que el overlay quede por encima */
#equipo .eq-card > .fondotext{
  z-index: 5 !important;
}

/* Asegura que la imagen no "compita" en capas */
#equipo .eq-card > .eq-img{
  z-index: 1 !important;
  object-fit: cover;
  display: block;
}

