/* forensic-audit.css — Forensic Audit landing (gallmur.com/es/forensic-audit/)
   Design system: carbon #030608 / cyan #00B8E6 / off-white #fffdf8
   Lessons (Ago 7): CSS externo SIEMPRE (Camoufox traga inline), header casi sólido solo en esta página, scroll-padding para anchor bajo sticky header, gap hero→banda explícito en móvil. */
:root{--fa-card:#0b1115;--fa-card-2:#0e171c;--fa-line:#22333c;--fa-line-hi:#36515e;--fa-red:#ff6b5e;--fa-green:#2fd49b;--fa-warm:#c88b70}

.fa-page .topbar{background:rgba(3,6,8,.97)}

/* Breadcrumb — franja integrada al sistema (mono, separadores / en cyan, hover en links) */
.fa-breadcrumb{max-width:var(--max);margin:0 auto;padding:.9rem 24px;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;border-bottom:1px solid var(--fa-line);font:650 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.fa-breadcrumb a{color:var(--cyan-hi);text-decoration:none;transition:color .15s var(--ease)}
.fa-breadcrumb a:hover{color:var(--text-strong)}
.fa-breadcrumb i{font-style:normal;color:var(--fa-line-hi)}
.fa-breadcrumb span{color:var(--muted-2)}

html{scroll-padding-top:88px}

.fa-hero{display:flex;gap:3rem;align-items:center;min-height:calc(100svh - 72px);padding:4.5rem 24px;max-width:var(--max);margin:0 auto}
.fa-hero-copy{flex:1 1 58%;max-width:620px}
.fa-hero-copy h1{font:800 clamp(2rem,4.4vw,3.1rem)/1.08 var(--display);letter-spacing:-.02em;margin:.8rem 0 1.1rem;color:var(--text-strong)}
.fa-hero-copy h1 em{color:var(--cyan-hi);font-style:italic}
.fa-lede{font:400 1.12rem/1.65 var(--body);color:var(--muted);margin:0 0 1.6rem;max-width:56ch}
.fa-hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.2rem}
.fa-hero-proof{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;border-top:1px solid var(--fa-line);padding-top:1.1rem}
.fa-hero-proof span{font:700 .62rem var(--mono);letter-spacing:.12em;color:var(--muted-2)}

.fa-hero-card{flex:1 1 42%;max-width:460px;background:var(--fa-card);border:1px solid var(--fa-line);border-radius:14px;padding:1.6rem 1.7rem;scroll-margin-top:88px}
.fa-hero-card h2{font:700 1.35rem/1.3 var(--display);color:var(--text-strong);margin:.5rem 0 1rem}
.fa-score{display:flex;gap:1rem;margin-bottom:1.2rem}
.fa-score>div{flex:1;background:var(--fa-card-2);border:1px solid var(--fa-line);border-radius:10px;padding:.8rem 1rem}
.fa-score b{display:block;font:800 1.55rem/1 var(--mono);letter-spacing:-.02em}
.fa-score b.red{color:var(--fa-red)}.fa-score b.green{color:var(--fa-green)}
.fa-score span{display:block;font:700 .55rem var(--mono);letter-spacing:.1em;color:var(--muted-2);margin-top:.35rem}
.fa-findings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.fa-findings li{font:400 .9rem/1.45 var(--body);color:var(--muted);padding-left:1rem;border-left:2px solid var(--fa-line);display:flex;gap:.55rem;align-items:flex-start}
.fa-findings time{font:700 .72rem var(--mono);color:var(--cyan-hi);white-space:nowrap;padding-top:.08rem}

.fa-band{background:var(--panel);border-top:1px solid var(--fa-line);border-bottom:1px solid var(--fa-line)}
.fa-stats{max-width:var(--max);margin:0 auto;padding:3rem 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.fa-stats>div{border-left:1px solid var(--fa-line-hi);padding-left:1.1rem}
.fa-stats b{display:block;font:800 2rem/1 var(--mono);color:var(--cyan-hi);letter-spacing:-.02em}
.fa-stats span{display:block;font:700 .66rem/1.35 var(--mono);letter-spacing:.08em;color:var(--text-strong);margin:.5rem 0 .4rem;text-transform:uppercase}
.fa-stats p{font:400 .86rem/1.5 var(--body);color:var(--muted-2);margin:0}

.fa-sec{max-width:var(--max);margin:0 auto;padding:4.5rem 24px;scroll-margin-top:88px}
.fa-sec-head{max-width:760px;margin-bottom:2.4rem}
.fa-sec-head h2{font:800 clamp(1.6rem,3vw,2.1rem)/1.15 var(--display);letter-spacing:-.02em;color:var(--text-strong);margin:.6rem 0 .8rem}
.fa-sec-head p{font:400 1.05rem/1.6 var(--body);color:var(--muted);margin:0}
.fa-sec.inverted{background:var(--panel);border-top:1px solid var(--fa-line);border-bottom:1px solid var(--fa-line);max-width:none;padding-left:24px;padding-right:24px}
.fa-sec.inverted>.fa-sec-head,.fa-sec.inverted>.fa-sample,.fa-sec.inverted>.fa-price{max-width:var(--max);margin-left:auto;margin-right:auto}

.fa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.fa-cell{background:var(--fa-card);border:1px solid var(--fa-line);border-radius:12px;padding:1.5rem 1.6rem}
.fa-cell h3{font:700 1.15rem/1.25 var(--display);color:var(--text-strong);margin:.4rem 0 .6rem}
.fa-cell p{font:400 .95rem/1.55 var(--body);color:var(--muted);margin:0 0 1rem}
.fa-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.fa-list li{font:400 .92rem/1.5 var(--body);color:var(--muted);padding-left:1.15rem;position:relative}
.fa-list li::before{content:"";position:absolute;left:0;top:.55rem;width:.45rem;height:.45rem;background:var(--cyan);border-radius:1px}
.fa-list li b{color:var(--text-strong);font-weight:700}

.fa-sample{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}
.fa-sample blockquote{border:0;border-left:3px solid var(--cyan);margin:0;padding:0 0 0 1.4rem;font:500 1.35rem/1.45 var(--display);color:var(--text-strong)}
.fa-sample blockquote small{display:block;font:700 .62rem var(--mono);letter-spacing:.1em;color:var(--cyan-hi);margin-top:.9rem}
.fa-sample>div p{font:400 .98rem/1.6 var(--body);color:var(--muted);margin:0 0 1.2rem}
.fa-sample a.button{margin-top:.3rem}

.fa-price{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.fa-price-grid>div:first-child{background:var(--fa-card);border:1px solid var(--fa-line-hi);border-radius:14px;padding:1.8rem 2rem}
.fa-price-grid ul{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.fa-price-grid ul li{font:400 .95rem/1.5 var(--body);color:var(--muted);padding-left:1.2rem;position:relative}
.fa-price-grid ul li::before{content:"✓";position:absolute;left:0;top:.05rem;color:var(--cyan);font-weight:800}
.amount{font:800 2.9rem/1 var(--mono);color:var(--text-strong);letter-spacing:-.03em}
.amount small{font:700 .8rem var(--mono);color:var(--muted-2);margin-left:.3rem}
.fa-price-note{font:400 .85rem/1.5 var(--body);color:var(--muted-2);margin:1rem 0}
.fa-anti{background:rgba(200,139,112,.08);border:1px solid rgba(200,139,112,.35);border-radius:10px;padding:.9rem 1.1rem;font:400 .9rem/1.55 var(--body);color:var(--muted)}
.fa-anti b{display:block;color:var(--fa-warm);margin-bottom:.25rem}

.fa-cta{max-width:var(--max);margin:0 auto;padding:5rem 24px;text-align:center;scroll-margin-top:88px}
.fa-cta h2{font:800 clamp(1.7rem,3.4vw,2.4rem)/1.2 var(--display);letter-spacing:-.02em;color:var(--text-strong);margin:.8rem auto 1.6rem;max-width:22ch}
.fa-cta .button{font-size:1.05rem;padding:1rem 1.7rem}

/* ---------- MÓVIL ---------- */
@media (max-width:900px){
  .fa-hero{flex-direction:column;align-items:stretch;min-height:auto;gap:2rem;padding:3rem 24px 4rem}
  .fa-hero-copy{max-width:none}
  .fa-hero-card{max-width:none}
  .fa-stats{grid-template-columns:repeat(2,1fr);gap:1.4rem 1.5rem}
  .fa-grid{grid-template-columns:1fr}
  .fa-sample{grid-template-columns:1fr;gap:1.4rem}
  .fa-price{grid-template-columns:1fr;gap:1.6rem}
  .fa-sec{padding:3.5rem 24px}
  .fa-sec.inverted{padding-top:3.5rem;padding-bottom:3.5rem}
  .fa-cta{padding:4rem 24px}
}
@media (max-width:600px){
  .fa-hero{padding:2.5rem 20px 3.5rem}
  .fa-hero-proof{gap:.4rem 1rem}
  .fa-stats{grid-template-columns:1fr 1fr;gap:1.2rem;padding:2.4rem 20px}
  .fa-sec{padding:3rem 20px}
  .fa-sec.inverted{padding-top:3rem;padding-bottom:3rem}
  .fa-cta{padding:3.5rem 20px}
  .fa-hero-actions{flex-direction:column}
  .fa-hero-actions .button{width:100%;text-align:center}
  .fa-price-grid>div:first-child{padding:1.5rem 1.4rem}
}