/* Manipulador Fácil design system. Copied by build.py to public/assets/site.css.
   Semantic colours: brand green = action, ok green = done/passed, amber = attention, red = error, blue = information.
   Font: Figtree (SIL OFL 1.1), latin subset, variable weight, self-hosted. */
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/fonts/figtree-latin-wght.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- tokens */
:root{
  --font:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --bg:#f5f7f3;--surface:#fff;--surface-2:#edf3ee;--ink:#11201a;--ink-2:#2f3e37;--muted:#52615a;--line:#dce4de;--line-strong:#b9c6bd;
  --brand:#0b6b4b;--brand-strong:#08563c;--brand-ink:#fff;--brand-soft:#e1f1e8;--brand-tint:#c9e6d5;
  --accent:#f4b73f;--accent-ink:#2b1d00;--accent-soft:#fdf1d6;
  --ok:#15784a;--ok-soft:#e0f3e7;--warn:#875100;--warn-soft:#fff1d6;--bad:#b3261e;--bad-soft:#fde7e4;--info:#1d5ea8;--info-soft:#e5eefa;
  --r-sm:8px;--r:12px;--r-lg:18px;--r-xl:26px;--r-full:999px;
  --sh-sm:0 1px 2px rgba(17,32,26,.06),0 1px 1px rgba(17,32,26,.04);
  --sh:0 6px 18px rgba(17,32,26,.08),0 1px 3px rgba(17,32,26,.06);
  --sh-lg:0 22px 48px rgba(17,32,26,.14),0 6px 14px rgba(17,32,26,.06);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;
  --t-sm:.875rem;--t-base:1.0625rem;--t-lg:1.1875rem;--t-xl:1.375rem;--t-2xl:clamp(1.5rem,4.6vw,1.9rem);--t-3xl:clamp(2rem,7.4vw,3.25rem);
  --ease:cubic-bezier(.2,.7,.2,1);--dur:.18s;
  color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  --bg:#0d1411;--surface:#141d19;--surface-2:#1a2520;--ink:#e8efea;--ink-2:#c9d4ce;--muted:#a1b0a8;--line:#25332c;--line-strong:#37483f;
  --brand:#4cc795;--brand-strong:#6fd6ab;--brand-ink:#04140d;--brand-soft:#173126;--brand-tint:#1f4434;
  --accent:#f4b73f;--accent-ink:#2b1d00;--accent-soft:#2e2511;
  --ok:#6fd39a;--ok-soft:#163222;--warn:#f5c26b;--warn-soft:#2e2412;--bad:#ff8f84;--bad-soft:#3a1b18;--info:#8fbaf5;--info-soft:#172739;
  --sh-sm:0 1px 2px rgba(0,0,0,.4);--sh:0 6px 18px rgba(0,0,0,.35);--sh-lg:0 22px 48px rgba(0,0,0,.45);
  color-scheme:dark}}

