/* ================================================================
   AJUSTE 3 — Planos lado a lado (instalar UMA vez no CSS do Website)
   Tudo isolado sob .ecoa-planos com classes ec- : zero colisão com
   o Bootstrap/tema do Odoo.
   ================================================================ */
.ecoa-planos{width:100%;padding:72px 24px;background:linear-gradient(180deg,#EAF3F1 0%,#F5FAFB 100%);font-family:'Inter',system-ui,sans-serif;color:#0A0F10;font-size:18px;line-height:1.55}
.ecoa-planos .ec-conteudo{max-width:1240px;margin:0 auto}
.ecoa-planos .ec-kicker{color:#1F6FA0;font-family:'Manrope',sans-serif;font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:14px;text-align:center;margin:0}
.ecoa-planos .ec-titulo{font-family:'Manrope',sans-serif;font-weight:800;color:#0E3C39;font-size:clamp(30px,4vw,42px);text-align:center;margin:10px 0 0;line-height:1.15}
.ecoa-planos .ec-sub{text-align:center;max-width:64ch;margin:14px auto 0;font-size:19px;color:#2C3B3C}
.ecoa-planos .ec-grelha{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}
@media(max-width:1080px){.ecoa-planos .ec-grelha{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ecoa-planos .ec-grelha{grid-template-columns:1fr}}
.ecoa-planos .ec-card{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(14,60,57,.10);transition:transform .18s ease}
.ecoa-planos .ec-card:hover{transform:translateY(-6px)}
@media (prefers-reduced-motion:reduce){.ecoa-planos .ec-card,.ecoa-planos .ec-card:hover{transition:none;transform:none}}
.ecoa-planos .ec-topo{padding:26px 24px 20px;color:#fff;position:relative}
.ecoa-planos .ec-t-eu{background:#4F818A}
.ecoa-planos .ec-t-az{background:#1F6FA0}
.ecoa-planos .ec-t-vp{background:#0E3C39}
.ecoa-planos .ec-t-te{background:#BE6466}
.ecoa-planos .ec-topo svg{width:44px;height:44px;display:block;margin-bottom:12px}
.ecoa-planos .ec-nome{font-family:'Manrope',sans-serif;font-weight:800;font-size:23px;margin:0;color:#fff}
.ecoa-planos .ec-selo{position:absolute;top:16px;right:16px;background:#fff;color:#0E3C39;font-family:'Manrope',sans-serif;font-weight:700;font-size:12px;padding:5px 12px;border-radius:99px}
.ecoa-planos .ec-corpo{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.ecoa-planos .ec-preco{font-family:'Manrope',sans-serif;font-weight:800;font-size:32px;color:#0E3C39;margin:0}
.ecoa-planos .ec-preco small{font-size:15px;font-weight:600;color:#5B6B6C}
.ecoa-planos .ec-para{margin:8px 0 0;color:#3A4A4C;font-size:16px;min-height:44px}
.ecoa-planos .ec-lista{list-style:none;margin:16px 0 0;padding:0;flex:1}
.ecoa-planos .ec-lista li{padding-left:26px;position:relative;margin-top:9px;font-size:16px}
.ecoa-planos .ec-lista li::before{content:"";position:absolute;left:0;top:6px;width:15px;height:15px;border-radius:99px;background:#4F818A}
.ecoa-planos .ec-lista li.ec-mais::before{background:#BE6466}
.ecoa-planos .ec-destaque .ec-corpo{border:2px solid #4F818A;border-top:0;border-radius:0 0 18px 18px}
.ecoa-planos .ec-btn{margin-top:22px;display:block;text-align:center;background:#0E3C39;color:#F5FAFB;text-decoration:none;font-family:'Manrope',sans-serif;font-weight:700;padding:14px;border-radius:14px;font-size:16.5px}
.ecoa-planos .ec-btn:hover{background:#0A2E2B;color:#F5FAFB;text-decoration:none}
.ecoa-planos .ec-btn.ec-btn-sec{background:transparent;color:#0E3C39;border:2px solid #0E3C39}
.ecoa-planos .ec-btn.ec-btn-sec:hover{background:rgba(14,60,57,.06);color:#0E3C39}
.ecoa-planos .ec-nota{text-align:center;margin:30px auto 0;color:#3A4A4C;font-size:16px;max-width:70ch}
.ecoa-planos .ec-nota a{color:#1F6FA0;font-weight:600}