/* FondeoVerificado — petróleo profundo + frambuesa + niebla fría. Georgia display. */
:root{
  --ink:#20242b; --brand:#155e75; --brand-deep:#0a3547;
  --accent:#9d174d; --accent-bright:#e0447c; --accent-deep:#7f123d; --accent-soft:#fbe9f1;
  --go:#136f3f; --warn:#85600a; --stop:#a4133c;
  --paper:#f7f4ee; --alt:#e7edef; --card:#fffefa; --line:#ccd8dc;
  --muted:#55606a; --darktext:#dfe7f5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;line-height:1.62}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.18;color:var(--ink)}
h1{font-size:2.35rem;margin:.25em 0 .35em}
h2{font-size:1.62rem;margin:1.15em 0 .45em}
h3{font-size:1.18rem;margin:.4em 0 .35em}
h4{font-size:1.02rem;margin:.4em 0 .3em;color:var(--ink)}
p{margin:.55em 0}
a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:2px}
ul{margin:.5em 0 .8em;padding-left:1.25em}
li{margin:.32em 0}
.small{font-size:.86rem}
.mini{font-size:.82rem;color:var(--muted)}
.muted{color:var(--muted)}
.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 .4em}
.sub{font-size:1.13rem;color:#2b3540;max-width:46em}
.stamp{display:inline-block;background:var(--alt);border:1px solid var(--line);border-radius:999px;
  padding:.18em .8em;font-size:.8rem;font-weight:600;color:var(--ink)}

/* header / footer */
header.site{background:var(--paper);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo .word{font-family:Georgia,serif;font-size:1.42rem;font-weight:700;color:var(--ink);letter-spacing:.01em}
.logo .w-de{color:var(--brand)}
.logo .w-verificado{color:var(--accent)}
nav.main{display:flex;flex-wrap:wrap;gap:6px 18px;margin-left:auto}
nav.main a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
nav.main a:hover{text-decoration:underline}
footer.site{background:var(--brand-deep);color:var(--darktext);margin-top:0;padding:38px 0 30px}
footer.site .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}
footer.site h4{color:#fff}
footer.site p{color:var(--darktext)}
footer.site a{color:#f28bb4}
footer.site .small{color:#b9c9d4}

/* sections */
section.band{padding:44px 0}
section.band.alt{background:var(--alt)}
section.dark{background:var(--brand-deep);color:var(--darktext)}
section.dark h2,section.dark h3{color:#fff}
section.dark p{color:var(--darktext)}
section.dark .eyebrow{color:#f28bb4}
section.dark a{color:#f28bb4}
section.hero{background:linear-gradient(160deg,var(--brand) 0%,var(--brand-deep) 78%);color:var(--darktext);padding:46px 0 52px}
section.hero h1{color:#fff;max-width:20em}
section.hero h2,section.hero h3{color:#fff}
section.hero p{color:var(--darktext)}
section.hero .sub{color:#dcebf0;max-width:44em}
section.hero .eyebrow{color:#f7a8c4}
section.hero a{color:#f7a8c4}

/* buttons */
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;
  padding:13px 22px;border-radius:10px;border:2px solid var(--brand);min-height:50px;font-size:1rem;cursor:pointer}
.btn:hover{background:var(--brand-deep)}
.btn.signal{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.signal:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
section.dark .btn.ghost,section.hero .btn.ghost{color:#fff;border-color:#fff}

/* grids + cards */
.grid{display:grid;grid-template-columns:1fr;gap:16px;margin:14px 0}
.grid.c3{grid-template-columns:1fr}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.doortag{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0}

/* light components — descendant colors set explicitly, after section rules,
   at specificity that beats section.dark / section.hero text rules */
section .card h3,section .card h4{color:var(--ink)}
section .card p,section .card li{color:var(--ink)}
section .card a{color:var(--accent-deep)}
section .tool{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin:20px 0;color:var(--ink)}
section .tool h2,section .tool h3{color:var(--ink)}
section .tool p,section .tool label{color:var(--ink)}
section .tool a{color:var(--accent-deep)}
section .tool .hint{color:#2b3540}
section .lock-panel{background:var(--accent-soft);border:1px solid #e9c8d5;border-left:6px solid var(--accent);
  border-radius:14px;padding:20px 22px;margin:24px 0;color:var(--ink)}
section .lock-panel h3,section .lock-panel h4{color:var(--ink)}
section .lock-panel p,section .lock-panel li{color:var(--ink)}
section .lock-panel a{color:var(--accent-deep)}
section .lock-panel .lock-inc{font-weight:700;color:var(--accent-deep)}
section .notice{background:var(--card);border:1px solid var(--line);border-left:6px solid var(--brand);
  border-radius:12px;padding:16px 20px;margin:18px 0;color:var(--ink)}
section .notice h3,section .notice h4{color:var(--ink)}
section .notice p,section .notice li{color:var(--ink)}
section .notice a{color:var(--accent-deep)}
section .trapbox{background:#fdf0f4;border:1px solid #d9b7c4;border-left:6px solid var(--warn);
  border-radius:12px;padding:16px 20px;margin:18px 0;color:var(--ink)}
section .trapbox h3{color:var(--ink)}
section .trapbox h4{color:var(--warn)}
section .trapbox p,section .trapbox li{color:var(--ink)}
section .trapbox a{color:var(--accent-deep)}
section .flagline{background:var(--accent-soft);border:1px solid #e9c8d5;border-left:6px solid var(--stop);
  border-radius:12px;padding:16px 20px;margin:18px 0;color:var(--ink)}
section .flagline h3{color:var(--ink)}
section .flagline h4{color:var(--stop)}
section .flagline p{color:var(--ink)}
section .flagline a{color:var(--accent-deep)}
section .verdictbox{background:var(--card);border:1px solid var(--line);border-left:6px solid var(--go);
  border-radius:12px;padding:16px 20px;margin:18px 0;color:var(--ink)}
section .verdictbox.v-warn{border-left-color:var(--warn)}
section .verdictbox h3{color:var(--ink)}
section .verdictbox h4,section .verdictbox .v-head{color:var(--ink);font-weight:700}
section .verdictbox .verdict-warn{color:var(--warn)}
section .verdictbox p,section .verdictbox li{color:var(--ink)}
section .verdictbox a{color:var(--accent-deep)}

/* the injected verdict result */
section .result{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;margin:18px 0;color:var(--ink)}
section .result h3{color:var(--ink);margin-top:0}
section .result p,section .result li{color:var(--ink)}
section .result a{color:var(--accent-deep)}
section .result .v-stop{color:var(--stop)}
section .result .v-warn{color:var(--warn)}
section .result .v-go{color:var(--go)}
section .result{border-left:8px solid var(--brand)}
section .result.r-stop{border-left-color:var(--stop)}
section .result.r-warn{border-left-color:var(--warn)}
section .result.r-go{border-left-color:var(--go)}
section .result .bignum{font-family:Georgia,serif;font-size:1.5rem;font-weight:700;color:var(--ink)}

/* tables */
.tablewrap{overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:var(--card)}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:.94rem;color:var(--ink);background:var(--card)}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--alt);color:var(--ink);font-weight:700}
td a{color:var(--accent-deep)}
section .tablewrap td a{color:var(--accent-deep)}
section p.stamp{color:var(--ink)}

/* lists */
.checklist{list-style:none;padding-left:0}
.checklist li{padding-left:1.6em;position:relative;margin:.45em 0}
.checklist li::before{content:"—";position:absolute;left:.2em;color:var(--accent);font-weight:700}
.steplist li{margin:.6em 0}

/* forms */
.field{margin:14px 0}
.field label{display:block;font-weight:600;margin-bottom:6px;font-size:.98rem}
select,input[type="number"],input[type="text"]{width:100%;max-width:520px;padding:12px 14px;font-size:17px;
  border:1px solid #9db4bc;border-radius:10px;background:#fff;color:var(--ink);min-height:50px}

/* faq */
.faq details{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:12px 16px;margin:10px 0}
.faq summary{font-weight:700;cursor:pointer;color:var(--ink)}

@media (min-width:760px){
  .grid{grid-template-columns:1fr 1fr}
  .grid.c3{grid-template-columns:1fr 1fr 1fr}
  h1{font-size:2.7rem}
}
@media (max-width:759px){
  footer.site .cols{grid-template-columns:1fr}
  h1{font-size:2rem}
  section.band{padding:34px 0}
  .btn{display:inline-block}
}
.fieldset{border:1px solid var(--line);border-radius:12px;padding:10px 14px 12px;margin:0 0 14px;background:var(--card)}
.fieldset legend{font-weight:700;padding:0 6px;font-size:16px}
.checkline{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:16px;line-height:1.45}
.checkline input{width:22px;height:22px;flex:none;margin-top:2px}
.small.muted{color:var(--muted)}