/* ---------- base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--t-base)/1.6 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
a{color:var(--brand);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{color:var(--brand-strong)}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:4px}
.btn:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
h1,h2,h3{line-height:1.15;letter-spacing:-.015em;text-wrap:balance;color:var(--ink)}
h1{font-size:var(--t-3xl);font-weight:800;margin:.2rem 0 var(--s4)}
h2{font-size:var(--t-2xl);font-weight:750;margin:var(--s7) 0 var(--s3)}
h3{font-size:var(--t-lg);font-weight:700;margin:var(--s5) 0 var(--s2)}
p,ul,ol{margin:var(--s3) 0}li{margin:var(--s1) 0}
strong{font-weight:700}
.wrap{max-width:72rem;margin:0 auto;padding:0 var(--s4)}
.narrow{max-width:46rem}
.lead{font-size:var(--t-lg);color:var(--ink-2);max-width:40rem}
.muted{color:var(--muted)}.small{font-size:var(--t-sm)}
.eyebrow{font-size:var(--t-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}
.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:var(--s4);top:-60px;background:var(--brand);color:var(--brand-ink);padding:var(--s3) var(--s4);border-radius:var(--r);z-index:50;font-weight:700}
.skip:focus{top:var(--s3);color:var(--brand-ink)}
.icon{width:1.25em;height:1.25em;flex:none;vertical-align:-.25em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- header and footer */
.draft{background:#a1271c;color:#fff;text-align:center;padding:.4rem var(--s4);font-weight:650;font-size:var(--t-sm)}
header.site{position:relative;z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s2) var(--s4);min-height:3.75rem;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.06rem;letter-spacing:-.01em;text-decoration:none;color:var(--ink);min-height:44px;white-space:nowrap}
.brand:hover{color:var(--ink)}
.brand .logo{width:30px;height:30px;border-radius:9px;background:var(--brand);display:grid;place-items:center;box-shadow:var(--sh-sm)}
.brand .logo svg{width:18px;height:18px;stroke:var(--brand-ink);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
nav.top{display:flex;align-items:center;gap:var(--s1)}
nav.top a{display:inline-flex;align-items:center;min-height:44px;padding:0 .7rem;border-radius:var(--r-full);color:var(--ink-2);text-decoration:none;font-weight:600;font-size:.97rem}
nav.top a:hover{background:var(--surface-2);color:var(--ink)}
nav.top a[aria-current=page]{color:var(--brand);background:var(--brand-soft)}
nav.top .nav-cta{display:none}
@media(min-width:48rem){nav.top .nav-cta{display:inline-flex;margin-left:var(--s2);background:var(--brand);color:var(--brand-ink);padding:0 1.05rem}nav.top .nav-cta:hover{background:var(--brand-strong);color:var(--brand-ink)}}
@media(max-width:26rem){header.site .wrap{padding-top:var(--s1);padding-bottom:var(--s1)}nav.top{width:100%;justify-content:space-between}nav.top a{padding:0 .55rem;font-size:.94rem}}
main{padding:var(--s6) 0 var(--s8)}
footer.site{border-top:1px solid var(--line);background:var(--surface);padding:var(--s6) 0 var(--s7);font-size:var(--t-sm);color:var(--muted)}
footer.site a{color:var(--ink-2)}
.foot-grid{display:grid;gap:var(--s5)}
@media(min-width:48rem){.foot-grid{grid-template-columns:1.3fr 1fr}}
.foot-links{display:flex;flex-wrap:wrap;gap:0 var(--s4);padding:0;margin:0;list-style:none}
.foot-links a{display:inline-flex;align-items:center;min-height:44px}
.foot-note{border-top:1px solid var(--line);margin-top:var(--s5);padding-top:var(--s4)}

/* ---------- buttons */
.btn{--b:var(--brand);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.25rem;border:2px solid var(--b);border-radius:var(--r);background:var(--b);color:var(--brand-ink);font:inherit;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;text-align:center;box-shadow:var(--sh-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.btn:hover{background:var(--brand-strong);border-color:var(--brand-strong);color:var(--brand-ink);transform:translateY(-1px);box-shadow:var(--sh)}
.btn:active{transform:translateY(0) scale(.98);box-shadow:var(--sh-sm)}
.btn.secondary{background:var(--surface);color:var(--brand);border-color:var(--line-strong);box-shadow:none}
.btn.secondary:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--brand);box-shadow:none;padding-inline:.6rem}
.btn.ghost:hover{background:var(--brand-soft)}
.btn.lg{min-height:56px;font-size:1.09rem;padding:.9rem 1.6rem;border-radius:14px}
.btn.block{display:flex;width:100%}
.btn.sm{min-height:44px;padding:.5rem .9rem;font-size:.95rem}
.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.btn[aria-disabled=true]:hover,.btn[disabled]:hover{background:var(--b);border-color:var(--b)}
.btn.secondary[disabled]:hover{background:var(--surface);border-color:var(--line-strong)}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin:var(--s5) 0}
@media(max-width:30rem){.btn-row .btn{flex:1 1 100%}}
.btn .price-tag{font-weight:800;padding-left:.6rem;margin-left:.1rem;border-left:1px solid color-mix(in srgb,currentColor 35%,transparent)}

