/* daezpro.com — 08-home-overrides.css
   Ajustes finales de home: hero-plan, outcome-panel, delivery-steps, overrides oscuros de Daez AI. */


/* ============================================================================
   CIERRE DE REDISEÑO 2026 — autoridad consultiva, sin placeholders visibles
   ============================================================================ */
.hero__title{ font-size:clamp(48px,5.35vw,72px); max-width:11.5ch; }
.hero__photo{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:center 35%;
  border-radius:var(--r-xs);
}
.hero-plan{
  position:absolute;
  z-index:2;
  right:-18px;
  bottom:28px;
  width:min(290px,78%);
  padding:20px;
  border-radius:var(--r-lg);
}
.hero-plan__title{
  padding-bottom:12px;
  border-bottom:1px solid var(--border);
  font-family:var(--font-display);
  font-weight:700;
  font-size:var(--fs-title);
}
.hero-plan__steps{ display:grid; gap:10px; margin-top:14px; }
.hero-plan__steps li{ display:flex; align-items:center; gap:10px; font-size:var(--fs-sm); color:var(--text-body); }
.hero-plan__steps span{
  display:grid; place-items:center; width:22px; height:22px; border-radius:50%;
  background:var(--accent-soft); color:var(--accent-strong); font:500 var(--fs-xs)/1 var(--font-mono);
}
.trust__num{ font-size:clamp(22px,2.5vw,30px); }
.trust__label{ max-width:31ch; margin:10px auto 0; font-size:var(--fs-body); }

.outcome-panel{
  min-height:340px;
  padding:clamp(24px,4vw,42px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:26px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  box-shadow:var(--sh-sm);
}
.outcome-panel__label{ font:500 var(--fs-xs)/1 var(--font-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--accent-strong); }
.outcome-panel p{ color:var(--text-body); font-size:var(--fs-body); max-width:44ch; }
.outcome-flow{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.outcome-flow span,.software-map span{
  padding:12px 15px; border:1px solid var(--border); border-radius:var(--r-md); background:var(--bg-canvas);
  font-size:var(--fs-sm); font-weight:600;
}
.outcome-flow b{ color:var(--accent-strong); font-weight:500; }
.software-map{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.software-map span:first-child{ grid-column:1/-1; background:var(--text-strong); color:var(--text-invert); border-color:var(--text-strong); }
.process-list{ display:grid; gap:0; counter-reset:process; }
.process-list li{ padding:12px 0; border-bottom:1px solid var(--border); font-weight:600; font-size:var(--fs-title); }
.process-list li::before{ counter-increment:process; content:"0" counter(process); margin-right:16px; color:var(--accent-strong); font:500 var(--fs-xs)/1 var(--font-mono); }

.mini-product{
  min-height:168px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:7px;
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  background:var(--surface);
}
.mini-product span,.mini-product i{ font:500 var(--fs-xs)/1.4 var(--font-mono); color:var(--text-body); font-style:normal; }
.mini-product strong{ font-family:var(--font-display); font-size:var(--fs-h3); color:var(--text-strong); }
.adq-shot--img{ width:100%; min-height:168px; object-fit:cover; object-position:top; border-radius:var(--r-lg); }

.delivery-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:54px; border-top:1px solid var(--border); }
.delivery-step{ padding:28px 26px 10px 0; }
.delivery-step + .delivery-step{ padding-left:26px; border-left:1px solid var(--border); }
.delivery-step span{ font:500 var(--fs-xs)/1 var(--font-mono); color:var(--accent-strong); }
.delivery-step h3{ margin:18px 0 10px; font:700 var(--fs-h3)/1.2 var(--font-display); }
.delivery-step p{ font-size:var(--fs-body); line-height:1.55; color:var(--text-body); }

.dzai{ background:var(--bg-canvas); color:var(--text-strong); }
.dzai .h2,.dzai .dzai-value__k{ color:var(--text-strong); }
.dzai .lead,.dzai .dzai-value__t{ color:var(--text-body); }
.dzai .dz{ background:var(--surface); border-color:var(--border); box-shadow:var(--sh-lg); }
.dzai .dz__head{ border-color:var(--border); }
.dzai .dz__title{ color:var(--text-body); }
.dzai .dz__dot{ background:var(--text-faint); }
.dzai .dz-step__q{ color:var(--text-strong); }
.dzai .dz-chip{ background:var(--surface); border-color:var(--border); color:var(--text-body); }
.dzai .dz-chip:hover{ border-color:var(--accent); color:var(--text-strong); }
.dzai .dz-chip.is-sel{ background:var(--text-strong); border-color:var(--text-strong); color:var(--text-invert); }
.dzai .dz-result{ background:var(--surface-2); border-color:var(--border); border-left-color:var(--accent); }
.dzai .dz-result__txt{ color:var(--text-strong); }
.dzai .dz-reset,.dzai .dz-result__micro{ color:var(--text-muted); }

@media (max-width:900px){
  .hero__title{ max-width:13ch; }
  .hero-plan{ right:14px; }
  .delivery-steps{ grid-template-columns:1fr 1fr; }
  .delivery-step:nth-child(3){ border-left:0; }
}
@media (max-width:620px){
  .hero-plan{ left:14px; right:14px; width:auto; bottom:14px; }
  .delivery-steps{ grid-template-columns:1fr; }
  .delivery-step + .delivery-step{ padding-left:0; border-left:0; border-top:1px solid var(--border); }
}