:root{
  --wpcolu-accent:#c41c1c;
  --wpcolu-text:#222;
  --wpcolu-muted:#6b7280;
  --wpcolu-border:#e5e7eb;
  --wpcolu-card-bg:#fff;

  --wpcolu-photo-size: 120px;  /* foto QUADRADA na LISTA */
  --wpcolu-hero-size: 160px;   /* foto QUADRADA no HERO */

  /* Clamps default (o JS recalcula conforme o espaço) */
  --wpcolu-hero-desc-lines: 2;
  --wpcolu-hero-bio-lines:  2;
  --wpcolu-list-desc-lines: 2;
  --wpcolu-list-bio-lines:  2;
}

/* ===== LISTA / SHORTCODE ===== */
.wpcolu-wrap{display:grid;gap:24px;}
.wpcolu-wrap.as-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}
.wpcolu-wrap.as-list{grid-template-columns:1fr;}

.wpcolu-card{
  background:var(--wpcolu-card-bg);
  border:1px solid var(--wpcolu-border);
  border-radius:12px;
  padding:14px;
  display:grid;
  grid-template-columns:var(--wpcolu-photo-size) 1fr;
  gap:14px;
  align-items:start;
}
@media (max-width:720px){.wpcolu-card{grid-template-columns:1fr;}}

/* Foto QUADRADA */
.wpcolu-photo{width:var(--wpcolu-photo-size);aspect-ratio:1/1;}
.wpcolu-photo img{width:100%;height:100%;object-fit:cover;border-radius:10px;}

/* Infos “enquadradas” pela altura da foto (sem 'desde') */
.wpcolu-info{
  height:var(--wpcolu-photo-size);
  display:grid;
  grid-template-rows:auto auto auto 1fr; /* área, nome, socials, texto */
  row-gap:4px;
  overflow:hidden;

  --dyn-list-desc-lines: var(--wpcolu-list-desc-lines);
  --dyn-list-bio-lines:  var(--wpcolu-list-bio-lines);
}

.wpcolu-area{
  font-size:12px;color:var(--wpcolu-muted);font-weight:700;margin:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.wpcolu-name{
  margin:0;font-size:26px;line-height:1.1;font-weight:800;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.wpcolu-name a{color:var(--wpcolu-accent);text-decoration:none;}
.wpcolu-name a:hover{text-decoration:underline;}

/* Redes sociais — ÍCONES OUTLINE sem fundo preto */
.wpcolu-social{
  display:flex;gap:8px;margin:0;flex-wrap:nowrap;overflow:hidden;
  align-items:center;min-height:26px;
}
.wpcolu-social-link{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;
  border:1px solid var(--wpcolu-border);
  background:#fff; flex:0 0 auto;
  color:#111827;               /* cor do ícone (stroke/fill) */
}
.wpcolu-social-link:hover{
  box-shadow:0 1px 6px rgba(0,0,0,.08);
  color:var(--wpcolu-accent);  /* muda a cor no hover */
}
.wpcolu-social-link svg{width:16px;height:16px;display:block}

/* Texto (descrição + bio) com clamp dinâmico */
.wpcolu-text{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:2px;}
.wpcolu-desc, .wpcolu-bio{
  color:var(--wpcolu-text); font-size:14px; line-height:1.35;
  display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;
  margin:0 !important; word-break:break-word; hyphens:auto;
}
.wpcolu-desc{-webkit-line-clamp:var(--dyn-list-desc-lines);}
.wpcolu-bio{-webkit-line-clamp:var(--dyn-list-bio-lines);}

/* ===== PÁGINA INDIVIDUAL (HERO) ===== */
.wpcolu-hero{
  display:grid;grid-template-columns:var(--wpcolu-hero-size) 1fr;
  gap:24px;align-items:start;margin-bottom:28px;
}
@media (max-width:720px){.wpcolu-hero{grid-template-columns:1fr;}}
.wpcolu-hero-photo{width:var(--wpcolu-hero-size);aspect-ratio:1/1;border-radius:12px;object-fit:cover}

/* Direita do hero (sem 'desde') */
.wpcolu-hero-info{
  height:var(--wpcolu-hero-size);
  display:grid;
  grid-template-rows:auto auto auto 1fr; /* área, título, socials, texto */
  row-gap:6px; overflow:hidden;

  --dyn-hero-desc-lines: var(--wpcolu-hero-desc-lines);
  --dyn-hero-bio-lines:  var(--wpcolu-hero-bio-lines);
}

.wpcolu-title{
  margin:0;font-size:38px;line-height:1.08;font-weight:800;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.wpcolu-hero-text{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:2px;}
.wpcolu-hero-text .wpcolu-desc,
.wpcolu-hero-text .wpcolu-bio{
  color:var(--wpcolu-text);font-size:14px;line-height:1.35;
  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;
  margin:0 !important; word-break:break-word; hyphens:auto;
}
.wpcolu-hero-text .wpcolu-desc{-webkit-line-clamp:var(--dyn-hero-desc-lines);}
.wpcolu-hero-text .wpcolu-bio{-webkit-line-clamp:var(--dyn-hero-bio-lines);}