/* ---------- chips, badges, notices */
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:var(--r-full);background:var(--brand-soft);color:var(--brand-strong);font-weight:650;font-size:var(--t-sm)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0 0 var(--s4)}
.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--r-full);font-size:.8rem;font-weight:700;letter-spacing:.01em;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}
.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.info{background:var(--info-soft);color:var(--info)}
.notice{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s4);border-radius:var(--r);background:var(--info-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--info) 25%,transparent)}
.notice>.icon{color:var(--info);margin-top:.15rem}
.notice.ok{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.notice.ok>.icon{color:var(--ok)}
.notice.bad{background:var(--warn-soft);color:var(--ink);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.notice.bad>.icon{color:var(--warn)}
.notice.loading::before{content:"";width:1.1rem;height:1.1rem;flex:none;margin-top:.2rem;border-radius:50%;border:2.5px solid var(--line-strong);border-top-color:var(--brand);animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ok{color:var(--ok)}.err{color:var(--bad)}

/* ---------- cards */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);margin:var(--s4) 0;box-shadow:var(--sh-sm)}
.card>h2:first-child,.card>h3:first-child,.card>p:first-child{margin-top:0}
.card>:last-child{margin-bottom:0}
.card.raised{box-shadow:var(--sh-lg);border-color:transparent}
.honest{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:none}
.honest-head{display:flex;align-items:center;gap:var(--s3)}
.honest-head .ic{width:44px;height:44px;border-radius:12px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;flex:none}
.honest-head h2{margin:0}
.honest ul{padding-left:1.15rem}.honest li{margin:var(--s2) 0}

/* ---------- hero */
.hero{display:grid;gap:var(--s6);align-items:center;padding:var(--s2) 0 var(--s4)}
@media(min-width:60rem){.hero{grid-template-columns:1.15fr .85fr;gap:var(--s7);padding-top:var(--s5)}}
.hero h1{margin-top:var(--s3)}
.hero .lead{margin-bottom:var(--s4)}
@media(max-width:30rem){.hero h1{font-size:2rem}.hero{gap:var(--s5)}}
.buybox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s5);box-shadow:var(--sh)}
.buybox .row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}
.price{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.price small{font-size:var(--t-sm);font-weight:600;color:var(--muted);letter-spacing:0}
.buybox .btn-row{margin:var(--s4) 0 var(--s3)}
.trust{list-style:none;padding:0;margin:var(--s4) 0 0;display:grid;gap:var(--s2) var(--s4)}
@media(min-width:34rem){.trust{grid-template-columns:1fr 1fr}}
.trust li{display:flex;gap:.55rem;align-items:flex-start;margin:0;font-size:.97rem;color:var(--ink-2)}
.trust .icon{color:var(--ok);margin-top:.12rem}

/* certificate illustration */
.cert-art{position:relative;max-width:30rem;margin:0 auto;width:100%}
.cert-art .paper{position:relative;background:#fffdf8;color:#1d2a24;border-radius:14px;padding:22px 22px 18px;box-shadow:var(--sh-lg);border:1px solid #e8e2d2;transform:rotate(-2deg);transition:transform .5s var(--ease)}
.cert-art:hover .paper{transform:rotate(0)}
.cert-art .paper::before{content:"";position:absolute;inset:8px;border:2px solid #0b6b4b;border-radius:9px;pointer-events:none}
.cert-art .t1{font-size:.68rem;font-weight:700;color:#0b6b4b;display:flex;justify-content:space-between}
.cert-art .t2{font-size:1.28rem;font-weight:850;color:#0b6b4b;text-align:center;letter-spacing:.02em;margin:14px 0 2px}
.cert-art .t3{font-size:.72rem;text-align:center;color:#55605a}
.cert-art .name{font-size:1.1rem;font-weight:800;text-align:center;margin:12px 0 2px}
.cert-art .lines{display:grid;gap:5px;margin:10px auto 0;width:78%}
.cert-art .lines i{display:block;height:6px;border-radius:3px;background:#e6ebe7}
.cert-art .lines i:nth-child(2){width:86%;margin:0 auto}.cert-art .lines i:nth-child(3){width:64%;margin:0 auto}
.cert-art .foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px;gap:12px}
.cert-art .foot span{font-size:.62rem;color:#0b6b4b;font-weight:700}
.cert-art .qr{width:52px;height:52px;flex:none}
.cert-art .stamp{position:absolute;right:-10px;top:-14px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:.8rem;padding:.45rem .7rem;border-radius:var(--r-full);box-shadow:var(--sh);transform:rotate(6deg)}
.cert-art figcaption{text-align:center;font-size:var(--t-sm);color:var(--muted);margin-top:var(--s4)}

/* ---------- sections */
.section{margin:var(--s8) 0 0}
.section>h2:first-child,.section-head h2{margin-top:0}
.section-head{max-width:44rem;margin-bottom:var(--s5)}
.section-head p{color:var(--ink-2);margin:var(--s2) 0 0}
.band{background:var(--surface);border-block:1px solid var(--line);padding:var(--s7) 0;margin:var(--s8) 0 0}

/* 3-step path */
.path{list-style:none;padding:0;margin:0;display:grid;gap:var(--s4);counter-reset:p}
@media(min-width:48rem){.path{grid-template-columns:repeat(3,1fr)}}
.path li{counter-increment:p;position:relative;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--sh-sm)}
.path .num{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}
.path .num b{width:40px;height:40px;border-radius:12px;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-size:1.1rem;font-weight:800}
.path .num .icon{width:28px;height:28px;color:var(--brand)}
.path h3{margin:0 0 var(--s2)}
.path p{margin:0;color:var(--ink-2)}
@media(min-width:48rem){.path li:not(:last-child)::after{content:"";position:absolute;top:44px;right:-14px;width:12px;height:12px;border-top:2.5px solid var(--line-strong);border-right:2.5px solid var(--line-strong);transform:rotate(45deg)}}
.prestep{display:flex;gap:var(--s3);align-items:flex-start;margin-top:var(--s4);color:var(--ink-2)}.prestep .icon{color:var(--brand);margin-top:.1rem}
.basis{display:flex;gap:var(--s2);align-items:flex-start;color:var(--muted);margin:calc(-1*var(--s2)) 0 var(--s5)}.basis .icon{color:var(--brand);margin-top:.1rem}
.eyebrow{margin:0 0 var(--s1)}.eyebrow+h1,.eyebrow+h2{margin-top:var(--s1)}

/* features */
.features{display:grid;gap:var(--s3);list-style:none;padding:0;margin:0}
@media(min-width:40rem){.features{grid-template-columns:1fr 1fr}}
@media(min-width:62rem){.features{grid-template-columns:repeat(3,1fr)}}
.features li{display:flex;gap:var(--s3);margin:0;padding:var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.features .ic{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;flex:none}
.features .ic .icon{width:24px;height:24px}
.features .ft{display:block;margin-bottom:2px}
.features .fd{display:block;color:var(--ink-2);font-size:.98rem}

/* employer teaser */
.teaser{display:grid;gap:var(--s4);align-items:center;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:var(--brand-ink);border-radius:var(--r-xl);padding:var(--s6) var(--s5);box-shadow:var(--sh)}
.teaser h2{color:var(--brand-ink);margin:0 0 var(--s2)}
.teaser p{margin:0;opacity:.95}
.teaser .btn{background:var(--surface);color:var(--brand-strong);border-color:var(--surface)}
.teaser .btn:hover{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--brand-strong)}
@media(min-width:48rem){.teaser{grid-template-columns:1fr auto;padding:var(--s6) var(--s7)}}

/* ---------- syllabus */
.modules{display:grid;gap:var(--s3)}
details.module{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:0;margin:0;box-shadow:var(--sh-sm);transition:border-color var(--dur)}
details.module[open]{border-color:var(--line-strong)}
details.module>summary{list-style:none;display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);min-height:64px;cursor:pointer;border-radius:var(--r-lg)}
details.module>summary::-webkit-details-marker{display:none}
details.module>summary:hover{background:var(--surface-2)}
.mod-ic{width:40px;height:40px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;flex:none}
.mod-title{flex:1;min-width:0}
.mod-title h3{margin:0;font-size:1.06rem}
.mod-title .meta{font-size:var(--t-sm);color:var(--muted);display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center;margin-top:2px}
.chev{width:22px;height:22px;flex:none;color:var(--muted);transition:transform var(--dur) var(--ease)}
details[open]>summary .chev{transform:rotate(180deg)}
ol.lessons{list-style:none;padding:0 var(--s3) var(--s3);margin:0;counter-reset:l}
ol.lessons li{counter-increment:l;margin:0}
ol.lessons a{display:flex;align-items:center;gap:var(--s3);padding:.7rem var(--s3);min-height:52px;border-radius:var(--r);text-decoration:none;color:var(--ink)}
ol.lessons a:hover{background:var(--surface-2);color:var(--ink)}
ol.lessons a::before{content:counter(l);width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:.85rem;font-weight:700;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}
ol.lessons li.done a::before{content:"";background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat;border-color:var(--ok)}
ol.lessons .lt{flex:1;min-width:0}
ol.lessons .lm{font-size:var(--t-sm);color:var(--muted);white-space:nowrap}
ol.lessons li.done .lm::after{content:" · hecha";color:var(--ok);font-weight:650}


/* ---------- course dashboard */
.dash{display:grid;gap:var(--s4)}
@media(min-width:56rem){.dash{grid-template-columns:1.4fr 1fr;align-items:start}}
.progress{height:12px;border-radius:var(--r-full);background:var(--surface-2);overflow:hidden;border:1px solid var(--line)}
.progress>i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--ok));transition:width .8s var(--ease)}
.stat-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s3)}
.stat{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.stat small{font-size:var(--t-sm);color:var(--muted);font-weight:600;letter-spacing:0}
.milestones{list-style:none;padding:0;margin:var(--s4) 0 0;display:grid;gap:var(--s2)}
.milestones li{display:flex;align-items:center;gap:var(--s3);margin:0;font-size:.97rem}
.milestones .dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface-2);border:1px solid var(--line-strong);color:var(--muted)}
.milestones .dot .icon{width:15px;height:15px;stroke-width:3}
.milestones li.is-done .dot{background:var(--ok);border-color:var(--ok);color:#fff}
.milestones li.is-now .dot{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
.lock-note{display:flex;gap:var(--s2);align-items:flex-start;color:var(--muted);font-size:var(--t-sm);margin-top:var(--s3)}
fieldset.sectors{border:0;padding:0;margin:0;display:grid;gap:var(--s2)}
@media(min-width:40rem){fieldset.sectors{grid-template-columns:repeat(3,1fr)}}
fieldset.sectors legend{font-weight:700;margin-bottom:var(--s2);padding:0}
.tile{position:relative;display:flex;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4);min-height:56px;border:2px solid var(--line);border-radius:var(--r);background:var(--surface);cursor:pointer;font-weight:600;transition:border-color var(--dur),background-color var(--dur),transform var(--dur) var(--ease)}
.tile:hover{border-color:var(--line-strong)}
.tile:active{transform:scale(.99)}
.tile input{width:20px;height:20px;accent-color:var(--brand);flex:none;margin:0}
.tile:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.tile:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}

