/* Blocos dos apps nas páginas do tema (tokens --es-* e --pastel-* do tema ecomsmart). */
.esa-planos{margin-top:8px}
.esa-ciclo{display:flex;width:max-content;margin:0 auto 28px;padding:4px;border-radius:999px;background:var(--es-superficie-2,#EEF1F7)}
.esa-ciclo button{border:0;background:none;border-radius:999px;padding:10px 20px;font:600 15px var(--fonte);color:var(--es-texto-2);cursor:pointer}
.esa-ciclo button small{color:var(--ok,#16A34A);font-weight:600;margin-left:4px}
.esa-ciclo button.on{background:#fff;color:var(--es-texto);box-shadow:var(--es-sombra-leve)}
.esa-planos-grade{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}
.esa-plano{position:relative;display:flex;flex-direction:column;background:var(--es-superficie,#fff);border:1px solid var(--es-linha);border-radius:var(--raio-xl,24px);padding:28px 24px 24px}
.esa-plano.destaque{border:2px solid var(--es-primaria);box-shadow:0 30px 60px -36px rgba(10,91,240,.55)}
.esa-selo{position:absolute;top:-13px;left:24px;background:var(--es-primaria);color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 12px}
.esa-plano h3{font-size:20px;margin:0 0 8px}
.esa-preco{margin:0;display:flex;align-items:baseline;gap:6px}
.esa-preco b{font-size:clamp(34px,4vw,42px);letter-spacing:-.03em;color:var(--es-texto);line-height:1.1}
.esa-preco span{color:var(--es-texto-2);font-size:15px}
.esa-preco-sub{margin:4px 0 18px;font-size:14px;color:var(--es-texto-3)}
.esa-plano .lista{flex:1;margin-bottom:22px}
.esa-btn-plano{width:100%;justify-content:center}
.esa-btn-plano.carregando{opacity:.6;pointer-events:none}
.esa-chamada{background:var(--es-superficie,#fff);border:1px solid var(--es-linha);border-radius:var(--raio-xl,24px);padding:28px 24px;box-shadow:var(--es-sombra)}
.esa-chamada-rot{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--es-primaria);background:var(--es-primaria-suave);border-radius:999px;padding:5px 12px;margin-bottom:12px}
.esa-chamada-tit{font-size:clamp(20px,2.2vw,24px);font-weight:600;color:var(--es-texto);margin:0 0 6px;letter-spacing:-.01em;line-height:1.2}
.esa-chamada-sub{margin:0 0 16px}
.esa-chamada-itens{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:8px}
.esa-chamada-itens li{position:relative;padding-left:26px;color:var(--es-texto-2);font-size:15px}
.esa-chamada-itens li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--es-primaria-suave) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A5BF0' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.esa-chamada-btn{width:100%;justify-content:center}
.esa-ferramentas{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.esa-ferramenta{display:flex;flex-direction:column;gap:10px;padding:28px 24px;border-radius:var(--raio-xl,24px);text-decoration:none;color:var(--es-texto)}
.esa-ferramenta.azul{background:var(--pastel-azul)}.esa-ferramenta.menta{background:var(--pastel-menta)}.esa-ferramenta.creme{background:var(--pastel-creme)}
.esa-ferramenta .tag{align-self:flex-start;background:var(--navy-900,#0B1033);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:5px 11px}
.esa-ferramenta h3{font-size:22px;margin:4px 0 0}
.esa-ferramenta p{flex:1}
/* Mockups */
.esa-demo{background:#fff;border:1px solid var(--es-linha);border-radius:22px;padding:16px;box-shadow:var(--es-console-sombra,0 40px 80px -40px rgba(11,16,51,.45));font-size:14px;text-align:left;max-width:520px;margin-inline:auto}
.esa-demo-cab{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:2px 4px 12px;border-bottom:1px solid var(--es-linha);margin-bottom:10px}
.esa-demo-cab b{font-size:14.5px;color:var(--es-texto)}
.esa-demo-cab span{font-size:12.5px;color:var(--es-texto-3)}
.esa-demo-tr{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:8px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--cinza-100,#EEF1F7);color:var(--es-texto-2);font-size:13px}
.esa-demo-tr .p{display:flex;align-items:center;gap:8px;color:var(--es-texto);font-weight:600}
.esa-demo-tr .p i{width:26px;height:26px;border-radius:7px;background:var(--cinza-100,#EEF1F7);flex:none}
.esa-demo .sit{font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 8px;text-align:center;white-space:nowrap}
.esa-demo .sit.acima{background:#FDEEEE;color:#DC2626}.esa-demo .sit.melhor{background:#E9F7EF;color:#16A34A}.esa-demo .sit.empate{background:var(--es-primaria-suave);color:var(--es-primaria)}.esa-demo .sit.sem{background:var(--pastel-creme);color:var(--pastel-creme-a)}
.esa-demo-msg{margin-top:12px;background:var(--es-bolha,#EEF4FF);border-radius:14px 14px 14px 4px;padding:12px 14px}
.esa-demo-msg b{display:block;font-size:12.5px;color:var(--es-texto);margin-bottom:4px}
.esa-demo-msg p{font-size:13.5px;margin:0}
.esa-legenda{font-size:12px;color:var(--es-texto-3);margin:10px 4px 0;text-align:right}
.esa-notas{display:grid;gap:10px;padding:4px}
.esa-nota{display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px;align-items:center;font-size:13px}
.esa-nota span{color:var(--es-texto);font-weight:600}
.esa-nota b{font-size:12.5px;color:var(--es-texto-2);white-space:nowrap}
.esa-barras{display:grid;gap:3px}
.esa-barras i{display:block;height:7px;border-radius:4px;width:var(--v);min-width:3px}
.esa-barras .antes{background:#F2B4AA}.esa-barras .depois{background:var(--es-primaria)}
.esa-demo-saida{margin-top:12px;background:var(--cinza-50,#F6F8FC);border-radius:14px;padding:12px 14px}
.esa-demo-saida small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--es-texto-3)}
.esa-demo-saida p{margin:2px 0 10px;font-size:13.5px;color:var(--es-texto)}
.esa-dinheiro{background:linear-gradient(135deg,var(--es-primaria-suave),#fff);border:1px solid var(--es-primaria-linha);border-radius:16px;padding:18px}
.esa-dinheiro small{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--es-primaria)}
.esa-dinheiro b{display:block;font-size:40px;letter-spacing:-.04em;color:var(--es-texto);line-height:1.1;margin:6px 0 2px}
.esa-dinheiro span{font-size:13.5px;color:var(--es-texto-2)}
.esa-maturidade{height:12px;border-radius:6px;background:linear-gradient(90deg,#E07B6E,#F2C46D,#79C38A);position:relative;margin:22px 8px 4px}
.esa-maturidade i{position:absolute;top:50%;left:var(--v);width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--es-texto);translate:-50% -50%}
@media(max-width:480px){.esa-demo-tr{grid-template-columns:1.6fr 1fr 1.1fr}.esa-demo-tr span:nth-child(3){display:none}}