/* VERSAO DO ARQUIVO: 1.3.4 - Refina o layout mobile da hero da pagina de planos */
/**
 * Estilos específicos da página de Planos Plus
 * @version 1.3.4 - Refina o layout mobile da hero da pagina de planos
 */
.site-content{background:var(--off-white);}
.planos-hero{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-blue) 100%);border-radius:var(--border-radius-lg);padding:var(--spacing-lg) var(--spacing-xxl);color:#ffffff;display:grid;grid-template-columns:1fr 220px;gap:var(--spacing-xl);align-items:center;box-shadow:0 20px 45px rgba(0,0,0,.12);}
.planos-badge-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);}
.planos-badge-item{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);color:#ffffff;}
.planos-hero h1{margin:0;font-size:2.1rem;line-height:1.25;color:#ffffff;}
.planos-hero-description{margin:var(--spacing-md) 0 0;font-size:1.06rem;line-height:1.65;opacity:.97;max-width:640px;color:#ffffff;}
.planos-hero-media{display:flex;justify-content:center;}
.planos-hero-media img{width:min(220px,100%);height:auto;border-radius:28px;}
.planos-section{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg) var(--spacing-xxl);box-shadow:0 10px 28px rgba(0,0,0,.08);}
.planos-section-header h2{margin:0 0 var(--spacing-sm);font-size:1.8rem;color:var(--dark-gray);}
.planos-section-header p{margin:0;color:var(--medium-gray);line-height:1.6;}
.planos-grid{margin-top:var(--spacing-xl);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg);}
.planos-annual-note{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid rgba(0,166,81,.18);background:linear-gradient(135deg,rgba(0,166,81,.08) 0%,rgba(30,79,255,.05) 100%);box-shadow:0 8px 22px rgba(0,0,0,.05);}
.planos-annual-note-title{margin:0;font-size:1rem;font-weight:800;color:var(--dark-gray);}
.planos-annual-note-text{margin:6px 0 0;color:var(--medium-gray);line-height:1.6;}
.planos-recovery{margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid #f2c5ca;background:linear-gradient(135deg,#fff4f5 0%,#fff8ef 100%);box-shadow:0 10px 26px rgba(159,39,56,.08);}
.planos-recovery-eyebrow{margin:0 0 6px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9f2738;}
.planos-recovery-title{margin:0;color:var(--dark-gray);font-size:1.2rem;}
.planos-recovery-message,.planos-recovery-support{margin:var(--spacing-xs) 0 0;color:var(--medium-gray);line-height:1.6;}
.plano-card{position:relative;border:2px solid var(--light-gray);border-radius:var(--border-radius-lg);background:var(--white);padding:var(--spacing-lg);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;}
.plano-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,0,0,.08);}
.plano-card input[type="radio"]{position:absolute;inset:0;opacity:0;cursor:pointer;}
.plano-card.is-selected{border-color:var(--primary-blue);box-shadow:0 12px 26px rgba(30,79,255,.16);}
.plano-card-highlight{border-color:rgba(0,166,81,.35);background:linear-gradient(180deg,rgba(0,166,81,.05) 0%,var(--white) 55%);}
.plano-tag{position:absolute;top:-12px;right:16px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:var(--white);font-size:.78rem;font-weight:700;letter-spacing:.02em;}
.plano-card-top{display:flex;gap:var(--spacing-md);align-items:center;}
.plano-card-top img{width:74px;height:74px;object-fit:cover;border-radius:16px;}
.plano-card-top h3{margin:0;font-size:1.25rem;color:var(--dark-gray);}
.plano-subtitle{margin:4px 0 0;color:var(--medium-gray);font-size:.92rem;}
.plano-price{margin:var(--spacing-md) 0 0;font-size:2rem;font-weight:800;color:var(--dark-gray);line-height:1.2;}
.plano-price span{font-size:1rem;font-weight:600;color:var(--medium-gray);}
.plano-compare{margin:var(--spacing-xs) 0 0;font-size:.94rem;color:var(--medium-gray);}
.plano-old-price{text-decoration:line-through;text-decoration-thickness:1px;}
.plano-economy{margin:var(--spacing-xs) 0 0;font-size:.93rem;font-weight:600;color:var(--primary-green);}
.plano-benefits{margin:var(--spacing-md) 0 0;padding-left:0;list-style:none;color:var(--medium-gray);display:grid;gap:6px;line-height:1.5;}
.plano-benefits li{margin-left:0;}
.planos-actions{margin-top:var(--spacing-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);}
.planos-button{border:0;border-radius:var(--border-radius-md);padding:12px 18px;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast);}
.planos-button:hover{transform:translateY(-1px);}
.planos-button:disabled{opacity:.65;cursor:not-allowed;transform:none;}
.planos-button-primary{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:var(--white);}
.planos-button-secondary{background:#e6edf9;color:#1c2f53;}
.planos-button-tertiary{background:#eef3f8;color:#355173;}
.planos-status{margin:var(--spacing-md) 0 0;min-height:42px;border-radius:var(--border-radius-md);border:1px solid #d4e2f2;background:#edf5ff;color:#26476f;font-size:.94rem;line-height:1.5;padding:10px 12px;}
.planos-status.is-success{border-color:#b6e5cd;background:#e9f8f0;color:#0b6a40;}
.planos-status.is-error{border-color:#f2c5ca;background:#fff1f3;color:#9f2738;}
.planos-infos{margin-top:var(--spacing-xxl);margin-bottom:var(--spacing-xxl);}
.planos-infos h2{margin:0 0 var(--spacing-lg);font-size:1.75rem;color:var(--dark-gray);}
.planos-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md);}
.planos-info-card{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 20px rgba(0,0,0,.06);}
.planos-info-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));}
.planos-info-card h3{margin:var(--spacing-md) 0 var(--spacing-xs);color:var(--dark-gray);font-size:1.12rem;}
.planos-info-card p{margin:0;color:var(--medium-gray);line-height:1.6;}
.planos-free-note{margin:var(--spacing-lg) 0 0;color:var(--medium-gray);background:linear-gradient(180deg,rgba(0,166,81,.06) 0%,rgba(0,166,81,.02) 100%);border:1px solid rgba(0,166,81,.2);border-left:4px solid var(--primary-green);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:0 8px 22px rgba(0,0,0,.05);}
.planos-portal-section{margin-top:var(--spacing-xxl);margin-bottom:var(--spacing-xxl);}
.faq-section{margin-bottom:var(--spacing-xxl);}
.planos-final-cta{margin-bottom:var(--spacing-xxl);background:linear-gradient(135deg,rgba(0,166,81,.08) 0%,rgba(30,79,255,.08) 100%);border:1px solid rgba(0,0,0,.06);border-radius:var(--border-radius-lg);box-shadow:0 10px 28px rgba(0,0,0,.08);padding:var(--spacing-lg) var(--spacing-xxl);}
.planos-final-cta-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:none;}
.planos-final-cta-eyebrow{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.06);color:var(--primary-blue);font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;}
.planos-final-cta h2{margin:0;font-size:1.8rem;color:var(--dark-gray);}
.planos-final-cta p{margin:0;color:var(--medium-gray);line-height:1.65;}
.planos-final-cta #scrollToPlansSection{display:inline-flex;align-items:center;gap:10px;}
.planos-final-cta #scrollToPlansSection svg{flex-shrink:0;}
[data-theme="dark"] .planos-section,[data-theme="dark"] .planos-info-card{background:var(--color-bg-card);border-color:var(--color-border);}
[data-theme="dark"] .planos-final-cta{background:linear-gradient(135deg,rgba(0,166,81,.16) 0%,rgba(30,79,255,.14) 100%);border-color:rgba(255,255,255,.08);}
[data-theme="dark"] .planos-final-cta-eyebrow{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#8cc7ff;}
[data-theme="dark"] .planos-final-cta h2{color:var(--color-text);}
[data-theme="dark"] .planos-final-cta p{color:var(--color-text-secondary);}
[data-theme="dark"] .planos-free-note{background:linear-gradient(180deg,rgba(0,166,81,.2) 0%,rgba(255,255,255,.03) 100%);border-color:rgba(102,220,161,.4);}
[data-theme="dark"] .planos-section-header h2,[data-theme="dark"] .plano-card-top h3,[data-theme="dark"] .plano-price,[data-theme="dark"] .planos-infos h2,[data-theme="dark"] .planos-info-card h3{color:var(--color-text);}
[data-theme="dark"] .planos-section-header p,[data-theme="dark"] .plano-subtitle,[data-theme="dark"] .plano-compare,[data-theme="dark"] .plano-benefits,[data-theme="dark"] .planos-info-card p,[data-theme="dark"] .planos-free-note{color:var(--color-text-secondary);}
[data-theme="dark"] .plano-card{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.14);}
[data-theme="dark"] .plano-card-highlight{background:linear-gradient(180deg,rgba(0,166,81,.1) 0%,rgba(255,255,255,.02) 60%);}
[data-theme="dark"] .plano-card.is-selected{border-color:#1cb26a;box-shadow:0 12px 26px rgba(0,166,81,.26);}
[data-theme="dark"] .planos-button-secondary,[data-theme="dark"] .planos-button-tertiary{background:#2b3442;color:#dbe8ff;}
[data-theme="dark"] .planos-recovery{border-color:#6e3744;background:linear-gradient(135deg,rgba(110,55,68,.45) 0%,rgba(86,52,22,.28) 100%);box-shadow:none;}
[data-theme="dark"] .planos-annual-note{border-color:rgba(102,220,161,.28);background:linear-gradient(135deg,rgba(0,166,81,.16) 0%,rgba(30,79,255,.12) 100%);box-shadow:none;}
[data-theme="dark"] .planos-annual-note-title{color:var(--color-text);}
[data-theme="dark"] .planos-annual-note-text{color:var(--color-text-secondary);}
[data-theme="dark"] .planos-recovery-eyebrow{color:#ffb5c0;}
[data-theme="dark"] .planos-recovery-title{color:var(--color-text);}
[data-theme="dark"] .planos-recovery-message,[data-theme="dark"] .planos-recovery-support{color:var(--color-text-secondary);}
[data-theme="dark"] .planos-status{border-color:#3e4f69;background:#202d40;color:#d3e4ff;}
[data-theme="dark"] .planos-status.is-success{border-color:#2f6f4f;background:#1d3328;color:#cbf4df;}
[data-theme="dark"] .planos-status.is-error{border-color:#6e3744;background:#3b1f29;color:#ffd5dc;}
@media (max-width:992px){
.planos-hero{grid-template-columns:1fr;text-align:left;}
.planos-hero-media{justify-content:flex-start;}
.planos-grid{grid-template-columns:1fr;}
.planos-info-grid{grid-template-columns:1fr;}
}
@media (max-width:768px){
.planos-hero{margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-lg);}
/* Ajusta os destaques da hero para distribuir melhor os selos no mobile. */
.planos-badge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:var(--spacing-md);}
.planos-badge-item{justify-content:center;padding:8px 12px;min-height:44px;text-align:center;font-size:.82rem;line-height:1.3;}
.planos-hero h1{font-size:1.65rem;}
/* Centraliza a arte e melhora o respiro do texto na dobra inicial. */
.planos-hero-description{margin-top:var(--spacing-sm);font-size:1rem;line-height:1.7;}
.planos-hero-media{justify-content:center;}
.planos-hero-media img{width:min(200px,68vw);}
.planos-section{padding:var(--spacing-md) var(--spacing-lg);}
.planos-final-cta{padding:var(--spacing-md) var(--spacing-lg);}
.planos-portal-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);}
.planos-section-header h2{font-size:1.45rem;}
.planos-final-cta h2{font-size:1.45rem;}
.plano-price{font-size:1.7rem;}
.planos-actions{flex-direction:column;}
.planos-button{width:100%;}
}
/* Seção de missão — por que a contribuição importa */
.planos-missao{background:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg) var(--spacing-xxl);box-shadow:0 10px 28px rgba(0,0,0,.08);margin-bottom:var(--spacing-xxl);}
.planos-missao-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:center;}
.planos-missao-texto h2{margin:0 0 var(--spacing-md);font-size:1.7rem;color:var(--dark-gray);}
.planos-missao-texto p{margin:0;color:var(--medium-gray);line-height:1.7;}
.planos-missao-lista{margin:0;padding:0;list-style:none;display:grid;gap:var(--spacing-md);}
.planos-missao-lista li{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--medium-gray);line-height:1.55;font-size:.97rem;}
.planos-missao-icone{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:#fff;display:flex;align-items:center;justify-content:center;}
/* Faixa de confiança abaixo dos planos */
.planos-trust-strip{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--off-white);border-radius:var(--border-radius-md);border:1px solid rgba(0,0,0,.06);display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;justify-content:center;}
.planos-trust-item{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--medium-gray);line-height:1.4;}
.planos-trust-item svg{flex-shrink:0;color:var(--primary-green);}
/* Link inline dentro dos textos da página de planos */
.planos-link{color:var(--primary-blue);text-decoration:none;font-weight:600;}.planos-link:hover{text-decoration:underline;}
/* Dark mode — novas seções */
[data-theme="dark"] .planos-missao{background:var(--color-bg-card);border-color:var(--color-border);}
[data-theme="dark"] .planos-missao-texto h2{color:var(--color-text);}
[data-theme="dark"] .planos-missao-texto p,[data-theme="dark"] .planos-missao-lista li{color:var(--color-text-secondary);}
[data-theme="dark"] .planos-trust-strip{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1);}
[data-theme="dark"] .planos-trust-item{color:var(--color-text-secondary);}
[data-theme="dark"] .planos-link{color:#5b9bf8;}
@media (max-width:992px){
.planos-missao{padding:var(--spacing-md) var(--spacing-lg);}
.planos-missao-content{grid-template-columns:1fr;}
}
@media (max-width:768px){
.planos-missao-texto h2{font-size:1.4rem;}
.planos-trust-strip{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);}
}
/* Novo layout interno dos cards de plano */
.plano-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);}
.plano-card-info h3{margin:0;font-size:1.18rem;color:var(--dark-gray);}
/* Indicador visual de seleção — substitui o radio nativo */
.plano-radio-indicator{flex-shrink:0;margin-top:3px;width:20px;height:20px;border-radius:50%;border:2px solid var(--light-gray);background:transparent;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);}
.plano-card.is-selected .plano-radio-indicator{border-color:var(--primary-blue);background:var(--primary-blue);box-shadow:inset 0 0 0 4px var(--white);}
/* Bloco de preço com espaçamento próprio */
.plano-price-block{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:6px;min-height:128px;}.plano-price-block .plano-price{margin-top:0;}
/* Linha com preço antigo e badge de economia */
.plano-price-detail{display:flex;align-items:center;flex-wrap:wrap;gap:8px;row-gap:6px;margin-top:0;min-height:32px;}
.plano-old-price{text-decoration:line-through;text-decoration-thickness:1px;font-size:.92rem;line-height:1.2;}
.plano-savings-tag{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:2px 10px;border-radius:999px;background:#d4f4e3;color:#0a6e39;font-size:.78rem;font-weight:700;line-height:1.2;}
.plano-compare,.plano-economy{display:flex;align-items:center;min-height:24px;}
/* Divisor visual entre preço e lista de benefícios */
.plano-divider{margin:var(--spacing-md) 0;height:1px;background:var(--light-gray);border:none;}
/* Checkmark nos itens de benefícios */
.plano-benefits li{position:relative;padding-left:24px;}
.plano-benefits li::before{content:"✓";position:absolute;left:0;color:var(--primary-green);font-weight:700;}
/* Dark mode — novos elementos dos cards */
[data-theme="dark"] .plano-card-info h3{color:var(--color-text);}
[data-theme="dark"] .plano-radio-indicator{border-color:rgba(255,255,255,.25);}
[data-theme="dark"] .plano-card.is-selected .plano-radio-indicator{border-color:#1cb26a;background:#1cb26a;box-shadow:inset 0 0 0 4px var(--color-bg-card);}
[data-theme="dark"] .plano-divider{background:rgba(255,255,255,.1);}
[data-theme="dark"] .plano-savings-tag{background:rgba(0,166,81,.2);color:#6eedb0;}
@media (max-width:768px){
.plano-price-block{min-height:auto;}
.plano-price-detail{min-height:auto;}
.plano-compare,.plano-economy{min-height:auto;}
}