/* ---------- lesson */
.crumbs{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;font-size:var(--t-sm);color:var(--muted);margin:0 0 var(--s3)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.crumbs .sep{opacity:.6}
.lesson-head{border-bottom:1px solid var(--line);padding-bottom:var(--s4);margin-bottom:var(--s5)}
.lesson-head h1{font-size:clamp(1.8rem,6vw,2.6rem)}
.lesson-meta{display:flex;flex-wrap:wrap;gap:var(--s2)}
article.prose,.prose{max-width:42rem;font-size:1.0625rem}
.prose h2{font-size:1.4rem;margin:var(--s6) 0 var(--s2)}
.prose p,.prose li{line-height:1.7}
.prose ul,.prose ol{padding-left:1.3rem}
blockquote{margin:var(--s5) 0;padding:var(--s4) var(--s5);border-left:4px solid var(--brand);background:var(--brand-soft);border-radius:0 var(--r) var(--r) 0;font-style:normal}
.cites{font-size:.8rem;white-space:nowrap}
.cite{text-decoration:none;display:inline-block;padding:0 .15rem;border-radius:4px;background:var(--surface-2);font-weight:600}
.tablewrap{overflow-x:auto;margin:var(--s4) 0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:.95rem;font-variant-numeric:tabular-nums}
th,td{border-bottom:1px solid var(--line);padding:.65rem .8rem;text-align:left;vertical-align:top}
tr:last-child>td,tr:last-child>th{border-bottom:0}
thead th{background:var(--surface-2);font-weight:700;font-size:.9rem}
tbody th{font-weight:650;color:var(--ink-2);width:38%}
.practice{display:grid;gap:var(--s2)}
.practice details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0}
.practice summary{list-style:none;display:flex;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4);min-height:56px;cursor:pointer;font-weight:650}
.practice summary::-webkit-details-marker{display:none}
.practice summary .q-ic{width:30px;height:30px;border-radius:50%;background:var(--info-soft);color:var(--info);display:grid;place-items:center;flex:none;font-weight:800;font-size:.9rem}
.practice summary span.t{flex:1}
.practice details>p{margin:0;padding:0 var(--s4) var(--s4) calc(var(--s4) + 30px + var(--s3));color:var(--ink-2)}
.practice details[open]>p{animation:fadeup .25s var(--ease)}
.done-card{display:grid;gap:var(--s3);background:var(--surface);border:2px solid var(--brand-tint);border-radius:var(--r-lg);padding:var(--s5);margin:var(--s6) 0}
.done-card .lesson-status{margin:0}
.pager{display:grid;gap:var(--s3);margin-top:var(--s6)}
@media(min-width:40rem){.pager{grid-template-columns:1fr 1fr}}
.pager a{display:flex;flex-direction:column;gap:2px;padding:var(--s4);border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-decoration:none;color:var(--ink);min-height:44px;transition:border-color var(--dur),transform var(--dur) var(--ease)}
.pager a:hover{border-color:var(--brand);transform:translateY(-1px);color:var(--ink)}
.pager a small{color:var(--muted);font-weight:600}
.pager a.next{text-align:right}
.sources-list{font-size:var(--t-sm);padding-left:1.2rem}

