/* Play8 — Ponto de Partida (pré-briefing). Mesma linguagem da Ficha Cadastral da Sede Digital. */
.bp-title{position:relative;overflow:hidden;background:#000;color:#fff;padding:clamp(130px,12vw,210px) var(--gut) clamp(50px,5vw,90px)}
.bp-title .bg{position:absolute;inset:0;opacity:.85}
.bp-title .bg img{width:100%;height:100%;object-fit:cover;object-position:right center}
.bp-title .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 10%,rgba(0,0,0,.35) 70%)}
.bp-title .in{position:relative;display:grid;gap:clamp(20px,2vw,32px)}
.bp-title h1{max-width:16ch}
.bp-title p{max-width:60ch;color:#ddd5ea}
.bp-label{font-size:var(--fs-small);font-weight:500;display:inline-flex;align-items:center;gap:10px;color:var(--lilac)}
.bp-label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lilac)}
.bp-chips{display:flex;flex-wrap:wrap;gap:10px}
.bp-chip{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-d);background:rgba(255,255,255,.04)}
.bp-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lilac)}

.bp-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,80px);align-items:start;padding:clamp(40px,4vw,80px) var(--gut) var(--sec)}
.bp-wrap>*{min-width:0}
.bp-idx{position:sticky;top:100px;display:grid;gap:2px;font-size:14px}
.bp-idx a{display:flex;gap:12px;align-items:center;padding:9px 0;color:var(--muted);border-bottom:1px solid var(--line);transition:color .3s}
.bp-idx a b{font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink);opacity:.5;min-width:22px}
.bp-idx a.on,.bp-idx a:hover{color:var(--ink)}
.bp-idx a.on b{color:var(--violet);opacity:1}
.bp-idx a.ok::after{content:"✓";margin-left:auto;color:var(--violet);font-weight:600}
.bp-idx .prog{height:3px;background:var(--line);margin-top:16px;position:relative;overflow:hidden;border-radius:3px}
.bp-idx .prog i{position:absolute;inset:0 auto 0 0;width:0;background:var(--violet);transition:width .5s var(--ease)}
.bp-idx .pl{font-size:13px;color:var(--muted);margin-top:8px}
@media (max-width:960px){.bp-wrap{grid-template-columns:1fr}.bp-idx{display:none}}

