/* «Quién está detrás» (#opiniones .team): Alejandro y Aitor en las ranuras .team-slots.
   Mantiene el diseño de conv.css (tarjeta en la columna central, foto redonda + nombre);
   solo cambia las ranuras de «Foto real» por fotos y credenciales.
   La versión a fila completa con fichas grandes está en index-equipo-fila.html + equipo-fila.css. */

.team-slots { gap: 12px; }
.team-slots li { width: 124px; }
.slot-photo.has-photo { position: relative; width: 76px; height: 76px; border: 0; }
.slot-photo.has-photo img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2), 0 8px 20px rgba(0, 0, 0, 0.35); }
.slot-live { position: absolute; right: 3px; bottom: 3px; width: 13px; height: 13px; border: 2.5px solid var(--navy); border-radius: 50%; background: #2fd07f; animation: slot-live 1.8s infinite; }
@keyframes slot-live { 0% { box-shadow: 0 0 0 0 rgba(47, 208, 127, 0.55); } 70% { box-shadow: 0 0 0 6px rgba(47, 208, 127, 0); } 100% { box-shadow: 0 0 0 0 rgba(47, 208, 127, 0); } }
.team-slots b { margin-top: 8px; font-size: 13px; }
.team-slots small { margin-top: 1px; line-height: 1.3; }
.slot-cred { display: block; margin-top: 6px; font-size: 10.5px; line-height: 1.3; color: #b9c8e6; }
.slot-cred em { display: block; margin-bottom: 1px; font-size: 10px; font-style: normal; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase; color: #ffcf5c; }

@media (prefers-reduced-motion: reduce) {
  .slot-live { animation: none; }
}