/* ---------- forms */
form.stack{display:grid;gap:var(--s4)}
label{font-weight:650}
.field{display:grid;gap:6px}
.field .hint{margin:0;font-size:var(--t-sm);color:var(--muted)}
input[type=email],input[type=text],select{width:100%;min-height:50px;font:inherit;font-size:1.0625rem;padding:.7rem .9rem;border:1.5px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--ink);transition:border-color var(--dur),box-shadow var(--dur)}
input[type=email]:hover,input[type=text]:hover,select:hover{border-color:var(--muted)}
input[type=email]:focus,input[type=text]:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent);outline:none}
input[aria-invalid=true]{border-color:var(--bad)}
input.valid{border-color:var(--ok)}
.check{display:flex;gap:var(--s3);align-items:flex-start;font-weight:400;font-size:.97rem;line-height:1.5;padding:var(--s3);border-radius:var(--r);background:var(--surface-2);cursor:pointer;min-height:44px}
.check input{margin-top:.15rem;width:22px;height:22px;flex:none;accent-color:var(--brand)}
.check.small{font-size:var(--t-sm)}
.pay-note{display:flex;gap:var(--s2);align-items:flex-start;margin:0}
.pay-note .icon{color:var(--ok);margin-top:.15rem}

/* ---------- buy section */
.buy-grid{display:grid;gap:var(--s5)}
@media(min-width:56rem){.buy-grid{grid-template-columns:.9fr 1.1fr;align-items:start}}
.recap{list-style:none;padding:0;margin:var(--s4) 0 0;display:grid;gap:var(--s2)}
.recap li{display:flex;gap:.55rem;align-items:flex-start;margin:0}
.recap .icon{color:var(--ok);margin-top:.15rem}

