/* Cards da bio — layout conforme Bio_Atualizada.pdf (cliente Eryckson Trindade)
   Carregado depois de styles.css. Classes prefixadas com "bio-". */

.bio-cards{margin-top:2.5rem;display:flex;flex-direction:column;gap:11px}

/* ---------- base do card (foto à esquerda + painel de texto à direita) ---------- */
.bio-card{
  --r:13px;
  --edge-media:rgba(24,108,196,.62);
  --edge-body:rgba(24,108,196,.62);
  position:relative;display:grid;grid-template-columns:40% minmax(0,1fr);
  border-radius:var(--r);overflow:hidden;color:#fff;text-decoration:none;
  box-shadow:0 16px 34px -20px rgba(0,0,0,.8);
  transition:box-shadow .45s ease;
  -webkit-tap-highlight-color:transparent;
}
.bio-card:hover{box-shadow:0 0 0 1px rgba(244,191,31,.4),0 0 34px -8px rgba(244,191,31,.38)}
.bio-card:focus-visible,.bio-mini:focus-visible{outline:2px solid #f4bf1f;outline-offset:3px}

.bio-card__media{
  position:relative;overflow:hidden;background:#02132f;
  border:1px solid var(--edge-media);border-right:0;border-radius:var(--r) 0 0 var(--r);
}
.bio-card__media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .7s ease;
}
.bio-card:hover .bio-card__media img{transform:scale(1.06)}

.bio-card__body{
  position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:10px 10px 11px 17px;
  border:1px solid var(--edge-body);border-radius:0 var(--r) var(--r) 0;
}

