/* ========== 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;
  
  /* CAMBIO: Forzar alineación a la izquierda */
  text-align: left !important; 
  line-height: 1.5;
}

.afp-card .afp-team-line .afp-team-link{ color:#c4a05e; 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;
}

/* 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:#c4a05e;vertical-align:-3px}
.afp-card .afp-icon-wrap{line-height:0;flex:0 0 auto}


/* FIX 1: Grupo indivisible usando FLEXBOX (no white-space) */
.afp-verifier-group {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap; 
}

/* Verificados Wrapper */
.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:#c4a05e;text-decoration:underline;cursor:pointer;font-size:15px
}

/* ========== TOOLTIP (CUADRO EMERGENTE) ========== */
.afp-card .verificados-tooltip {
  position: absolute;
  top: 115%;
  left: 0;
  width: 280px; 
  max-width: 85vw;
  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;
  
  white-space: normal; 
  text-align: left;
  line-height: 1.5;
}

.afp-card .verificados-tooltip p {
    margin: .4em 0;
}

.afp-card .verificados-tooltip.visible{opacity:1;transform:translateY(0);pointer-events:auto}

/* ========== 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 */
  .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) Equipo */
  .afp-card .afp-team-line{ display:block !important; margin-top:6px !important; }

  /* 3) Fechas */
  .afp-card .afp-row-text{ display:block; }
  .afp-card .afp-date{ display:block; white-space:normal; }

  /* 4) Ocultar calendario */
  .afp-card .afp-icon-calendar{ display:none !important; }

  /* 5) Margen superior para el grupo check */
  .afp-verifier-group { margin-top: 6px; }
}

/* ========== ESCRITORIO (≥ 768px) ========== */
@media (min-width:768px){
  .afp-card .afp-row{flex-wrap:nowrap}
  
  /* FIX 2: Tooltip alineado a la derecha */
  .afp-card .verificados-tooltip {
    left: auto;
    right: 0;
  }
}