.bp-sec{min-width:0;background:var(--white);margin:0 0 clamp(14px,1.4vw,22px);border:0;padding:0;scroll-margin-top:90px}
.bp-sec>header{display:flex;gap:18px;align-items:baseline;padding:clamp(22px,2vw,32px) 20px 18px;border-bottom:1px solid var(--line)}
.bp-sec>header .n{font-size:clamp(26px,2vw,36px);font-weight:200;color:var(--violet);letter-spacing:-.03em;line-height:1}
.bp-sec>header h2{font-size:var(--fs-h4);font-weight:400}
.bp-sec>header p{font-size:14px;color:var(--muted);margin-top:6px;max-width:70ch}
.bp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.bp-fld{display:grid;gap:4px;padding:15px 20px 11px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-width:0;grid-column:span 3;position:relative}
.bp-fld.c2{grid-column:span 2}.bp-fld.c4{grid-column:span 4}.bp-fld.c6{grid-column:1/-1}
.bp-fld>span{font-size:12px;letter-spacing:.04em;color:var(--muted);font-weight:500}
.bp-fld>span i,.bp-q i{font-style:normal;color:var(--violet)}
.bp-fld input,.bp-fld select,.bp-fld textarea{width:100%;border:0;background:transparent;font:inherit;font-size:16px;padding:6px 0 4px;color:var(--ink);outline:none;min-width:0;border-radius:0}
.bp-fld select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237e00ff' stroke-width='1.6'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:18px;padding-right:24px}
.bp-fld textarea{min-height:96px;resize:vertical;line-height:1.55}
.bp-fld:focus-within{background:#faf7ff}
.bp-fld:focus-within>span{color:var(--violet)}
.bp-fld small{font-size:12.5px;color:var(--muted)}
.bp-fld .cnt{position:absolute;right:20px;top:15px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.bp-fld.bad{background:#fff5f5}
.bp-fld.bad>span{color:#b3261e}
.bp-fld .msg{font-size:12.5px;color:#b3261e}
@media (max-width:760px){.bp-fld,.bp-fld.c2,.bp-fld.c4{grid-column:1/-1}.bp-fld{border-right:0}}

.bp-q{grid-column:1/-1;padding:18px 20px 0;font-size:15.5px;color:var(--ink)}
.bp-q small{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.bp-q.bad{color:#b3261e}
.bp-optrow{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding:14px 20px 18px;border-bottom:1px solid var(--line)}
.bp-opt{position:relative}
.bp-opt input{position:absolute;opacity:0;pointer-events:none}
.bp-opt span{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border:1px solid var(--line);border-radius:999px;font-size:15px;cursor:pointer;transition:all .25s;user-select:none}
.bp-opt span::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid #a8a4ae;flex:none;transition:all .25s}
.bp-opt.sq span::before{border-radius:4px}
.bp-opt input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bp-opt input:checked+span::before{background:var(--lilac);border-color:var(--lilac);box-shadow:inset 0 0 0 3px var(--ink)}
.bp-opt input:focus-visible+span{outline:2px solid var(--violet);outline-offset:2px}
.bp-opt input:disabled+span{opacity:.4;cursor:not-allowed}
.bp-rgrid{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px 20px 18px;border-bottom:1px solid var(--line)}
.bp-rgrid .bp-opt span{width:100%;height:100%;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px}
.bp-rgrid .bp-opt span::before{display:none}
.bp-rgrid .bp-opt b{font-weight:400;font-size:clamp(17px,1.2vw,21px);letter-spacing:-.01em;line-height:1.2}
.bp-rgrid .bp-opt em{font-style:normal;font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.bp-rgrid .bp-opt input:checked+span em{color:var(--lilac)}
@media (max-width:1100px){.bp-rgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.bp-rgrid{grid-template-columns:1fr 1fr}}
.bp-cur{display:flex;align-items:center;gap:8px;grid-column:1/-1;padding:16px 20px 0;font-size:13px;color:var(--muted)}
.bp-cur .bp-opt span{padding:6px 12px;font-size:13px}
.bp-cur .bp-opt span::before{display:none}
.bp-note{grid-column:1/-1;margin:0 20px 18px;padding:16px 18px;border-left:2px solid var(--violet);background:rgba(126,0,255,.06);font-size:14.5px;line-height:1.6;color:var(--ink)}
.bp-note a{color:var(--violet);text-decoration:underline;font-weight:500}
.bp-check{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--line);font-size:15px;cursor:pointer}
.bp-check input{margin-top:3px;accent-color:var(--violet);width:18px;height:18px;flex:none}
.bp-check span{flex:1;min-width:0;line-height:1.55;color:#2c2b30}
.bp-check a{text-decoration:underline}
.bp-check.bad{background:#fff5f5}

.bp-submit{background:var(--ink);color:#fff;padding:clamp(24px,2.4vw,40px) 20px;display:grid;gap:18px}
.bp-submit p{color:#cfc6dd;font-size:15px;max-width:70ch}
.bp-send{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:22px 24px;border-radius:999px;background:var(--violet);color:#fff;font-size:17px;font-weight:500;transition:background .3s}
.bp-send:hover{background:#6a00d8}
.bp-send[disabled]{opacity:.6;pointer-events:none}
.bp-err{background:#fff1f1;border:1px solid #f1c4c4;color:#8a1c14;padding:16px 20px;font-size:14.5px;margin-bottom:16px;display:grid;gap:6px}
.bp-err ul{list-style:disc;padding-left:20px}
.bp-err a{text-decoration:underline}
.bp-draft{font-size:13px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:12px}
.bp-draft button{text-decoration:underline;font-size:13px;color:var(--muted)}

/* botão Iniciar projeto no topo */
.hdr-cta{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-size:13.5px;font-weight:500;color:#fff;white-space:nowrap;transition:border-color .3s,background .3s,color .3s}
.hdr-cta:hover,.hdr-cta[aria-current]{border-color:#fff}
.hdr-cta .arrow{width:13px;height:13px;transition:transform .35s var(--ease)}
.hdr-cta:hover .arrow{transform:translate(3px,-3px)}
@media (max-width:760px){.hdr-cta{display:none}}

/* modo escuro */
html[data-theme="dark"] .bp-sec{background:#181a1b}
html[data-theme="dark"] .bp-fld:focus-within{background:rgba(126,0,255,.12)}
html[data-theme="dark"] .bp-fld select option{background:#181a1b;color:#e8e6e3}
html[data-theme="dark"] .bp-fld.bad,html[data-theme="dark"] .bp-check.bad{background:rgba(179,38,30,.16)}
html[data-theme="dark"] .bp-fld.bad>span,html[data-theme="dark"] .bp-fld .msg,html[data-theme="dark"] .bp-q.bad{color:#ff8a80}
html[data-theme="dark"] .bp-check span{color:#c9c6cf}
html[data-theme="dark"] .bp-opt input:checked+span{background:#e8e6e3;color:#181a1b;border-color:#e8e6e3}
html[data-theme="dark"] .bp-opt input:checked+span::before{background:var(--violet);border-color:var(--violet);box-shadow:inset 0 0 0 3px #e8e6e3}
html[data-theme="dark"] .bp-rgrid .bp-opt input:checked+span em{color:var(--violet)}
html[data-theme="dark"] .bp-note{background:rgba(126,0,255,.12)}
html[data-theme="dark"] .bp-submit{background:#121314;border-top:1px solid var(--line)}
html[data-theme="dark"] .bp-err{background:rgba(179,38,30,.14);border-color:rgba(255,138,128,.35);color:#ffb4ab}