.np-especialistas{
  --np-radius:14px;
  --np-card-bg:#ffffff;
  --np-ink:#122536;
  --np-ink-2:#3d5567;
  --np-role:#2b8fd4;
  --np-line:#e3ecf3;
  --np-blue-bright:#5bbfec;
  --np-badge-bg:#0f3a5c;
  --np-badge-text:#ffffff;
  --np-photo-bg:#062a44;
  --np-ph-bg:#d7ecf7;
  --np-wa:#1fab54;
  --np-wa-dark:#17a34a;
  --np-font-head:'Bebas Neue','Oswald',sans-serif;
  --np-font-mono:'Spline Sans Mono',ui-monospace,monospace;
  font-family:var(--np-font-mono);
  color:var(--np-ink);
  -webkit-font-smoothing:antialiased;
}

.np-especialistas *{box-sizing:border-box;}

.np-especialistas .np-wrap{margin:0 auto;}

.np-especialistas .np-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}

.np-especialistas .np-member{
  display:flex;
  flex-direction:column;
  background:var(--np-card-bg);
  border:1px solid var(--np-line);
  border-radius:var(--np-radius);
  overflow:hidden;
  box-shadow:0 1px 2px rgba(6,42,68,.05),0 18px 38px -26px rgba(6,42,68,.35);
  transition:transform .22s ease,box-shadow .22s ease;
}

.np-especialistas.np-has-hover .np-member:hover{
  transform:translateY(-5px);
  box-shadow:0 1px 2px rgba(6,42,68,.05),0 32px 56px -28px rgba(6,42,68,.45);
}

.np-especialistas .np-photo{
  position:relative;
  background:var(--np-photo-bg);
  aspect-ratio:1/1;
  overflow:hidden;
}

.np-especialistas .np-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 15%;
  display:block;
  max-width:100%;
  transition:transform .4s ease;
}

.np-especialistas.np-has-hover .np-member:hover .np-photo img{transform:scale(1.04);}

.np-especialistas .np-photo--empty{
  background:var(--np-ph-bg);
  border-bottom:1px dashed rgba(15,58,92,.28);
}

.np-especialistas .np-ph{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:20px;
  text-align:center;
  color:rgba(15,58,92,.45);
}

.np-especialistas .np-ph svg{width:30px;height:30px;flex:0 0 auto;}

.np-especialistas .np-ph-txt{
  font-family:var(--np-font-mono);
  font-size:.82rem;
  line-height:1.4;
  color:rgba(15,58,92,.6);
}

.np-especialistas .np-disc{
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  font-family:var(--np-font-mono);
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--np-badge-text);
  background:var(--np-badge-bg);
  border-radius:20px;
  padding:5px 12px;
  line-height:1.4;
}

.np-especialistas .np-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:18px 20px 22px;
}

.np-especialistas .np-name{
  font-family:var(--np-font-head);
  font-weight:400;
  font-size:1.4rem;
  letter-spacing:.01em;
  color:var(--np-ink);
  display:block;
  line-height:1.05;
  text-transform:uppercase;
}

.np-especialistas .np-role{
  display:block;
  margin-top:7px;
  font-family:var(--np-font-mono);
  font-size:.88rem;
  line-height:1.4;
  color:var(--np-role);
}

.np-especialistas .np-desc{
  margin:12px 0 0;
  font-size:.92rem;
  color:var(--np-ink-2);
  line-height:1.55;
}

.np-especialistas .np-specs{
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.np-especialistas .np-specs li{
  position:relative;
  padding-left:18px;
  margin:0;
  font-size:.92rem;
  color:var(--np-ink-2);
  line-height:1.45;
  list-style:none;
}

.np-especialistas .np-specs li::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--np-blue-bright);
}

.np-especialistas .np-agendar{
  margin-top:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  line-height:1;
  padding:12px 14px;
  border-radius:10px;
  font-family:var(--np-font-head);
  font-weight:400;
  font-size:1.05rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  background:var(--np-wa);
  color:#fff;
  box-shadow:0 10px 22px -12px rgba(31,171,84,.7);
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}

.np-especialistas .np-agendar svg{width:17px;height:17px;flex:0 0 auto;}

.np-especialistas .np-agendar:hover,
.np-especialistas .np-agendar:focus{
  transform:translateY(-2px);
  background:var(--np-wa-dark);
  color:#fff;
  box-shadow:0 14px 26px -12px rgba(31,171,84,.8);
}

.np-especialistas .np-cta{display:flex;justify-content:center;margin-top:clamp(30px,4vw,48px);}

.np-especialistas .np-btn{
  position:relative;
  overflow:hidden;
  font-family:var(--np-font-head);
  font-weight:400;
  font-size:1.32rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  gap:10px;
  justify-content:center;
  text-decoration:none;
  line-height:1;
  padding:17px 34px;
  border-radius:11px;
  border:2px solid transparent;
  cursor:pointer;
  background:#005899;
  color:#fff;
  box-shadow:0 12px 26px -14px rgba(0,88,153,.85);
  transition:transform .15s ease,background .15s ease;
}

.np-especialistas .np-btn:hover,
.np-especialistas .np-btn:focus{transform:translateY(-2px);color:#fff;}

.np-especialistas .np-btn::after{
  content:"";
  position:absolute;
  top:0;
  left:-60%;
  width:40%;
  height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-18deg);
  transition:left .5s ease;
}

.np-especialistas .np-btn:hover::after{left:130%;}

@media(max-width:1024px){
  .np-especialistas .np-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:767px){
  .np-especialistas .np-grid{grid-template-columns:minmax(0,1fr);}
}

@media(prefers-reduced-motion:reduce){
  .np-especialistas .np-member,
  .np-especialistas .np-photo img,
  .np-especialistas .np-agendar,
  .np-especialistas .np-btn,
  .np-especialistas .np-btn::after{transition:none;}
  .np-especialistas.np-has-hover .np-member:hover{transform:none;}
  .np-especialistas.np-has-hover .np-member:hover .np-photo img{transform:none;}
}
