@font-face{font-family:"DM Serif Display";src:url(fonts/dm-serif-display-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Manrope";src:url(fonts/manrope-latin-var.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{
  --choc:#522617;--baun:#F6ECDA;--pess:#EAC6AF;--pist:#CBDAC4;--cara:#C9894B;--cere:#A33B36;--oliv:#66745A;--espr:#35150F;
  --creme:#EFE1C9;--areia:#E6D3B5;--branco:#FFFDF9;--ink2:rgba(82,38,23,.72);
  --serif:"DM Serif Display",Georgia,serif;--sans:"Manrope",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--baun);color:var(--choc);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100svh}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;cursor:pointer}
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1.05}
.rot{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--cara)}
.esc{display:none!important}

/* campos */
.campo{display:grid;gap:7px}
.campo>span{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cara)}
.inp,select.inp{width:100%;height:56px;border-radius:16px;border:2px solid var(--areia);background:var(--branco);padding:0 16px;font:600 18px var(--sans);color:var(--choc);outline:none;transition:border-color .2s;appearance:none;-webkit-appearance:none}
.inp:focus{border-color:var(--cara)}
select.inp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23522617' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:60px;border:0;border-radius:999px;background:var(--choc);color:var(--baun);font:800 17px var(--sans);transition:transform .15s,opacity .2s}
.btn:active{transform:scale(.97)}
.btn[disabled]{opacity:.5}
.btn.claro{background:var(--pess);color:var(--choc)}
.btn.linha{background:transparent;color:var(--choc);border:2px solid var(--choc)}
.btn.pequeno{height:44px;font-size:15px;width:auto;padding:0 18px}
.aviso{border-radius:14px;padding:12px 14px;font-size:15px;font-weight:600;background:#F7DCD6;color:var(--cere)}
.aviso.ok{background:var(--pist);color:var(--oliv)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-flex;align-items:center;height:42px;padding:0 16px;border-radius:999px;border:2px solid var(--areia);background:var(--branco);font-weight:700;font-size:15px;transition:all .15s}
.chip input:checked+span{background:var(--choc);border-color:var(--choc);color:var(--baun)}
.chip input:focus-visible+span{outline:3px solid var(--cara);outline-offset:2px}
.check{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;font-size:14.5px;font-weight:600;line-height:1.45}
.check input{width:26px;height:26px;margin-top:1px;accent-color:var(--choc)}
.carregando{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid currentColor;border-right-color:transparent;animation:gira .7s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}