/* verde (WhatsApp) */
.bio-card--green{--edge-body:rgba(26,196,66,.72)}
.bio-card--green .bio-card__body{background:linear-gradient(150deg,#07922b 0%,#00771f 38%,#006322 100%)}

/* azul-marinho (site, Instagram) */
.bio-card--navy .bio-card__body{background:linear-gradient(135deg,#02193c 0%,#04265c 100%)}

/* ---------- tipografia ---------- */
.bio-eyebrow{
  margin:0;font-size:9px;font-weight:500;line-height:1.2;
  letter-spacing:.27em;text-transform:uppercase;color:rgba(255,255,255,.92);
}
.bio-card--navy .bio-eyebrow,.bio-loc__eyebrow{color:#f4bf1f}

.bio-title{margin:3px 0 0;font-weight:500;line-height:1.08;color:#fff}
.bio-title--serif{
  font-family:var(--font-display);font-style:italic;font-weight:500;
  font-size:clamp(21px,5.9vw,28px);letter-spacing:-.005em;
}
.bio-title--sans{
  font-family:var(--font-body);font-weight:700;text-transform:uppercase;
  font-size:clamp(14px,3.8vw,18.2px);letter-spacing:.005em;
}
.bio-title--site{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(17px,4.6vw,22px);line-height:1.12;
}
.bio-gold{
  font-style:italic;font-weight:500;
  background:linear-gradient(135deg,#ffdc78 0%,#f5b625 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.bio-list{margin:3px 0 0;padding:0;list-style:none;font-size:clamp(11.5px,3vw,12.6px);line-height:1.27;color:rgba(255,255,255,.96)}
.bio-list li{position:relative;padding-left:1.05em}
.bio-list li::before{content:"–";position:absolute;left:0}
.bio-text{margin:5px 0 0;font-size:clamp(11.5px,3vw,12.6px);line-height:1.27;color:rgba(255,255,255,.96)}
.bio-text--muted{margin:4px 0 0;color:rgba(255,255,255,.92)}

/* ---------- botões ---------- */
.bio-btn{
  display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;
  margin-top:8px;width:min(170px,100%);min-height:28px;padding:5px 13px;
  border-radius:999px;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;
  box-shadow:0 6px 14px -6px rgba(0,0,0,.5);
}
.bio-btn svg{width:15px;height:15px;flex:none}
.bio-btn svg:last-child{margin-left:auto}
.bio-btn--white{background:#fff;color:#0a7a1c}
.bio-btn--gold{background:linear-gradient(135deg,#ffd466 0%,#f4a71e 100%);color:#0b1b3a}
.bio-btn--gold.bio-btn--link{width:min(176px,100%)}

/* ---------- Localização (sem foto, centralizado) ---------- */
.bio-loc{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;
  padding:11px 16px 12px;border-radius:13px;color:#fff;text-decoration:none;
  border:1px solid rgba(24,108,196,.62);
  background:linear-gradient(180deg,#022148 0%,#03285a 100%);
  box-shadow:0 16px 34px -20px rgba(0,0,0,.8);transition:box-shadow .45s ease;
}
.bio-loc:hover{box-shadow:0 0 0 1px rgba(244,191,31,.4),0 0 34px -8px rgba(244,191,31,.38)}
.bio-loc:focus-visible{outline:2px solid #f4bf1f;outline-offset:3px}
.bio-loc__top{display:flex;align-items:center;gap:7px}
.bio-loc__top svg{width:16px;height:16px;color:#f4bf1f}
.bio-loc__eyebrow{margin:0;font-size:9px;font-weight:500;letter-spacing:.27em;text-transform:uppercase}
.bio-loc__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(16px,4.2vw,18.6px);line-height:1.15}
.bio-loc__text{margin:0;max-width:32.5em;font-size:10.5px;line-height:1.3;color:rgba(255,255,255,.94)}
.bio-loc .bio-btn{width:auto;gap:6px;justify-content:center;margin-top:6px;padding:5px 13px;min-height:24px;font-size:11px;font-weight:700}
.bio-loc .bio-btn svg{width:12px;height:12px}

/* ---------- Telefone | Instagram ---------- */
.bio-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:-3px}
.bio-mini{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;
  padding:7px 8px 8px;border-radius:13px;color:#fff;text-decoration:none;
  border:1px solid rgba(24,108,196,.62);
  background:linear-gradient(180deg,#001a3d 0%,#022049 100%);
  box-shadow:0 16px 34px -22px rgba(0,0,0,.8);transition:box-shadow .45s ease;
}
.bio-mini:hover{box-shadow:0 0 0 1px rgba(244,191,31,.4),0 0 30px -8px rgba(244,191,31,.38)}
.bio-mini__label{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:500;letter-spacing:.26em;text-transform:uppercase}
.bio-mini__label svg{width:15px;height:15px;color:#f4bf1f;flex:none}
.bio-mini__value{
  max-width:100%;font-family:var(--font-display);font-weight:400;white-space:nowrap;
  font-size:clamp(14px,4.1vw,19.5px);line-height:1.15;font-variant-numeric:lining-nums;
}
.bio-mini__value--handle{font-size:clamp(11px,3.5vw,17px)}

/* ---------- rodapé ---------- */
.bio-footer{margin-top:20px;text-align:center}
.bio-footer__name{display:flex;align-items:center;gap:12px}
.bio-footer__name span{flex:1;height:1px;background:rgba(40,120,210,.5)}
.bio-footer__name p{margin:0;font-family:var(--font-display);font-style:italic;font-size:14px;color:#f4bf1f}
.bio-footer__oab{margin:8px 0 0;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.86)}

@media (max-width:370px){
  .bio-card{grid-template-columns:36% minmax(0,1fr)}
  .bio-card__body{padding:12px 9px 12px 13px}
  .bio-eyebrow{letter-spacing:.22em}
}
@media (max-width:350px){
  .bio-btn{gap:6px;padding:5px 10px;font-size:11.5px}
  .bio-btn svg{width:13px;height:13px}
  .bio-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .bio-title--sans{overflow-wrap:anywhere}
  .bio-mini__value--handle{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){
  .bio-card,.bio-card__media img,.bio-loc,.bio-mini{transition:none}
  .bio-card:hover .bio-card__media img{transform:none}
}