.elementor .e-7e0fd74-08e6340{font-size:15px;color:var(--Principal);}.elementor .e-e94a46d-aa2318b{font-family:Poppins;font-weight:600;font-size:14px;color:#0b368c;text-align:center;margin-block-start:0%;margin-block-end:2%;margin-inline-start:0%;margin-inline-end:0%;border-radius:50px;border-width:2px;border-color:var(--Principal);border-style:solid;background-color:#ffffff;}.elementor .e-ee8c865-a874ef3{font-family:Poppins;font-weight:600;font-size:14px;color:#17af4f;padding:12px;margin-block-start:0%;margin-block-end:3%;border-radius:50px;border-width:2px;border-color:#17af4f;border-style:solid;background-color:#ffffff;}.elementor .e-0c9c03b-beb02df{font-family:Poppins;font-weight:600;font-size:14px;color:#0b368c;text-align:center;margin-block-start:0%;margin-block-end:3%;border-radius:50px;border-width:2px;border-color:var(--Principal);border-style:solid;background-color:#ffffff;}.elementor .e-c3f467e{padding-block-start:15px;padding-block-end:15px;padding-inline-start:15px;padding-inline-end:20px;border-radius:30px;border-width:3px;border-color:var(--Gris);border-style:solid;flex-direction:column;gap:5px;.pills-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0;
}

.pill-especialidad {
  background: #eafaf6;
  color: #06338C;
  border: 1.5px solid #84dccf;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}
/* --- Subtítulo: tipo de apoyo y país --- */
.subtitulo-ficha {
  margin: 0;
  line-height: 1.4;
}
.subtitulo-tipo {
  color: #888;
  font-weight: 700;
  font-size: 14px;
}
.subtitulo-sep {
  color: #999;
}
.subtitulo-pais {
  color: #06338C;
  font-size: 14px;
}
/* --- Atiende a --- */
.atiende-a {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
}
.atiende-a strong {
  color: #06338C;
  font-weight: 700;
}
.atiende-a span {
  color: #888;
}
/* =============================================
 APOYO EMOCIONAL VZLA — Badge disponibilidad
 ============================================= */

/* Base del badge — alineado a la derecha */
.badge-dispo {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 20px;
  gap: 8px;
  margin-left: auto;
}

/* Punto antes del texto */
.badge-dispo::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* Disponible — verde */
.badge-disponible {
  background: #eafaf3;
  color: #2AB572;
}
.badge-disponible::before {
  background: #2AB572;
}

/* Cupos limitados — naranja */
.badge-limitado {
  background: #fef3e8;
  color: #E8913A;
}
.badge-limitado::before {
  background: #E8913A;
}

/* No disponible — gris */
.badge-nodisponible {
  background: #f0f0f0;
  color: #999;
}
.badge-nodisponible::before {
  background: #999;
}

/* Ficha completa inactiva */
.ficha-inactiva {
  opacity: 0.45;
  pointer-events: none;
  filter: grayscale(40%);
}
/* --- Link reportar perfil --- */
.link-reportar {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #888;
  text-decoration: none;
  margin-top: 8px;
  transition: color 0.2s ease;
}
.link-reportar:hover {
  color: #06338C;
  text-decoration: underline;
}
/* --- Foto circular — cubre sin distorsionar --- */
.elementor-294 .elementor-element-9b30892.elementor-widget-image {
width: 80px !important;
height: 80px !important;
border-radius: 50% !important;
overflow: hidden !important;
border: 3px solid #84dccf !important;
flex-shrink: 0 !important;
}

.elementor-294 .elementor-element-9b30892.elementor-widget-image img {
width: 80px !important;
height: 80px !important;
min-width: 80px !important;
object-fit: cover !important;
object-position: center top !important;
border-radius: 0 !important;
border: none !important;
display: block !important;
}
/* --- Botón Agenda tu cita --- */
.btn-agenda {
  display: block;
  text-align: center;
  background: #fff;
  color: #06338C !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  border: 2px solid #06338C;
  border-radius: 24px;
  padding: 12px 24px;
  text-decoration: none;
  margin-top: 10px;
  transition: background .2s, color .2s;
}
.btn-agenda:hover {
  background: #06338C;
  color: #fff !important;
}\n}