*{box-sizing:border-box}
body{margin:0;background:#e9e8e3;font-family:'Inter',system-ui,sans-serif;color:#1d2421;height:100vh;display:flex;flex-direction:column}
.topo{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid #dcdad2;gap:12px;flex-wrap:wrap}
.marca{display:flex;gap:12px;align-items:center}.marca small{display:block;color:#5b6661;font-size:12px}
.logo{width:34px;height:34px;border-radius:9px;background:#1f5c4d;position:relative}
.logo::after{content:"";position:absolute;inset:9px;border:2px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.acoes{display:flex;gap:8px;flex-wrap:wrap}
button{font:inherit;cursor:pointer}
.prim,.sec{border-radius:9px;padding:9px 14px;font-size:14px;font-weight:600;border:1px solid #1f5c4d}
.prim{background:#1f5c4d;color:#fff}.prim:hover{background:#184a3e}
.sec{background:#fff;color:#1f5c4d}.sec:hover{background:#e8f0ec}
.app{flex:1;display:grid;grid-template-columns:400px 1fr;min-height:0}
.painel{background:#fff;border-right:1px solid #dcdad2;overflow:auto;padding:18px 18px 40px}
.intro{font-size:13.5px;color:#5b6661;line-height:1.55;margin:0 0 14px}
details{border:1px solid #e2e0d8;border-radius:12px;margin-bottom:10px;padding:0 14px;background:#fcfcfa}
summary{list-style:none;cursor:pointer;padding:13px 0;display:flex;gap:12px;align-items:center;font-size:15px}
summary::-webkit-details-marker{display:none}
summary b{width:24px;height:24px;border-radius:50%;background:#e8f0ec;color:#1f5c4d;display:grid;place-items:center;font-size:12px}
details[open] summary{border-bottom:1px solid #e9e7df;margin-bottom:12px}
details[open]{padding-bottom:14px}
.campo{display:block;margin-bottom:12px}.campo span,.rotulo-f{display:block;font-size:12.5px;font-weight:600;margin-bottom:5px;color:#3b4541}
.campo em{display:block;font-size:12px;color:#7a847f;margin-top:4px;font-style:normal}
input,textarea,select{width:100%;font:inherit;font-size:14px;padding:9px 11px;border:1px solid #d3d1c8;border-radius:8px;background:#fff;color:#1d2421}
input:focus,textarea:focus,select:focus{outline:2px solid #1f5c4d33;border-color:#1f5c4d}
textarea{resize:vertical;line-height:1.5}
.par{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.par .campo{margin:0}
.chips{display:grid;gap:6px;margin-bottom:12px}
.chip{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid #e2e0d8;border-radius:8px;font-size:13.5px;cursor:pointer;background:#fff}
.chip input{width:auto;accent-color:#1f5c4d}
.passeio-form{border:1px solid #e2e0d8;border-radius:10px;padding:10px;margin-bottom:10px;display:grid;gap:8px;background:#fff}
.passeio-form .par{margin:0}
.remover{border:1px solid #e3c9c3;background:#fff;color:#a2392b;border-radius:8px;font-size:13px}
.temas{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.tema{width:38px;height:38px;border-radius:50%;background:var(--c);border:3px solid #fff;box-shadow:0 0 0 1px #d3d1c8}
.tema.ativo{box-shadow:0 0 0 2px var(--c)}
.fonte{padding:8px 16px;border:1px solid #d3d1c8;border-radius:8px;background:#fff;font-size:17px}
.fonte.ativo{border-color:#1f5c4d;background:#e8f0ec}
.palco{overflow:auto;padding:24px 16px 60px}
#previa{--escala:1;zoom:var(--escala);width:148mm;margin:0 auto}
@media (max-width:980px){body{height:auto}.app{grid-template-columns:1fr}.painel{border:0;max-height:none}.palco{padding:16px 0}}
@media print{.topo,.painel{display:none}body{background:none;height:auto;display:block}.app{display:block}.palco{padding:0;overflow:visible}#previa{zoom:1;margin:0;width:auto}}

.layouts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.layout{border:1px solid #d3d1c8;background:#fff;border-radius:10px;padding:8px;text-align:left;display:grid;gap:4px}
.layout b{font-size:13px}.layout small{font-size:11px;color:#5b6661;line-height:1.3}
.layout.ativo{border-color:#1f5c4d;box-shadow:0 0 0 2px #1f5c4d33;background:#f2f7f4}
.mini{display:block;height:54px;border-radius:6px;background:#fbfaf6;border:1px solid #e2e0d8;position:relative;overflow:hidden}
.mini-classico{background:linear-gradient(#1f5c4d 62%,#fbfaf6 62%)}
.mini-editorial{border-left:8px solid #1f5c4d;background:linear-gradient(#fbfaf6 55%,#e8f0ec 55%)}
.mini-vibrante{background:#e8f0ec}.mini-vibrante::before{content:"";position:absolute;left:6px;right:6px;top:6px;height:16px;border-radius:7px;background:#1f5c4d}
.temas{align-items:center}
.tema.livre{position:relative;background:conic-gradient(#d9680f,#c93f77,#5d3a6b,#1d5a7a,#1f5c4d,#d9680f);cursor:pointer;overflow:hidden}
.tema.livre input{opacity:0;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer}
.fontes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.fonte{padding:8px 14px;border:1px solid #d3d1c8;border-radius:8px;background:#fff;font-size:16px}
.fonte.ativo{border-color:#1f5c4d;background:#e8f0ec}
.sug{margin-top:6px;font-size:12.5px;color:#1f5c4d;background:#f2f7f4;border-color:#cfe0d7}
.nota{font-size:12.5px;line-height:1.5;color:#5b6661;margin:0 0 12px}
.adicionar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.adicionar button{display:flex;gap:6px;align-items:center;border:1px solid #cfe0d7;background:#f2f7f4;color:#1f5c4d;border-radius:999px;padding:6px 11px 6px 8px;font-size:12.5px;font-weight:600}
.adicionar button:hover{background:#e0eee7}
.adicionar svg,.lugar-form summary svg{width:16px;height:16px}
.lugar-form{padding:0 12px;margin-bottom:8px;background:#fff}
.lugar-form summary{font-size:13.5px;padding:10px 0;gap:8px}
.lugar-form summary span{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lugar-form summary em{font-style:normal;font-size:11.5px;color:#7a847f}
.lugar-form summary .selo{background:#1f5c4d;color:#fff;border-radius:999px;padding:2px 7px;font-size:10px}
.lugar-form[open]{display:grid;gap:8px;padding-bottom:12px}
.lugar-form[open] summary{margin-bottom:2px}
.lugar-form .par{margin:0}
.lugar-form .chip{margin:0}
.faixa{display:flex;justify-content:space-between;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:10px 20px;background:#fff8e6;border-bottom:1px solid #f0e2b8;font-size:13.5px;line-height:1.45}
body.logado .faixa{background:#eaf4ef;border-color:#cfe0d7}
.faixa a{color:#1f5c4d;font-weight:600;word-break:break-all}
.info-conta{color:#5b6661;font-size:12.5px}
.link-rm{background:none;border:0;padding:0;color:#1f5c4d;text-decoration:underline;font-size:inherit;font-weight:600}
.mini-botao{display:inline-block;padding:6px 12px;font-size:13px;margin-right:8px}
.img-campo{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;margin:14px 0 4px}
.img-campo span{display:block;font-size:12.5px;font-weight:600;color:#3b4541}
.img-campo em{display:block;font-size:12px;color:#7a847f;font-style:normal;margin:2px 0 6px}
.img-prev{width:64px;height:64px;border-radius:10px;background:#f2f0ea center/cover no-repeat;border:1px solid #e2e0d8}
.img-prev.vazio{background-image:repeating-linear-gradient(45deg,#f2f0ea 0 6px,#ebe8df 6px 12px)}
.linha{display:grid;gap:6px;padding:10px;border:1px solid #e2e0d8;border-radius:10px;background:#fff;margin-bottom:8px}
.linha .link-rm{justify-self:start;color:#a2392b;font-size:12.5px}
#previa.gratis .pagina{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='180'%3E%3Ctext x='50%25' y='50%25' fill='%23000' fill-opacity='.07' font-family='Arial' font-size='22' font-weight='700' text-anchor='middle' transform='rotate(-28 130 90)'%3EPR%C3%89VIA %C2%B7 FOLDER%3C/text%3E%3C/svg%3E")}
@media print{#previa.gratis{display:none}body:not(.logado)::after{content:"Libere o guia por R$ 9,99 em folder.iasolux.com.br para baixar o PDF.";display:block;padding:40px;font:16px Arial}}
.modal{position:fixed;inset:0;background:rgba(20,26,24,.55);display:grid;place-items:center;padding:16px;z-index:50}
.modal[hidden]{display:none}
.caixa{background:#fff;border-radius:16px;max-width:430px;width:100%;padding:24px 22px;position:relative;max-height:92vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.caixa h3{font-family:'Fraunces',Georgia,serif;font-size:24px;margin:0 0 12px;color:#1f5c4d;font-weight:600}
.fechar{position:absolute;right:10px;top:8px;border:0;background:none;font-size:28px;color:#5b6661;line-height:1}
.vantagens{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:8px;font-size:13.5px;line-height:1.45}
.vantagens li{padding-left:22px;position:relative}.vantagens li::before{content:"✓";position:absolute;left:0;color:#1f5c4d;font-weight:700}
.largo{width:100%;padding:12px;font-size:15px}
.erro{color:#a2392b;font-size:13px;min-height:1em;margin:8px 0 0}
.pix-qr{display:block;width:220px;height:220px;margin:4px auto 12px;image-rendering:pixelated}
.copia{display:flex;gap:8px}.copia input{font-size:12px;font-family:monospace}
.aguardando{display:flex;gap:10px;align-items:center;font-size:13px;color:#5b6661;margin:14px 0 0}
.aguardando i{width:14px;height:14px;border-radius:50%;border:2px solid #cfe0d7;border-top-color:#1f5c4d;animation:gira 1s linear infinite;flex:none}
@keyframes gira{to{transform:rotate(360deg)}}
.modos{display:flex;gap:6px;justify-content:center;margin:0 auto 16px;background:#fff;border:1px solid #dcdad2;border-radius:99px;padding:4px;width:max-content}
.modo{border:0;background:none;border-radius:99px;padding:8px 16px;font-weight:600;font-size:13.5px;color:#5b6661}
.modo.ativo{background:#1f5c4d;color:#fff}
.celular{width:390px;max-width:100%;height:760px;margin:0 auto;border-radius:40px;border:10px solid #1d2421;overflow:hidden;position:relative;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.celular .app-guia{height:100%;overflow-y:auto;min-height:0}
.celular .tela{position:absolute;max-width:none}
.celular[hidden]{display:none}
@media (max-width:980px){.celular{border-width:6px;border-radius:28px;height:680px}}
.celular .app-guia{position:static}
.celular .zap-fixo{position:absolute}.celular .app-guia{padding-bottom:84px}