/* FAQ */
.faq{display:grid;gap:var(--s2);max-width:48rem}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0;transition:border-color var(--dur)}
.faq details[open]{border-color:var(--line-strong)}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:var(--s3);align-items:center;padding:var(--s4) var(--s5);min-height:56px;cursor:pointer;font-weight:650}
.faq summary::-webkit-details-marker{display:none}
.faq details>p{margin:0;padding:0 var(--s5) var(--s5);color:var(--ink-2)}
.faq details[open]>p{animation:fadeup .25s var(--ease)}

/* ---------- employers */
.plans{display:grid;gap:var(--s4)}
@media(min-width:48rem){.plans{grid-template-columns:repeat(3,1fr);align-items:start}}
.plan{position:relative;border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s5);background:var(--surface);box-shadow:var(--sh-sm);transition:box-shadow var(--dur),transform var(--dur) var(--ease)}
.plan:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.plan.best{border:2px solid var(--brand)}
.plan .flag{position:absolute;top:-13px;left:var(--s5);background:var(--brand);color:var(--brand-ink);font-weight:750;font-size:.8rem;padding:.25rem .7rem;border-radius:var(--r-full)}
.plan h3{margin:0 0 var(--s2)}
.plan .unit{font-size:var(--t-sm);color:var(--muted);margin:var(--s2) 0 var(--s4)}
.plan .unit b{color:var(--ink);font-size:1.05rem}
.plan details{border-top:1px solid var(--line);margin-top:var(--s4);padding-top:var(--s2)}
.plan details>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;border-radius:var(--r);background:var(--brand);color:var(--brand-ink);font-weight:700;cursor:pointer;margin-top:var(--s2);transition:background-color var(--dur)}
.plan details>summary::-webkit-details-marker{display:none}
.plan details>summary:hover{background:var(--brand-strong)}
.plan details[open]>summary{background:var(--surface-2);color:var(--ink)}
.plan details form{margin-top:var(--s4)}
.compare{display:grid;gap:var(--s3);list-style:none;padding:0;margin:0}
@media(min-width:44rem){.compare{grid-template-columns:1fr 1fr}}
.quote{font-size:var(--t-lg);color:var(--ink-2);border-left:4px solid var(--accent);padding:var(--s2) 0 var(--s2) var(--s4);margin:var(--s4) 0}

