/* ========== CARD ========== */
.afp-card.bloque-autor-producto{
  border:1px solid #e4e6eb;background:#fff;border-radius:10px;
  padding:16px;margin:24px 0;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.03);
}
.afp-card .afp-header{display:flex;align-items:center;gap:14px}

/* ========== AVATARES (fila, solapados, circulares) ========== */
.afp-card .afp-avatar-stack{display:flex !important;align-items:center !important;gap:0 !important;min-height:48px}
.afp-card .afp-avatar-stack > span.afp-avatar{
  display:inline-flex !important;flex:0 0 48px !important;width:48px !important;height:48px !important;
  border-radius:50% !important;overflow:hidden !important;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.08);cursor:default
}
.afp-card .afp-avatar-stack > span.afp-avatar + span.afp-avatar{ margin-left:-12px !important }
.afp-card .afp-avatar-stack img.afp-avatar-img{
  display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;border-radius:50% !important;
}

/* ========== NOMBRES ========== */
.afp-card .afp-names{line-height:1.35;display:flex;flex-wrap:wrap;gap:.45em;align-items:center}
.afp-card .afp-prefix{color:#555}
.afp-card .afp-name-link{color:#111;text-decoration:none}
.afp-card .afp-name-link:hover{text-decoration:underline}
.afp-card .afp-name-text{font-weight:600} /* todos igual */

/* ========== LÍNEA EQUIPO (debajo de autores) ========== */
.afp-card .afp-team-line{
  width:100%;
  margin:6px 0 8px;
  font-size:13px; /* más pequeña que “Escrito por” */
  color:#4b5563;
}
.afp-card .afp-team-line .afp-team-link{ color:#0a66c2; text-decoration:underline; }
.afp-card .afp-team-line .afp-team-link:hover{ text-decoration:none; }

/* ========== FECHAS + VERIFICADOS ========== */
.afp-card .afp-rows{margin-top:10px}
.afp-card .afp-row{
  display:flex;align-items:center;gap:8px;color:#444;font-size:15px;flex-wrap:wrap;
}
@media (min-width:768px){
  .afp-card .afp-row{flex-wrap:nowrap}
}

/* Bloque de texto de fechas (para controlar saltos) */
.afp-card .afp-row-text{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.afp-card .afp-date{ white-space:nowrap; } /* evita cortes raros en desktop */

/* Separador entre fechas y verificados: oculto */
.afp-card .afp-sep{ display:none !important; }

/* Iconos */
.afp-card .afp-icon{width:18px !important;height:18px !important;max-width:none !important;max-height:none !important;display:inline-block !important;color:#0a66c2;vertical-align:-3px}
.afp-card .afp-icon-wrap{line-height:0;flex:0 0 auto}

/* Verificados */
.afp-card .datos-verificados-wrapper{position:relative;display:inline-flex;align-items:center}
.afp-card .etiqueta-verificados{
  appearance:none;border:0;background:none;padding:0;margin:0;color:#0a66c2;text-decoration:underline;cursor:pointer;font-size:15px
}
.afp-card .verificados-tooltip{
  position:absolute;top:115%;left:0;min-width:280px;max-width:360px;background:#fff;border:1px solid #e4e6eb;border-radius:8px;
  padding:12px;box-shadow:0 10px 24px rgba(0,0,0,.08);opacity:0;transform:translateY(8px);transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;z-index:1200
}
.afp-card .verificados-tooltip.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.afp-card .verificados-tooltip p{margin:.4em 0}

/* ========== HOVER CARDS (bio) ========== */
.afp-card .autor-hover-card{
  position:absolute;top:100%;left:16px;width:320px;background:#fff;border:1px solid #e4e6eb;border-radius:10px;
  box-shadow:0 10px 24px rgba(0,0,0,.08);padding:12px;opacity:0;transform:translateY(8px);transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;z-index:1300
}
.afp-card .autor-hover-card .afp-card-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.afp-card .autor-hover-card .afp-card-avatar .afp-avatar-img{width:40px;height:40px;border-radius:50%}
.afp-card .autor-hover-card.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.afp-card .hover-bio{margin:0;color:#333;font-size:14px;line-height:1.45}

/* ========== MÓVIL (≤ 767px) ========== */
@media (max-width:767px){
  /* 1) Cabecera: avatares con ancho real, nombres a la derecha */
  .afp-card .afp-header{ display:flex !important; align-items:flex-start !important; gap:12px !important; }
  .afp-card .afp-avatar-stack{
    flex:0 0 96px !important; width:96px !important; min-width:96px !important;
    margin:0 !important;
  }
  .afp-card .afp-avatar-stack > span.afp-avatar{ width:44px !important; height:44px !important; }
  .afp-card .afp-avatar-stack > span.afp-avatar + span.afp-avatar{ margin-left:-10px !important; }
  .afp-card .afp-names{ flex:1 1 auto !important; min-width:0 !important; display:block !important; }
  .afp-card .afp-names .afp-prefix,
  .afp-card .afp-names .afp-main,
  .afp-card .afp-names .afp-and,
  .afp-card .afp-names .afp-coauthors{ display:inline !important; }

  /* 2) Frase de equipo siempre debajo de los nombres */
  .afp-card .afp-team-line{ display:block !important; margin-top:6px !important; }

  /* 3) Fechas: “Actualizado” debajo de “Publicado” */
  .afp-card .afp-row-text{ display:block; }
  .afp-card .afp-date{ display:block; white-space:normal; }

  /* 4) Ocultar el icono de calendario en móvil */
  .afp-card .afp-icon-calendar{ display:none !important; }
}