/* TATUARTE · B410 FIX7 · Audience polish
   Requiere FIX6 como baseline.
   Objetivos:
   - eliminar el bloque/blanco residual bajo las dos tarjetas;
   - mejorar jerarquía tipográfica y botones;
   - pulir visualmente la superficie sin tocar copy, rutas ni datos.
*/

.r24-audiences[data-r24-band="audiences"]{
  padding-bottom:0 !important;
}

.r24-audiences .r23-band-inner.r24-audiences-inner{
  padding-bottom:0 !important;
}

.r24-audiences .r24-audience-grid{
  gap:20px !important;
  margin-bottom:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  align-items:stretch;
}

.r24-audiences .r24-audience-grid::before,
.r24-audiences .r24-audience-grid::after{
  content:none !important;
  display:none !important;
}

.r24-audiences .r24-audience-card{
  min-height:270px;
  box-shadow:0 16px 40px rgba(16,16,18,.12);
}

.r24-audiences .r24-audience-card > span{
  font-size:12px !important;
  line-height:1.2 !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:700;
}

.r24-audiences .r24-audience-card h3{
  font-size:clamp(1.15rem,0.98rem + 1.05vw,1.55rem) !important;
  line-height:.95 !important;
  letter-spacing:-.03em;
  margin-top:.2rem !important;
}

.r24-audiences .r24-audience-card p{
  font-size:14px !important;
  line-height:1.45 !important;
}

.r24-audiences .r24-audience-card > div{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:14px !important;
}

.r24-audiences .r24-audience-card a{
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  padding:10px 14px !important;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border-radius:10px !important;
}

.r24-audiences .r24-audience-card a:hover{
  transform:translateY(-1px);
}

.r24-audiences .r24-audience-card.r24-audience-client,
.r24-audiences .r24-audience-card.r24-audience-pro{
  border-radius:18px;
}

.r24-audiences .r24-audience-card.r24-audience-pro{
  box-shadow:0 16px 40px rgba(16,16,18,.10), inset 0 1px 0 rgba(255,255,255,.55);
}

@media (max-width:640px){
  .r24-audiences .r24-audience-card{min-height:300px;}
  .r24-audiences .r24-audience-card a{
    width:auto;
    max-width:100%;
    white-space:normal;
  }
}

@media (prefers-reduced-motion:reduce){
  .r24-audiences .r24-audience-card a,
  .r24-audiences .r24-audience-card a:hover{
    transition:none !important;
    transform:none !important;
  }
}