/* Guia do Carnaval (Loja/GuiaPage.cs), com atracoes.css, hoteis.css e home.css. Prototipo: docs/prototipo/Carnaval de Salvador 2027_ guia completo.html. */
.ways{display:grid;gap:10px}
@media (min-width:900px){.ways{grid-template-columns:repeat(3,minmax(0,1fr))}}
.way{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;color:#fff}
.w-blo{background:linear-gradient(140deg,#2b7ad6,#123d7a)}.w-cam{background:linear-gradient(140deg,#1d2c4a,#0b1426)}.w-pip{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.w-n{position:absolute;right:16px;top:12px;font-family:var(--display);font-stretch:85%;font-size:54px;font-weight:900;opacity:.18;line-height:1}
.way h3{font-family:var(--display);font-stretch:85%;font-size:28px;font-weight:900}
.way p{margin:0;font-size:14.5px;opacity:.92}
.way ul{list-style:none;margin:2px 0 8px;padding:0;display:grid;gap:4px;font-size:13.5px}
.way li::before{content:'✓ ';color:var(--yellow);font-weight:900}
.w-pip li::before{color:var(--ok)}
.way .btn{margin-top:auto;align-self:flex-start;text-decoration:none;display:inline-flex;align-items:center}
.cgs{display:grid;gap:10px}
@media (min-width:760px){.cgs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.cgs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cg{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--line)}
.cg.c-bo{border-top-color:#4c8a2b}.cg.c-cg{border-top-color:#d9602b}.cg.c-pe{border-top-color:#2b7ad6}.cg.c-fn{border-top-color:#0f1d33}
.cg-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cg h3{font-family:var(--display);font-stretch:85%;font-size:21px;font-weight:900}
.cg p{margin:0;font-size:14px;color:var(--ink-2)}
.cg .cg-n{font-size:13px;color:var(--ink)}
.cg .sec-link{margin-top:auto}
.pdays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:900px){.pdays{grid-template-columns:repeat(6,minmax(0,1fr))}}
.pd{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.pd-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid var(--yellow);padding-bottom:6px}
.pd-h b{font-family:var(--display);font-stretch:85%;font-size:20px;font-weight:900}
.pd-h span{font-size:12.5px;color:var(--muted);font-weight:700}
.pd-n{margin:0;font-size:12.5px;color:var(--muted)}.pd-n b{color:var(--ink)}
.pd-a{margin:0;display:flex;flex-wrap:wrap;gap:4px}
.pd-a span{font-size:12.5px;font-weight:700;background:var(--chip);border-radius:999px;padding:3px 8px}
.nums{display:grid;gap:10px}
@media (min-width:900px){.nums{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
.num-b{padding:18px;border-radius:18px;background:#0f1d33;color:#fff;display:grid;gap:12px;align-content:start}
.num-b h3,.num-c h3{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.kpi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kpi li{display:grid;gap:2px}
.kpi b{font-family:var(--display);font-stretch:85%;font-size:clamp(26px,3.4vw,38px);font-weight:900;color:var(--yellow);line-height:1}
.kpi span{font-size:12.5px;color:#b9c6dc;line-height:1.25}
.guin{margin:0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08);font-size:13.5px;color:#d5deec}
.guin b{display:block;color:#fff}
.num-c{padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);display:grid;gap:10px}
.num-c h3{color:var(--ink)}
.bars{display:grid;gap:5px}
.bar{display:grid;grid-template-columns:130px minmax(0,1fr) 30px;gap:8px;align-items:center;font-size:13px}
.bar i{display:block;height:12px;border-radius:0 6px 6px 0;background:var(--action);width:var(--w)}
.bar:nth-child(2) i{background:var(--yellow)}
.bar b{font-variant-numeric:tabular-nums;text-align:right}
.guias{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:900px){.guias{grid-template-columns:repeat(6,minmax(0,1fr))}}
.guias a{display:grid;gap:2px;padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.guias a:hover{border-color:var(--action)}
.guias b{font-size:14.5px}.guias small{font-size:12.5px;color:var(--muted)}
.tg.c-bo{background:#e6f2dd;color:#2f6a12}.tg.c-cg{background:#fde8d8;color:#a24a12}
@media (max-width:520px){.kpi b{font-size:24px}}
.way h3,.cg h3,.num-b h3,.num-c h3{margin:0}
.way .btn.yel{background:var(--yellow);color:#0f1d33}
.tl2 li.hl{border-top-color:var(--yellow)}
.exb .btn{justify-self:end;white-space:nowrap}