/* Concierge Patrimonial — Planos Extras
 * Tabela comparativa "Por que somos únicos" (Concierge vs Family Office vs Private Banking vs BPO)
 * Carregado APENAS em /planos.
 */

#planos .comp-v2-section,.comp-v2-section{padding:120px 1.5rem 100px;background:var(--marrom-dk)!important;background-image:linear-gradient(180deg,var(--marrom-dk),#241a0e)!important;position:relative}
#planos .comp-v2-section::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.35' numOctaves='3' seed='14' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.808  0 0 0 0 0.616  0 0 0 0 0.384  0 0 0 0.32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:320px 320px;mix-blend-mode:overlay;opacity:.22;pointer-events:none;z-index:0}
#planos .comp-v2-section>*{position:relative;z-index:1}
.comp-v2-head{text-align:center;max-width:1100px;margin:0 auto 70px}
.comp-v2-head .section-tag{font-family:var(--sans);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--dourado);margin-bottom:28px;display:inline-flex;align-items:center;gap:14px}
.comp-v2-head .section-tag::before,.comp-v2-head .section-tag::after{content:'';display:inline-block;width:36px;height:1px;background:var(--dourado);opacity:.5}
.comp-v2-head h2{font-family:var(--serif);font-weight:300;font-size:clamp(36px,5.6vw,72px);line-height:1.05;color:var(--marfim);letter-spacing:-.018em;margin:0}
.comp-v2-head h2 em{font-style:italic;color:var(--dourado)}

.comp-v2-wrap{max-width:1280px;margin:0 auto;border:1px solid rgba(206,157,98,.18);overflow:hidden}
.comp-v2{width:100%;border-collapse:collapse;font-family:var(--serif)}
.comp-v2 thead th{font-family:var(--sans);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--dourado);font-weight:600;padding:24px 18px;text-align:center;background:rgba(206,157,98,.04);border-bottom:1px solid rgba(206,157,98,.18)}
.comp-v2 thead th:first-child{background:transparent;border-right:1px solid rgba(206,157,98,.12)}
.comp-v2 thead th.is-concierge{color:var(--dourado-lt);background:rgba(206,157,98,.08)}

.comp-v2 tbody td{padding:26px 18px;text-align:center;font-size:15px;color:rgba(232,230,223,.78);border-top:1px solid rgba(206,157,98,.10);font-weight:300}
.comp-v2 tbody tr:first-child td{border-top:none}
.comp-v2 tbody td:first-child{font-style:italic;text-align:left;color:rgba(232,230,223,.55);font-size:14px;border-right:1px solid rgba(206,157,98,.12);padding-left:28px}
.comp-v2 tbody td.is-concierge{color:var(--dourado);font-weight:400;background:rgba(206,157,98,.04)}
.comp-v2 tbody td.is-concierge::before{content:'✓ ';color:var(--dourado);font-weight:500;margin-right:2px}

@media(max-width:900px){
  .comp-v2-section{padding:80px 0 80px}
  .comp-v2-wrap{border-left:none;border-right:none;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .comp-v2{min-width:780px}
  .comp-v2 tbody td{padding:20px 14px;font-size:13px}
  .comp-v2 tbody td:first-child{padding-left:18px;font-size:12px}
  .comp-v2 thead th{padding:18px 14px;font-size:9px}
}