/* registra.pro — identidade: documento oficial + carimbo. Tinta, papel, carimbo vermelho, marca-texto amarelo, verde só para "protegida". */
:root{
  --ink:#0B1430; --ink-2:#1B2546; --paper:#FFFFFF; --page:#EDEFF3; --mute:#586179; --line:#D5D9E2;
  --stamp:#E0321C; --stamp-dark:#B8240F; --stamp-soft:#FCE6E2; --marker:#FFE14D; --safe:#0E8F5F; --safe-soft:#DCF1E7; --amber:#B7791F; --amber-soft:#FDF1D8;
  --display:'Archivo','Arial Narrow',system-ui,sans-serif; --body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif; --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--stamp);outline-offset:3px}
mark{background:var(--marker);color:var(--ink);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.narrow{max-width:760px}
.red{color:var(--stamp)}
.kicker{font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--stamp)}
.muted{color:var(--mute)}
.mono{font-family:var(--mono)}
.sr{position:absolute;left:-9999px}

/* logo */
.logo{display:inline-flex;align-items:baseline;font-family:var(--display);font-stretch:80%;letter-spacing:-.02em;line-height:1;white-space:nowrap;text-decoration:none;color:inherit}
.logo b{font-weight:850}
.logo i{display:inline-block;width:.24em;height:.24em;background:var(--stamp);margin:0 .07em}
.logo span{font-weight:450}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;font-family:var(--body);font-weight:700;font-size:16px;padding:14px 22px;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1.2}
.btn-red{background:var(--stamp);color:#fff}
.btn-red:hover{background:var(--stamp-dark)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-sm{font-size:14px;padding:9px 14px}
.btn-block{width:100%}
.btn[disabled]{opacity:.6;cursor:wait}

/* topo */
.site-top{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}
.site-top .wrap{display:flex;align-items:center;gap:22px;min-height:66px}
.site-top .logo{font-size:27px}
.site-top nav{display:flex;gap:18px;margin-left:auto;font-size:15px;font-weight:500;color:var(--mute)}
.site-top nav a{text-decoration:none}
.site-top nav a:hover{color:var(--ink)}
@media (max-width:760px){.site-top nav{display:none}.site-top .btn{margin-left:auto}}

/* hero */
.hero{padding-block:56px 56px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;align-items:start}
.hero h1{font-size:clamp(40px,6vw,74px);font-stretch:76%;font-weight:850;line-height:.92;text-transform:uppercase;margin-top:12px}
.hero .lede{font-size:clamp(17px,1.6vw,19px);color:var(--mute);margin-top:18px;max-width:48ch}
.check{margin-top:26px;background:var(--page);padding:8px;border-radius:10px;display:flex;gap:8px;flex-wrap:wrap;max-width:600px}
.check input{flex:1;min-width:180px;border:0;background:var(--paper);border-radius:6px;font:inherit;font-size:17px;padding:14px 14px;color:var(--ink)}
.check input:focus{outline:2px solid var(--ink)}
.check-note{font-size:13px;color:var(--mute);margin-top:10px;max-width:600px}
.trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:14px;color:var(--mute);font-weight:500}
.trust span{display:inline-flex;align-items:center;gap:7px}
.trust span::before{content:"";width:8px;height:8px;background:var(--safe)}

/* resultado da busca */
.result{margin-top:18px;max-width:600px;border-radius:10px;border:2px solid var(--line);padding:18px 18px 16px;background:var(--paper)}
.result[data-v="livre"]{border-color:var(--safe)}
.result[data-v="atencao"]{border-color:var(--amber)}
.result[data-v="ocupada"]{border-color:var(--stamp)}
.result-head{display:flex;align-items:flex-start;gap:12px}
.badge{font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:4px;white-space:nowrap}
.b-livre{background:var(--safe-soft);color:var(--safe)}.b-atencao{background:var(--amber-soft);color:var(--amber)}.b-ocupada{background:var(--stamp-soft);color:var(--stamp)}.b-indisponivel{background:var(--page);color:var(--mute)}
.result h3{font-size:24px;font-stretch:82%;font-weight:850;line-height:1.05}
.result p{font-size:15px;color:var(--mute);margin-top:6px}
.marks{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.marks li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;background:var(--page);padding:8px 10px;border-radius:6px}
.marks b{font-weight:600}
.marks small{display:block;color:var(--mute)}
.marks .sit{font-family:var(--mono);font-size:11.5px;align-self:center}
.result .btn{margin-top:14px}
.result .fine{font-size:12px;color:var(--mute);margin-top:10px}
.spinner{display:inline-block;width:16px;height:16px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* cartão de preço */
.price-card{background:var(--ink);color:#fff;border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}
.price-card .kicker{color:var(--marker)}
.price-card .big{font-family:var(--display);font-stretch:76%;font-weight:850;font-size:clamp(46px,13vw,68px);white-space:nowrap;line-height:.9;font-variant-numeric:tabular-nums}
.price-card .big small{font-size:.42em;font-weight:700}
.price-card .pix{font-size:18px}
.price-card ul{list-style:none;padding:0;margin:16px 0 8px;display:flex;flex-direction:column;gap:9px;font-size:15px;color:#DDE1EA}
.price-card li{display:flex;gap:10px}
.price-card li::before{content:"✓";color:var(--marker);font-weight:700}
.price-card .fine{font-size:12px;color:#9AA3B8}
.stamp{display:inline-block;border:4px solid currentColor;font-family:var(--mono);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.35em .6em;border-radius:6px;transform:rotate(-8deg);line-height:1.05;text-align:center}
.price-card .stamp{position:absolute;right:-4px;top:18px;font-size:13px;border-width:3px;transform:rotate(12deg);color:var(--marker)}

/* faixas */
.band{padding-block:64px}
.band-gray{background:var(--page)}
.band-ink{background:var(--ink);color:#fff}
.sec-title{font-size:clamp(30px,4vw,48px);font-stretch:78%;font-weight:850;line-height:.95;text-transform:uppercase}
.sec-lede{color:var(--mute);font-size:17px;margin-top:12px;max-width:60ch}
.band-ink .sec-lede{color:#C9CFDD}
.notmark{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}
.notmark div{background:var(--paper);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:6px}
.notmark b{font-family:var(--display);font-stretch:85%;font-size:22px;font-weight:800}
.notmark b::before{content:"✗ ";color:var(--stamp)}
.notmark div:last-child{background:var(--ink);color:#fff}
.notmark div:last-child b::before{content:"✓ ";color:var(--marker)}
.notmark span{font-size:14.5px;color:var(--mute)}
.notmark div:last-child span{color:#C9CFDD}
.law{font-family:var(--mono);font-size:13px;color:var(--mute);margin-top:18px}
.steps{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:start}
.steps ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.steps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.steps .n{font-family:var(--mono);font-weight:600;color:var(--stamp);font-size:14px;padding-top:2px}
.steps li b{display:block;font-size:17px}
.steps li span{font-size:15px;color:var(--mute)}
.fear{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.fear q{font-family:var(--display);font-stretch:78%;font-weight:850;font-size:clamp(28px,3.6vw,44px);line-height:.98;text-transform:uppercase;quotes:none}
.ficha{background:#fff;color:var(--ink);font-family:var(--mono);font-size:13.5px;padding:20px 22px;border-radius:4px;position:relative;transform:rotate(1.5deg);max-width:420px;justify-self:center;width:100%}
.ficha div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding:8px 0}
.ficha div span:first-child{color:var(--mute)}
.ficha .stamp{position:absolute;right:-16px;bottom:-22px;color:var(--stamp);font-size:20px;background:rgba(255,255,255,.9)}
.faq{display:flex;flex-direction:column;gap:10px;margin-top:28px;max-width:820px}
.faq details{background:var(--page);border-radius:8px;padding:16px 18px}
.faq summary{font-weight:700;cursor:pointer;font-size:16.5px}
.faq p{margin-top:8px;color:var(--mute)}
.final{background:var(--stamp);color:#fff}
.final .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:48px}
.final h2{font-size:clamp(30px,4vw,50px);font-stretch:76%;font-weight:850;line-height:.92;text-transform:uppercase;max-width:18ch}
.final .btn{background:#fff;color:var(--stamp)}
.site-foot{background:var(--ink);color:#9AA3B8;font-size:14px}
.site-foot .wrap{padding-block:30px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between}
.site-foot .logo{font-size:22px;color:#fff}
.site-foot nav{display:flex;gap:16px;flex-wrap:wrap}
.site-foot a{text-decoration:none}
.site-foot a:hover{color:#fff}

/* formulários */
.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:26px}
.page-gray{background:var(--page);min-height:70vh;padding-block:40px 64px}
.form{display:flex;flex-direction:column;gap:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-weight:600;font-size:14.5px}
.field input,.field select,.field textarea{font:inherit;font-size:16px;padding:12px 12px;border:1.5px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--ink)}
.field small{color:var(--mute);font-size:13px}
.field-error,.validation-summary-errors{color:var(--stamp);font-size:13.5px}
.validation-summary-errors ul{margin:0;padding-left:18px}
.methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.method{position:relative;display:flex;flex-direction:column;gap:2px;border:2px solid var(--line);border-radius:8px;padding:14px 16px;cursor:pointer}
.method input{position:absolute;opacity:0}
.method b{font-size:17px}
.method span{font-size:13.5px;color:var(--mute)}
.method .amt{font-family:var(--display);font-stretch:80%;font-weight:850;font-size:28px;line-height:1.1;margin-top:4px}
.method:has(input:checked){border-color:var(--ink);background:var(--page)}
.method .tag{position:absolute;top:-10px;right:10px;background:var(--marker);font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:4px}
.consent{display:flex;gap:10px;font-size:14px;color:var(--mute);align-items:flex-start}
.consent input{margin-top:4px;width:18px;height:18px;flex:none}
.summary{display:flex;flex-direction:column;gap:10px}
.summary .brand{font-family:var(--display);font-stretch:80%;font-weight:850;font-size:34px;line-height:1;text-transform:uppercase;word-break:break-word}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:22px;align-items:start}
.alert{border-radius:8px;padding:12px 14px;font-size:14.5px}
.alert-red{background:var(--stamp-soft);color:var(--stamp-dark)}
.alert-amber{background:var(--amber-soft);color:#7A4F0E}
.alert-green{background:var(--safe-soft);color:#09603F}
.alert-gray{background:var(--page);color:var(--mute)}

/* pedido */
.order-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:22px}
.order-head h1{font-size:clamp(30px,4.6vw,50px);font-stretch:78%;font-weight:850;line-height:.95;text-transform:uppercase;word-break:break-word}
.status-pill{font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:#fff;padding:6px 10px;border-radius:4px}
.track{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}
.track li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding-bottom:18px;position:relative}
.track li::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--ink);margin-top:6px;margin-left:5px}
.track li::after{content:"";position:absolute;left:10px;top:20px;bottom:0;width:2px;background:var(--line)}
.track li:last-child::after{display:none}
.track b{display:block}
.track small{font-family:var(--mono);font-size:12px;color:var(--mute)}
.track p{font-size:14.5px;color:var(--mute);margin-top:2px}
.poa{white-space:pre-wrap;font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.6;background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px;max-height:420px;overflow:auto}
.grid2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:22px;align-items:start}

/* admin */
.table-wrap{overflow-x:auto}
table.t{border-collapse:collapse;width:100%;font-size:14px;background:#fff}
table.t th,table.t td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
table.t th{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
table.t td a{font-weight:600}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.kpis div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px}
.kpis b{display:block;font-family:var(--display);font-stretch:80%;font-weight:850;font-size:32px;line-height:1;font-variant-numeric:tabular-nums}
.kpis span{font-size:13px;color:var(--mute)}
dl.kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 12px;margin:0;font-size:14.5px}
dl.kv dt{color:var(--mute)}
dl.kv dd{margin:0;word-break:break-word}

@media (max-width:900px){
  .hero-grid,.steps,.fear,.checkout-grid,.grid2{grid-template-columns:1fr}
  .notmark{grid-template-columns:1fr 1fr}
  .kpis{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .notmark,.row2,.methods{grid-template-columns:1fr}
  .check .btn{width:100%}
  .panel{padding:18px}
  dl.kv{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none}}