/* employer panel */
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin:var(--s4) 0}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) var(--s4)}
.kpi b{display:block;font-size:1.7rem;font-variant-numeric:tabular-nums;line-height:1.1}
.kpi span{font-size:var(--t-sm);color:var(--muted)}
.seats td .acts{display:flex;flex-wrap:wrap;gap:var(--s2)}
@media(max-width:44rem){
  table.seats thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  table.seats,table.seats tbody,table.seats tr,table.seats td{display:block;width:100%}
  table.seats tr{border-bottom:1px solid var(--line);padding:var(--s3) var(--s2)}
  table.seats td{border:0;padding:.3rem .5rem;display:flex;gap:var(--s3);align-items:flex-start}
  table.seats td::before{content:attr(data-label);font-weight:650;color:var(--muted);font-size:var(--t-sm);min-width:5.5rem}
  table.seats td .acts{flex:1}
  table.seats td .acts .btn{flex:1}
}

/* ---------- exam */
.exam-bar{position:sticky;top:3.8rem;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--s3) 0;margin:0 0 var(--s3)}
.exam-bar .stat-row{margin:0 0 var(--s2);font-weight:650;font-size:.97rem}
.rules{display:grid;gap:var(--s2);list-style:none;padding:0;margin:var(--s4) 0}
.rules li{display:flex;gap:var(--s2);align-items:center;margin:0;padding:var(--s3);border-radius:var(--r);background:var(--surface);border:1px solid var(--line);font-weight:600;font-size:.95rem}
.rules .icon{color:var(--brand)}
.q{margin:var(--s4) 0;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm);transition:border-color var(--dur)}
.q.answered{border-color:var(--brand-tint)}
.q fieldset{border:0;padding:0;margin:0;min-width:0}
.q legend{font-weight:700;font-size:1.06rem;margin-bottom:var(--s3);padding:0;line-height:1.4}
.q legend .qn{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 .4rem;border-radius:9px;background:var(--brand-soft);color:var(--brand-strong);font-size:.88rem;margin-right:.5rem;vertical-align:1px}
.q label{display:flex;gap:var(--s3);font-weight:450;padding:var(--s3) var(--s4);margin:var(--s2) 0 0;align-items:flex-start;min-height:52px;border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;transition:border-color var(--dur),background-color var(--dur),transform var(--dur) var(--ease)}
.q label:hover{border-color:var(--line-strong);background:var(--surface-2)}
.q label:active{transform:scale(.99)}
.q label:has(input:checked){border-color:var(--brand);background:var(--brand-soft);font-weight:600}
.q label:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}
.q input{margin-top:.2rem;width:20px;height:20px;flex:none;accent-color:var(--brand)}
.submit-zone{position:sticky;bottom:0;padding:var(--s3) 0 var(--s4);background:linear-gradient(to top,var(--bg) 70%,transparent)}

