/* gerado por troca/css-bundle.sh: home-guias + home-vitrine */
/* Home: seção "Guias por perfil" e cidades com link (ArauCor, 07/10/2026) */
#guias{background:linear-gradient(180deg,#fff 0%,var(--mint) 100%);position:relative;overflow:hidden}
#guias:before{content:"";position:absolute;right:-180px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(46,197,211,.16),transparent 70%);pointer-events:none}
#guias .sec-head{text-align:center;margin-left:auto;margin-right:auto}
#guias .lead-s{color:var(--muted)}
.gp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.gp{--c:var(--primary);--cs:#e8eefb;position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 26px 22px;text-decoration:none;color:var(--ink);box-shadow:0 1px 0 rgba(0,26,74,.03);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}
.gp:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.gp:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.gp:hover:after{transform:scaleX(1)}
.gp-ic{width:52px;height:52px;border-radius:16px;background:var(--cs);color:var(--c);display:grid;place-items:center}
.gp-ic svg{width:26px;height:26px}
.gp h3{font-family:var(--display);font-size:1.12rem;line-height:1.25;margin:6px 0 0;color:var(--primary-dark)}
.gp p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}
.gp-go{margin-top:auto;padding-top:8px;font-family:var(--display);font-weight:700;font-size:.85rem;color:var(--c);display:inline-flex;align-items:center;gap:6px}
.gp-go svg{width:16px;height:16px;transition:transform .25s ease}
.gp:hover .gp-go svg{transform:translateX(4px)}
.gp-n{position:absolute;right:22px;top:16px;font-family:var(--display);font-weight:800;font-size:2.6rem;line-height:1;color:var(--cs);letter-spacing:-.04em}
.gp.c1{--c:#003087;--cs:#e6edfa}.gp.c2{--c:#1a8a65;--cs:#e3f5ee}.gp.c3{--c:#e8445a;--cs:#fdebee}
.gp.c4{--c:#7a3bd1;--cs:#f1eafc}.gp.c5{--c:#c77700;--cs:#fdf1de}.gp.c6{--c:#0f8fa0;--cs:#e0f5f7}
.gp-prof{margin-top:30px;background:var(--primary-dark);border-radius:24px;padding:26px 28px;display:flex;align-items:center;gap:26px;position:relative;overflow:hidden}
.gp-prof:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(46,197,211,.25),transparent 55%);pointer-events:none}
.gp-prof-t{flex:0 0 230px;color:#fff;position:relative}
.gp-prof-t strong{display:block;font-family:var(--display);font-size:1.15rem;line-height:1.25}
.gp-prof-t span{display:block;margin-top:6px;font-size:.86rem;color:rgba(255,255,255,.7)}
.gp-chips{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.gp-chips a{display:inline-flex;align-items:center;gap:7px;padding:.48rem .8rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:.85rem;font-weight:600;transition:background .2s ease,border-color .2s ease}
.gp-chips a b{font-family:var(--display);font-size:.68rem;letter-spacing:.06em;padding:2px 6px;border-radius:6px;background:rgba(127,227,198,.18);color:#7fe3c6}
.gp-chips a:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35)}
.gp-chips a.todas{background:#7fe3c6;border-color:#7fe3c6;color:var(--primary-dark)}
/* cidades da home viram links quando há guia */
.pills.city li a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.pills.city li:has(a){transition:background .2s ease,transform .2s ease}
.pills.city li:has(a):hover{background:#fff;transform:translateY(-2px)}
.pills.city li a:after{content:"→";font-size:.8em;opacity:.55}
@media(max-width:980px){.gp-grid{grid-template-columns:1fr 1fr}.gp-prof{flex-direction:column;align-items:flex-start}.gp-prof-t{flex:none}}
@media(max-width:640px){
 .gp-grid{grid-template-columns:1fr;gap:12px}
 .gp{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:4px;padding:16px 18px;border-radius:18px}
 .gp-ic{width:44px;height:44px;border-radius:13px}.gp-ic svg{width:22px;height:22px}
 .gp h3{margin:0;flex:1;font-size:1.02rem}
 .gp p{flex-basis:100%;font-size:.88rem}
 .gp-go,.gp-n{display:none}
 .gp-prof{padding:22px 18px;border-radius:20px}
 .gp-prof{align-items:stretch}
 .gp-chips{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,auto);justify-content:start;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:2px 18px 4px;scroll-snap-type:x proximity}
 .gp-chips::-webkit-scrollbar{display:none}
 .gp-chips a{font-size:.8rem;padding:.42rem .7rem;white-space:nowrap;scroll-snap-align:start}
 .gp-prof-t span:after{content:" Deslize para ver mais →";color:#7fe3c6}
}
/* conserto: no celular o bloco 'como escolher' ficava mais largo que a tela por causa da tabela */
.guide>*{min-width:0}
@media(max-width:980px){.guide{grid-template-columns:minmax(0,1fr)}}
/* destaque do simulador dentro de #guias (09/10/2026) */
.gp-sim{margin-top:18px;display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:22px;background:linear-gradient(120deg,#0e5a55,#1a8a65);color:#fff;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 22px 40px -26px rgba(14,90,85,.8);transition:transform .25s ease}
.gp-sim:hover{transform:translateY(-3px)}
.gp-sim-ic{flex:0 0 52px;height:52px;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center}
.gp-sim-ic svg{width:26px;height:26px}
.gp-sim-t{flex:1;display:flex;flex-direction:column;gap:3px}
.gp-sim-t b{font-family:var(--display);font-size:1.15rem}
.gp-sim-t span{opacity:.9;font-size:.92rem}
.gp-sim-go{font-family:var(--display);font-weight:700;background:#fff;color:#0e5a55;padding:.65rem 1.1rem;border-radius:999px;white-space:nowrap}
@media(max-width:640px){.gp-sim{flex-wrap:wrap;padding:18px}.gp-sim-go{width:100%;text-align:center}}

/* Home: vitrine das carteirinhas (14/10/2026); no fim do arquivo a vitrine fica dentro da largura do site */
#vitrine .pl-chip{width:44px;height:34px;border-radius:8px;background:linear-gradient(135deg,#f6dc8c,#c9a24b);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);position:relative}
#vitrine .pl-chip:before{content:"";position:absolute;inset:8px 6px;border:1px solid rgba(0,0,0,.25);border-radius:4px}
@keyframes plBrilho{0%,55%{transform:translateX(-60%)}80%,100%{transform:translateX(60%)}}
#vitrine .pc-in{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between}
#vitrine .pc-top{display:flex;justify-content:space-between;align-items:center}
#vitrine .pc-logo{background:#fff;border-radius:10px;padding:4px 9px;height:32px;display:flex;align-items:center}
#vitrine .pc-logo img{max-height:22px;max-width:84px;object-fit:contain}
#vitrine .pc-k{font-family:var(--display);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;opacity:.75}
#vitrine .pc-nome{font-family:var(--display);font-weight:800;font-size:1.5rem;line-height:1;letter-spacing:-.02em}
#vitrine .pc-sub{font-size:.78rem;opacity:.85;margin-top:5px;line-height:1.35}
#vitrine .pc-bot{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700}
#vitrine .pc-bot .pl-chip{width:34px;height:26px}
.vt{padding:84px 0 90px;background:radial-gradient(60% 70% at 100% 0,rgba(46,197,211,.10),transparent 60%),linear-gradient(180deg,#f4f8fb,#fff)}
.vt-h{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;justify-content:space-between;margin-bottom:26px}
.vt-h .eyebrow{margin-bottom:8px}
.vt-h h2{margin:0;max-width:16em;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.08;letter-spacing:-.03em}
.hx-ch{font-weight:800}
.vt-h p{margin:10px 0 0;max-width:36em;color:#4a5876}
.vt-f{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.vt-f button{all:unset;cursor:pointer;font-family:var(--display);font-weight:700;font-size:.86rem;padding:.55rem 1rem;border-radius:999px;border:1.5px solid #dbe3ef;background:#fff;color:#0b2f2a;transition:all .2s}
.vt-f button:hover{border-color:#0b2f2a}
.vt-f button[aria-pressed="true"]{background:#0b2f2a;border-color:#0b2f2a;color:#fff}
.vt-f button:focus-visible{outline:2px solid #2ec5d3;outline-offset:2px}
.vt-ctl{display:flex;gap:8px}
.vt-ctl button{all:unset;cursor:pointer;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1.5px solid #dbe3ef;color:#0b2f2a;transition:all .2s}
.vt-ctl button:hover{background:#0b2f2a;color:#fff;border-color:#0b2f2a}
.vt-ctl button:focus-visible{outline:2px solid #2ec5d3;outline-offset:2px}
.vt-ctl svg{width:18px;height:18px}
.vt-rail{display:grid;grid-auto-flow:column;grid-auto-columns:300px;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(16px,calc((100vw - 1200px)/2));padding:18px max(16px,calc((100vw - 1200px)/2)) 28px;scrollbar-width:none}
.vt-rail::-webkit-scrollbar{display:none}
.vt-it{scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit}
.vt-it[hidden]{display:none}
.vt-card{position:relative;aspect-ratio:1.586;border-radius:18px;padding:16px 18px;color:var(--ct);background:linear-gradient(135deg,var(--ca),var(--cb) 52%,var(--cc));box-shadow:0 26px 40px -24px rgba(5,18,44,.55),inset 0 1px 0 rgba(255,255,255,.3);overflow:hidden;transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s}
.vt-card:before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.28) 50%,transparent 58%);transform:translateX(-60%);transition:transform .9s ease}
.vt-card:after{content:"";position:absolute;right:-30px;bottom:-60px;width:170px;height:170px;border-radius:50%;border:26px solid rgba(255,255,255,.08)}
.vt-it:hover .vt-card,.vt-it:focus-visible .vt-card{transform:translateY(-8px) rotate(-1.5deg);box-shadow:0 40px 60px -30px rgba(5,18,44,.65)}
.vt-it:hover .vt-card:before{transform:translateX(60%)}
.vt-it:focus-visible{outline:none}
.vt-it:focus-visible .vt-card{outline:3px solid #2ec5d3;outline-offset:3px}
.vt-card .pc-in{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.vt-cap b{display:block;font-family:var(--display);font-size:1.02rem;color:#0b2f2a}
.vt-cap span{display:block;font-size:.86rem;color:#4a5876;margin-top:2px}
.vt-cap em{display:inline-block;margin-top:8px;font-style:normal;font-family:var(--display);font-weight:700;font-size:.86rem;color:#1a8a65}
.vt-it:hover .vt-cap em{text-decoration:underline}
.vt-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:8px;padding:20px 24px;border-radius:18px;background:#0b2f2a;color:#fff}
.vt-foot p{margin:0;font-size:.98rem;color:rgba(255,255,255,.9)}
.vt-foot p b{color:#fff;font-family:var(--display)}
@media(prefers-reduced-motion:reduce){.vt-card,.vt-card:before{transition:none!important}}
@media(max-width:640px){.vt{padding:60px 0 64px}.vt-ctl{display:none}.vt-rail{grid-auto-columns:78%;gap:16px}.vt-foot{padding:18px}.vt-foot .btn{width:100%;justify-content:center}}
.vt-rail{width:calc(100% - 44px);max-width:1136px;margin:0 auto;padding:18px 0 28px;scroll-padding-left:0;grid-auto-columns:calc((100% - 66px)/4)}
@media(max-width:1020px){.vt-rail{grid-auto-columns:calc((100% - 44px)/3)}}
@media(max-width:760px){.vt-rail{grid-auto-columns:calc((100% - 22px)/2)}}
@media(max-width:520px){.vt-rail{grid-auto-columns:86%;gap:14px}}
/* mapa de Curitiba e região (14/10/2026) */
.mp{padding:90px 0;background:radial-gradient(50% 60% at 85% 40%,rgba(46,197,211,.12),transparent 65%),#f6f9fc}
.mp-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.mp-txt h2{margin:8px 0 14px;font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.08;letter-spacing:-.03em}
.mp-txt>p{color:#4a5876;line-height:1.65;margin:0 0 22px}
.mp-card{background:#fff;border-radius:18px;padding:18px 20px;margin:0 0 22px;box-shadow:0 18px 40px -26px rgba(11,42,107,.45);border:1px solid #e6edf5}
.mp-card small{display:block;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1a8a65}
.mp-card b{display:block;font-family:var(--display);font-size:1.5rem;color:#0b2f2a;margin:4px 0 6px}
.mp-card a{font-weight:700;color:#0b2f2a}
.mp-vis{position:relative;background:#fff;border-radius:28px;padding:10px;box-shadow:0 40px 70px -45px rgba(11,42,107,.5);border:1px solid #e6edf5}
.mp-svg{display:block;width:100%;height:auto}
.mp-o{fill:none;stroke:#d8e4ef;stroke-width:1}
.mp-l{fill:none;stroke:#9fd9cf;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400}
.mp.anima .mp-l{animation:mpLinha 1.4s cubic-bezier(.3,.7,.3,1) forwards;animation-delay:calc(var(--i) * 90ms)}
@keyframes mpLinha{to{stroke-dashoffset:0}}
.mp-p{cursor:pointer;outline:none}
.mp-p .mp-h{fill:#2ec5d3;opacity:0;transition:opacity .25s}
.mp-p .mp-d{fill:#1a8a65;stroke:#fff;stroke-width:2.5;transition:r .25s}
.mp-p text{font-family:var(--display);font-weight:700;font-size:13px;fill:#24365c;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.mp-p:hover .mp-h,.mp-p:focus-visible .mp-h,.mp-p.on .mp-h{opacity:.25}
.mp-p:hover .mp-d,.mp-p:focus-visible .mp-d,.mp-p.on .mp-d{fill:#0b2f2a}
.mp-p:hover text,.mp-p.on text,.mp-p:focus-visible text{fill:#0b2f2a}
.mp-c{outline:none}
.mp-ct{font-family:var(--display);font-weight:800;font-size:17px;fill:#0b2f2a;paint-order:stroke;stroke:#fff;stroke-width:5px}
.mp-pulso{fill:#2ec5d3;opacity:.35;transform-origin:center;transform-box:fill-box;animation:mpPulso 2.4s ease-out infinite}
@keyframes mpPulso{from{transform:scale(1);opacity:.4}to{transform:scale(2.6);opacity:0}}
.mp-nota{margin:0;padding:0 12px 6px;font-size:.76rem;color:#8a96ad;text-align:right}
/* mapa v2: estado do Paraná, fundo escuro */
.mp2{position:relative;overflow:hidden;color:#fff;background:radial-gradient(45% 55% at 78% 30%,rgba(46,197,211,.22),transparent 65%),radial-gradient(40% 50% at 10% 90%,rgba(26,138,101,.25),transparent 60%),linear-gradient(160deg,#071d1a 0%,#0b2f2a 60%,#0f4a43 100%)}
.mp2:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 40%,#000);pointer-events:none}
.mp2 .wrap{position:relative}
.mp2 .eyebrow{color:#7fe3c6}
.mp2 .mp-txt h2{color:#fff}
.mp2 .mp-txt>p{color:rgba(255,255,255,.82)}
.mp2 .mp-card{background:rgba(255,255,255,.96);border:0}
.mp2 .mp-vis{background:transparent;border:0;box-shadow:none;padding:0}
.mp2 .mp-nota{color:rgba(255,255,255,.55)}
.mp2-pr{fill:url(#prG);stroke:#7fe3c6;stroke-width:1.6;stroke-linejoin:round}
.mp2-nome{font-family:var(--display);font-weight:800;font-size:46px;letter-spacing:.3em;fill:rgba(255,255,255,.10)}
.mp2-c{fill:rgba(255,255,255,.55)}
.mp2-ct{font-size:12px;font-weight:600;fill:rgba(255,255,255,.6)}
.mp2-ctb{fill:#7fe3c6;stroke:#071d1a;stroke-width:3}
.mp2-ctbt{font-family:var(--display);font-weight:800;font-size:16px;fill:#fff}
.mp2-pulso{fill:#7fe3c6;transform-origin:center;transform-box:fill-box;animation:mpPulso 2.4s ease-out infinite}
.mp2-lig{stroke:rgba(127,227,198,.55);stroke-width:1.4;fill:none}
.mp2-lupa{fill:#fff;stroke:#7fe3c6;stroke-width:3;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.mp2-lt{font-family:var(--display);font-weight:700;font-size:15px;fill:rgba(255,255,255,.85)}
.mp2 .mp-p text{font-size:14px}
.mp2 .mp-l{stroke:#8fd4c7}
@media(max-width:980px){.mp2 .mp-vis{max-width:560px;margin:0 auto}}
@media(max-width:640px){.mp2 .mp-p text{font-size:21px}.mp2-ct{font-size:18px}.mp2-lt{font-size:22px}.mp2 .mp-ct{font-size:22px}}
@media(prefers-reduced-motion:reduce){.mp2-pulso{animation:none}}
@media(prefers-reduced-motion:reduce){.mp-l{stroke-dasharray:none;stroke-dashoffset:0;animation:none!important}.mp-pulso{animation:none}}
@media(max-width:980px){.mp-g{grid-template-columns:1fr;gap:30px}.mp{padding:64px 0}}
@media(max-width:640px){.mp-vis{border-radius:20px;padding:4px}.mp-p text{font-size:15px}.mp-card b{font-size:1.3rem}.mp-txt .btn{width:100%;justify-content:center}}
