/* ============================================================
   DARTHA — layout das paginas de produto (Liderando / A Jornada)
   Esqueleto minimo: centraliza a marca, o preco e o aviso de
   pagina em construcao. Herda toda a paleta de dartha-brand.css.
   ============================================================ */

.dp{
  min-height:100vh;max-width:720px;margin:0 auto;
  flex-direction:column;align-items:center;justify-content:center;
  gap:20px;padding:96px 32px;text-align:center;display:flex;position:relative;
}

.dp-voltar{
  position:absolute;top:32px;left:32px;
  font-family:var(--ff-mono,"JetBrains Mono",monospace);
  letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;
  color:var(--d-text,#eaf2fb);opacity:.6;text-decoration:none;
  align-items:center;gap:8px;display:inline-flex;transition:opacity .25s,color .25s;
}
.dp-voltar:hover{opacity:1;color:var(--d-cyan-glow,#d3f6fd)}

.dp-marca{object-fit:contain;filter:drop-shadow(0 0 18px #d6a04966);margin-bottom:4px}

.dp-tag{
  border:1px solid var(--d-hair-cyan,#0ca0e42e);background:#03101f8c;
  border-radius:999px;padding:7px 16px;
  font-family:var(--ff-mono,"JetBrains Mono",monospace);
  letter-spacing:.22em;text-transform:uppercase;font-size:9.5px;font-weight:600;
  color:var(--d-text,#eaf2fb);align-items:center;gap:9px;display:inline-flex;
}
.dp-tagDot{
  width:5px;height:5px;border-radius:50%;
  background:var(--d-cyan-bright,#3ab8e1);box-shadow:0 0 10px var(--d-cyan,#0ca0e4);
}

.dp-titulo{
  font-size:clamp(2.4rem,6vw,3.6rem);font-weight:300;line-height:1.05;
  letter-spacing:-.02em;color:var(--d-text,#eaf2fb);margin:4px 0 0;
}

.dp-preco{
  font-family:var(--ff-mono,"JetBrains Mono",monospace);
  font-size:clamp(1.1rem,2.4vw,1.4rem);font-weight:600;letter-spacing:.05em;margin:0;
  background:linear-gradient(100deg,var(--d-gold-light,#fcd076),var(--d-gold-mid,#c08838));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.dp-desc{
  max-width:520px;margin:0;font-size:1rem;font-weight:300;line-height:1.65;
  color:var(--d-text,#eaf2fb);opacity:.68;
}

.dp-aviso{
  margin-top:20px;border:1px dashed var(--d-hair,#d6a04926);border-radius:14px;
  background:#08192b5c;padding:18px 24px;max-width:520px;
  flex-direction:column;gap:6px;display:flex;
  font-size:13px;line-height:1.55;color:var(--d-text,#eaf2fb);
}
.dp-aviso strong{color:var(--d-gold,#d6a049);font-weight:600}
.dp-aviso span{opacity:.62}

@media (max-width:720px){
  .dp{padding:88px 22px}
  .dp-voltar{top:22px;left:22px}
}