/* result */
.result{text-align:center;padding:var(--s6) var(--s5)}
.ring{width:168px;height:168px;margin:0 auto var(--s4);position:relative}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:12}
.ring .track{stroke:var(--surface-2)}
.ring .bar{stroke:var(--ok);stroke-linecap:round;transition:stroke-dashoffset 1.1s var(--ease)}
.ring.fail .bar{stroke:var(--warn)}
.ring .val{position:absolute;inset:0;display:grid;place-content:center;font-weight:800;font-size:2.4rem;line-height:1;font-variant-numeric:tabular-nums}
.ring .val small{display:block;font-size:.9rem;font-weight:650;color:var(--muted);margin-top:4px}
.result h2{margin:0 0 var(--s2);font-size:var(--t-2xl)}
.result .review{text-align:left;max-width:32rem;margin:var(--s4) auto 0}
.result .review a{display:flex;align-items:center;gap:var(--s2);min-height:48px;padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--r);margin:var(--s2) 0;text-decoration:none;background:var(--surface);color:var(--ink);font-weight:600}
.result .review a:hover{border-color:var(--brand)}
.result .btn-row{justify-content:center}
.result .review ul{list-style:none;padding:0;margin:0}

/* certificate */
.cert-ready{text-align:center;padding:var(--s6) var(--s5)}
.cert-ready .medal{width:84px;height:84px;margin:0 auto var(--s4);border-radius:50%;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center}
.cert-ready .medal .icon{width:44px;height:44px;stroke-width:2.4}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.04em;background:var(--surface-2);padding:.2rem .5rem;border-radius:6px}
dialog{border:0;border-radius:var(--r-xl);padding:var(--s5);max-width:28rem;width:calc(100% - 2rem);background:var(--surface);color:var(--ink);box-shadow:var(--sh-lg)}
dialog::backdrop{background:rgba(10,20,16,.55)}
dialog h2{margin:0 0 var(--s3);font-size:var(--t-xl)}
dialog dl{display:grid;grid-template-columns:auto 1fr;gap:var(--s2) var(--s4);margin:var(--s4) 0;padding:var(--s4);border-radius:var(--r);background:var(--surface-2)}
dialog dt{color:var(--muted);font-weight:600}dialog dd{margin:0;font-weight:700;word-break:break-word}

/* verification */
.verify-state{display:flex;align-items:center;gap:var(--s3);font-size:1.1rem}

/* sticky mobile CTA */
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(17,32,26,.1);padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:var(--s3);transform:translateY(110%);transition:transform .28s var(--ease)}
.stickybar.show{transform:none}
.stickybar .p{font-weight:800;font-size:1.2rem;line-height:1.1}
.stickybar .p small{display:block;font-size:.78rem;color:var(--muted);font-weight:600}
@media(min-width:60rem){.stickybar{display:none}}

/* ---------- motion */
@keyframes fadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.reveal{animation:fadeup .45s var(--ease) both}
.reveal-2{animation:fadeup .45s .12s var(--ease) both}
.reveal-3{animation:fadeup .45s .24s var(--ease) both}
.pop{animation:pop .5s var(--ease) both}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cert-art .paper{transform:none}}
@media print{header.site,footer.site,.stickybar,.draft{display:none}}
.module.dim{background:var(--surface-2);box-shadow:none}
.module.dim .mod-ic{background:var(--line);color:var(--muted)}
td a[href^="/verificar/"]{display:inline-flex;align-items:center;min-height:44px}
@media(min-width:48rem){header.site{position:sticky;top:0}}
.exam-bar{top:0}@media(min-width:48rem){.exam-bar{top:3.8rem}}
[tabindex="-1"]:focus{outline:none}
.rules{display:flex;flex-wrap:wrap;gap:var(--s2)}
.rules li{padding:.45rem .8rem;border-radius:var(--r-full);font-size:.9rem}
.kpis+.tablewrap td.small{word-break:break-all}
.narrow{margin-inline:auto}
@media(max-width:44rem){table.seats td .acts{flex-direction:column}}
.presale{display:flex;gap:var(--s2);align-items:flex-start;margin:var(--s3) 0;padding:var(--s3);border-radius:var(--r);background:var(--warn-soft);color:var(--ink);font-size:.93rem;line-height:1.45;border:1px solid color-mix(in srgb,var(--warn) 25%,transparent)}
.presale .icon{color:var(--warn);margin-top:.1rem}
.presale.small{font-size:var(--t-sm)}
.presale.on-brand{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:var(--brand-ink);margin-top:var(--s3)}.presale.on-brand .icon{color:var(--brand-ink)}
.wl-done{display:flex;gap:var(--s3);align-items:flex-start}