/* Carrossel de feed (carrossel.js). Cada lâmina mede 1080 × 1350 px; o palco escala para a tela. */
.cr{position:relative;width:1080px;height:1350px;overflow:hidden;background:var(--cr-fundo);color:var(--cr-texto);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.1;box-sizing:border-box}
.cr *,.cr *::before,.cr *::after{box-sizing:border-box}
.cr--escuro{background:radial-gradient(90% 60% at 50% 30%,color-mix(in srgb,var(--cr-fundo) 90%,#fff),var(--cr-fundo))}
.cr h1,.cr h2,.cr p,.cr ul{margin:0}
/* Os títulos seguem a cor do bloco em que estão, não a cor padrão do sistema */
.cr :is(h1,h2){color:inherit;font-family:inherit}
.cr .cr-servico-texto{color:var(--cr-texto)}
/* Mais específico que os estilos das páginas onde o carrossel aparece (app, editor) */
.cr .cr-capa-texto h1{color:#fff}
.cr .cr-servico-texto h2{color:var(--cr-texto)}
.cr .cr-painel h2{color:var(--cr-tinta-cor)}
.cr ul{list-style:none;padding:0}
.cr em{font-style:normal}

/* Logo em selo, contador e rodapé */
.cr-selo{display:inline-grid;place-items:center;height:118px;min-width:118px;max-width:300px;padding:14px;border-radius:28px;background:var(--cr-superficie);box-shadow:0 12px 30px #0000002e}
.cr-selo--claro{background:#fff}
.cr-selo img{display:block;max-height:90px;max-width:270px;object-fit:contain;border-radius:14px}
.cr-selo--nome{font-size:30px;font-weight:800;letter-spacing:-.03em;color:#2A2627;padding:0 26px}
.cr-contador{display:inline-flex;align-items:center;height:56px;padding:0 24px;border-radius:999px;background:#0B132099;color:#fff;font-size:26px;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(8px)}
.cr-contador--fixo{position:absolute;top:56px;right:56px}
.cr-rodape{position:absolute;left:0;right:0;bottom:0;height:92px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid color-mix(in srgb,var(--cr-texto) 12%,transparent);font-size:24px}
.cr-rodape span:first-child{font-weight:800;color:var(--cr-texto);white-space:nowrap}
.cr-rodape b{font-weight:700;color:var(--cr-suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}
.cr-paginas{display:flex;gap:10px}
.cr-paginas i{width:12px;height:12px;border-radius:50%;background:color-mix(in srgb,var(--cr-texto) 22%,transparent)}
.cr-paginas i.on{width:36px;border-radius:6px;background:var(--cr-cor)}

/* 1. Capa */
.cr-foto-cheia{position:absolute;inset:0;background:#2A2627 center/cover no-repeat}
.cr-foto-cheia::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0B132066 0,#0B132000 22%,#0B132000 38%,#0B1320E6 78%,#0B1320F7)}
.cr-capa-topo{position:absolute;left:56px;right:56px;top:56px;display:flex;justify-content:space-between;align-items:flex-start}
.cr-capa-texto{position:absolute;left:64px;right:64px;bottom:72px;display:grid;gap:26px;color:#fff}
.cr-capa-texto small{font-size:26px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--cr-sobre-foto)}
.cr-capa-texto h1{font-size:108px;font-weight:800;letter-spacing:-.05em;line-height:.98;text-wrap:balance}
/* Destaque em tarja sólida na cor do tema */
.cr-tarja{display:inline-block;padding:.02em .2em .08em;margin:.06em 0 0 -.06em;border-radius:.16em;background:var(--cr-cor);color:var(--cr-tinta-cor);box-shadow:0 .08em .24em #0000002e;line-height:1}
.cr-tarja--invertida{background:var(--cr-fundo-claro);color:var(--cr-cor-texto-tarja)}
/* Serviços da capa: texto simples separado por uma barra sólida na cor do tema */
.cr-capa-servicos{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;font-size:31px;font-weight:700;color:#fff;max-width:950px;line-height:1.2}
.cr-capa-servicos span{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}
.cr-capa-servicos span::before{content:"";display:block;width:6px;height:34px;border-radius:3px;background:var(--cr-cor);flex:none}
/* Etiquetas de serviço */
.cr-etiquetas{display:flex;flex-wrap:wrap;gap:12px;max-width:950px}
.cr-etiquetas span{display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 24px;border-radius:999px;background:#FFFFFF1C;border:1.5px solid #FFFFFF45;color:#fff;font-size:26px;font-weight:700;backdrop-filter:blur(10px);white-space:nowrap}
.cr-arraste{display:inline-flex;align-items:center;gap:14px;justify-self:start;margin-top:8px;height:72px;padding:0 30px;border-radius:999px;background:#FFFFFF1F;border:1px solid #FFFFFF40;font-size:28px;font-weight:800;backdrop-filter:blur(8px)}
.cr-arraste svg{width:32px;height:32px}

/* 2 a 5. Serviço */
.cr-quadro{position:absolute;left:56px;right:56px;top:56px;height:660px;border-radius:40px;background:color-mix(in srgb,var(--cr-cor) 30%,var(--cr-fundo)) center/cover no-repeat;box-shadow:0 24px 60px #0000002e}
.cr-quadro::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #FFFFFF26;background:linear-gradient(180deg,transparent 55%,#0B132059)}
.cr-numero{position:absolute;left:32px;bottom:32px;z-index:1;display:grid;place-items:center;height:92px;min-width:92px;padding:0 22px;border-radius:26px;background:var(--cr-cor);color:var(--cr-tinta-cor);font-size:44px;font-weight:800;letter-spacing:-.03em;box-shadow:0 12px 30px #0000004d}
.cr-servico-texto{position:absolute;left:56px;right:56px;top:760px;display:grid;gap:14px}
.cr-servico-texto h2{font-size:78px;font-weight:800;letter-spacing:-.05em;line-height:1;text-wrap:balance;padding:0 8px}
.cr-resumo{font-size:36px;font-weight:800;letter-spacing:-.02em;color:var(--cr-destaque);padding:0 8px;margin-bottom:10px!important}
/* Itens em cards */
.cr-itens{display:grid;gap:12px}
.cr-itens li{display:flex;align-items:center;gap:20px;min-height:84px;padding:0 26px 0 18px;border-radius:24px;background:var(--cr-card);border:1.5px solid var(--cr-card-borda);font-size:32px;font-weight:700;color:var(--cr-texto);box-shadow:0 8px 22px #0000000f}
.cr-itens li span{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--cr-cor);color:var(--cr-tinta-cor);flex:none}
.cr-itens li svg{width:30px;height:30px}

/* 6. Chamada para orçamento */
.cr-chamada-foto{position:absolute;left:0;right:0;top:0;height:600px;background:#2A2627 center/cover no-repeat}
.cr-painel{position:absolute;left:0;right:0;bottom:0;height:810px;border-radius:56px 56px 0 0;background:linear-gradient(180deg,var(--cr-cor),var(--cr-cor-fundo));color:var(--cr-tinta-cor);padding:76px 72px 64px;display:flex;flex-direction:column;gap:34px;box-shadow:0 -20px 50px #00000033}
.cr-painel h2{font-size:104px;font-weight:800;letter-spacing:-.05em;line-height:.98}
.cr-painel h2 .cr-tarja{margin-top:.12em}
.cr-etiquetas--painel span{background:transparent;border-color:color-mix(in srgb,var(--cr-tinta-cor) 55%,transparent);color:var(--cr-tinta-cor);backdrop-filter:none;font-size:27px;padding:0 22px 0 14px}
.cr-etiquetas--painel svg{width:30px;height:30px;padding:5px;border-radius:50%;background:var(--cr-tinta-cor);color:var(--cr-cor)}
.cr-zap{display:flex;align-items:center;gap:22px;align-self:flex-start;padding:18px 44px 18px 18px;border-radius:28px;background:linear-gradient(180deg,#2F8A5E,#1D6243);box-shadow:inset 0 2px 0 #FFFFFF33,0 14px 34px #0B3A2455;color:#fff}
.cr-zap-icone{display:grid;place-items:center;width:84px;height:84px;border-radius:20px;background:#FFFFFF1F}
.cr-zap-icone svg{width:54px;height:54px}
.cr-zap-texto{display:grid;gap:6px}
.cr-zap-texto small{font-size:22px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.cr-zap-texto strong{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.cr-painel-pe{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:28px;font-weight:700;opacity:.92}
.cr-painel-pe span{display:flex;align-items:center;gap:10px}
.cr-painel-pe svg{width:34px;height:34px}

/* Palco */
.cr-palco{position:relative;overflow:hidden;width:100%;aspect-ratio:1080/1350}
.cr-palco>.cr{position:absolute;left:0;top:0;transform-origin:0 0}