/* EMÉRITO · componentes das landing pages */

/* ===== temas por especialidade ===== */

/* cirurgia plástica: platina cirúrgica */
.lp-cirurgia{
  --ouro:#AEC4D6;--ouro-claro:#D6E4EF;--bronze:#5F7A8C;
  --linha:rgba(174,196,214,.20);--linha-suave:rgba(174,196,214,.10);
  --tinta:#090C10;--carvao:#10151B;--carvao-2:#161C24;
}
.lp-cirurgia .hero-aurora{background:
  radial-gradient(620px 420px at 16% 24%,rgba(174,196,214,.10),transparent 70%),
  radial-gradient(720px 520px at 86% 8%,rgba(95,122,140,.09),transparent 70%)}
.lp-cirurgia .hero h1 em{background:linear-gradient(105deg,#AEC4D6 0%,#AEC4D6 42%,#D6E4EF 50%,#F0F7FC 53%,#D6E4EF 56%,#AEC4D6 64%,#AEC4D6 100%);background-size:260% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text}
.lp-cirurgia .chamada::before{background:radial-gradient(60% 90% at 50% 0%,rgba(174,196,214,.10),transparent 70%)}

/* odontologia: porcelana e menta */
.lp-odonto{
  --ouro:#7BD1C0;--ouro-claro:#A8E5D9;--bronze:#3E8577;
  --linha:rgba(123,209,192,.20);--linha-suave:rgba(123,209,192,.09);
  --tinta:#080D0C;--carvao:#0F1615;--carvao-2:#141D1B;
}
.lp-odonto .hero-aurora{background:
  radial-gradient(620px 420px at 16% 24%,rgba(123,209,192,.10),transparent 70%),
  radial-gradient(720px 520px at 86% 8%,rgba(62,133,119,.09),transparent 70%)}
.lp-odonto .hero h1 em{background:linear-gradient(105deg,#7BD1C0 0%,#7BD1C0 42%,#A8E5D9 50%,#D8F5EE 53%,#A8E5D9 56%,#7BD1C0 64%,#7BD1C0 100%);background-size:260% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text}
.lp-odonto .chamada::before{background:radial-gradient(60% 90% at 50% 0%,rgba(123,209,192,.10),transparent 70%)}

/* dermatologia: rosé e âmbar de pele */
.lp-derma{
  --ouro:#E3A98F;--ouro-claro:#F2C9B4;--bronze:#9C6A52;
  --linha:rgba(227,169,143,.20);--linha-suave:rgba(227,169,143,.09);
  --tinta:#100C0A;--carvao:#181210;--carvao-2:#1F1815;
}
.lp-derma .hero-aurora{background:
  radial-gradient(620px 420px at 16% 24%,rgba(227,169,143,.11),transparent 70%),
  radial-gradient(720px 520px at 86% 8%,rgba(156,106,82,.09),transparent 70%)}
.lp-derma .hero h1 em{background:linear-gradient(105deg,#E3A98F 0%,#E3A98F 42%,#F2C9B4 50%,#FBE4D6 53%,#F2C9B4 56%,#E3A98F 64%,#E3A98F 100%);background-size:260% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text}
.lp-derma .chamada::before{background:radial-gradient(60% 90% at 50% 0%,rgba(227,169,143,.10),transparent 70%)}

/* advocacia: mogno e latão (herda o ouro Emérito, fundo mais profundo) */
.lp-adv{--tinta:#0D0A07;--carvao:#151009;--carvao-2:#1C150C}
.lp-adv .hero-foto img{object-position:72% 50%}

/* médicos: safira clínica */
.lp-medicos{
  --ouro:#8FB6E8;--ouro-claro:#BAD3F2;--bronze:#4E6E9C;
  --linha:rgba(143,182,232,.20);--linha-suave:rgba(143,182,232,.10);
  --tinta:#080B10;--carvao:#0F141C;--carvao-2:#151B25;
}
.lp-medicos .hero-aurora{background:
  radial-gradient(620px 420px at 16% 24%,rgba(143,182,232,.10),transparent 70%),
  radial-gradient(720px 520px at 86% 8%,rgba(78,110,156,.09),transparent 70%)}
.lp-medicos .hero h1 em{background:linear-gradient(105deg,#8FB6E8 0%,#8FB6E8 42%,#BAD3F2 50%,#E2EEFA 53%,#BAD3F2 56%,#8FB6E8 64%,#8FB6E8 100%);background-size:260% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text}
.lp-medicos .chamada::before{background:radial-gradient(60% 90% at 50% 0%,rgba(143,182,232,.10),transparent 70%)}

/* arquitetura: areia e latão sobre concreto */
.lp-arq{
  --ouro:#C9B27E;--ouro-claro:#E2D4AC;--bronze:#8C7443;
  --linha:rgba(201,178,126,.20);--linha-suave:rgba(201,178,126,.10);
  --tinta:#0C0B09;--carvao:#141310;--carvao-2:#1B1915;
}
.lp-arq .hero-aurora{background:
  radial-gradient(620px 420px at 16% 24%,rgba(201,178,126,.10),transparent 70%),
  radial-gradient(720px 520px at 86% 8%,rgba(140,116,67,.09),transparent 70%)}
.lp-arq .hero h1 em{background:linear-gradient(105deg,#C9B27E 0%,#C9B27E 42%,#E2D4AC 50%,#F4ECD4 53%,#E2D4AC 56%,#C9B27E 64%,#C9B27E 100%);background-size:260% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text}
.lp-arq .chamada::before{background:radial-gradient(60% 90% at 50% 0%,rgba(201,178,126,.10),transparent 70%)}
.lp-arq .hero-foto img{object-position:center 30%}

/* ===== hero com foto ===== */
.hero-split{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(30px,5vw,64px);align-items:center}
.hero-foto{position:relative;margin:0}
.hero-foto img{
  width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;
  border-radius:18px;border:1px solid var(--linha);
}
.hero-foto::after{
  content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;
  background:linear-gradient(180deg,transparent 52%,color-mix(in srgb,var(--tinta) 62%,transparent));
}
.selo-foto{
  position:absolute;right:-14px;bottom:-14px;z-index:2;
  width:58px;height:58px;border-radius:50%;
  background:var(--tinta);border:1px solid var(--linha);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-weight:600;font-size:1.15rem;color:var(--ouro);
}
@media (max-width:860px){
  .hero-split{grid-template-columns:1fr;gap:36px}
  .hero-foto{max-width:420px}
  .hero-foto img{aspect-ratio:4/3}
}

.hero-lp{padding-bottom:clamp(48px,7vw,80px)}
.hero-foto.retrato-cheio img{aspect-ratio:2/3}

/* entregas: grade para 10 peças */
.entregas{grid-template-columns:repeat(5,1fr)}
@media (max-width:1080px){.entregas{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.entregas{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.entregas{grid-template-columns:1fr}}
.entrega-link{text-decoration:none;color:inherit}
.entrega-link:hover figcaption b{color:var(--ouro)}
.entrega-link figcaption span{color:var(--ouro)}

/* galeria de IA */
.galeria-ia{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.peca-ia{margin:0;display:flex;flex-direction:column;gap:14px}
.peca-ia img{
  width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;display:block;
  border-radius:14px;border:1px solid var(--linha-suave);
  transition:border-color .3s ease,transform .3s ease;
}
.peca-ia:hover img{border-color:var(--linha);transform:translateY(-4px)}
.peca-ia figcaption{font-size:.86rem;color:var(--grafite)}
.peca-ia figcaption b{display:block;color:var(--papel);font-weight:600;font-size:.95rem}
.peca-ia figcaption span{color:var(--ouro)}
.cat-ia{margin-top:36px}
@media (max-width:760px){.galeria-ia{grid-template-columns:1fr}}
.topo-cta-lp{padding:10px 18px;font-size:.9rem}
@media (max-width:720px){.topo-cta-lp{display:inline-flex}}

/* a conta (odontologia) */
.conta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.conta-item{
  background:var(--carvao);border:1px solid var(--linha-suave);border-radius:12px;
  padding:30px 26px;
}
.conta-item strong{
  display:block;font-family:var(--serif);font-weight:600;
  font-size:clamp(1.8rem,4vw,2.4rem);color:var(--ouro);line-height:1;
}
.conta-item p{margin-top:12px;color:var(--grafite);font-size:.95rem;line-height:1.5}
@media (max-width:820px){.conta{grid-template-columns:1fr}}

/* quiz (dermatologia) */
.quiz{margin-top:40px}
.pergunta h3{
  font-family:var(--serif);font-weight:600;font-size:clamp(1.2rem,2.6vw,1.5rem);
  color:var(--papel);line-height:1.3;
}
.q-num{
  display:block;font-family:var(--sans);font-weight:500;font-size:12px;
  letter-spacing:.16em;color:var(--ouro);margin-bottom:10px;
}
.opcoes{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.opcoes button{
  font-family:var(--sans);font-size:1rem;font-weight:500;text-align:left;
  color:var(--papel);background:var(--carvao);
  border:1px solid var(--linha-suave);border-radius:10px;
  padding:16px 20px;cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.opcoes button:hover{border-color:var(--ouro);transform:translateX(4px)}
.veredito{
  border:1px solid var(--linha);border-radius:14px;
  background:linear-gradient(160deg,var(--carvao-2),var(--carvao));
  padding:36px 30px;text-align:center;
}
.veredito h3{
  font-family:var(--serif);font-weight:600;font-size:clamp(1.4rem,3vw,1.9rem);
  color:var(--papel);margin-top:8px;
}
.veredito p{color:var(--grafite);margin:16px auto 0;max-width:46ch}
.veredito .botao{margin-top:26px}
.veredito .hero-micro{margin-top:14px}

/* carta (advocacia) */
.carta-secao{padding-top:clamp(30px,4vw,50px)}
.carta{display:flex;flex-direction:column;gap:22px}
.carta p{
  font-family:var(--serif);font-size:clamp(1.1rem,2.2vw,1.3rem);
  line-height:1.7;color:var(--marfim);max-width:60ch;
}
.carta p:first-child::first-letter{
  font-size:3.2em;font-weight:600;color:var(--ouro);
  float:left;line-height:.85;padding-right:12px;padding-top:4px;
}
.assinatura{display:flex;align-items:center;gap:16px;margin-top:14px}
.assinatura img{
  width:56px;height:70px;object-fit:cover;object-position:top;
  border-radius:10px;border:1px solid var(--linha);
}
.assinatura b{display:block;font-family:var(--serif);font-size:1.1rem;color:var(--papel)}
.assinatura span{font-size:.85rem;color:var(--grafite)}