/* Página de planos (/planos/) -------------------------------------------------
   Herói escuro e os planos na mesma faixa escura (modelo do surfer.ai);
   depois, seções claras: empresas, incluído em todos e o comparativo. */

.ect_plans-hero { padding-bottom: clamp(2.5rem, 5vw, 4rem); }
.ect_plans-hero__inner { display: flex; flex-direction: column; align-items: center; gap: var(--ect-gap-md); }
.ect_plans-hero__help { color: var(--ect-white-muted); font-size: var(--ect-text-sm); }
.ect_plans-hero__help a { color: var(--ect-neutral-white); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.ect_plans-hero__help a:hover { color: var(--ect-orange); }

/* Fundo escuro só até a altura dos botões, o resto claro: os cards ficam metade
   no escuro, metade no claro (pricing-2026-above-bg do surfer.ai). */
.ect_plans-panel { --ect-plans-dark: 18.25rem; padding-bottom: var(--ect-pad-sm); background: linear-gradient(to bottom, var(--ect-neutral-black) var(--ect-plans-dark), var(--ect-neutral-white) var(--ect-plans-dark)); }
.ect_plans-section { background-color: var(--ect-bg); }

/* Incluído em todos os planos */
.ect_plans-included { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.ect_plans-included__item { display: flex; flex-direction: column; gap: .5rem; padding: 1.5rem; border: 1px solid var(--ect-line); border-radius: var(--ect-radius-section); }
.ect_plans-included__icon { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; margin-bottom: .5rem; border-radius: var(--ect-radius-md); background-color: var(--ect-navy); color: var(--ect-neutral-white); font-size: 1.125rem; }
.ect_plans-included__title { color: var(--ect-fg); font-size: 1.0625rem; font-weight: 600; line-height: 1.3; }
.ect_plans-included__text { color: var(--ect-black-muted); font-size: var(--ect-text-sm); line-height: 1.6; }

@media (max-width: 991px) {
	.ect_plans-included { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 600px) and (max-width: 991px) {
	.ect_plans-included { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Empresas que usam a plataforma (logo-grid) */
.ect_plans-clients { padding-block: var(--ect-pad-sm); }