/* RecargaUni: interface enxuta, mantendo o tema Premium e o chat */
.hero{min-height:0;padding-top:54px;padding-bottom:64px;gap:42px}
.hero h1{font-size:clamp(37px,4.7vw,62px);margin:17px 0}
.hero-main>p{font-size:15px;line-height:1.65;max-width:430px}
.hero-actions{margin-top:25px}
.hero-foot,.floating-chip,.mock-input{display:none}
.hero-showcase{min-height:300px;padding:20px;border-radius:25px}
.mock{transform:none}
.bubble{margin-top:10px}
.mock-option{margin-top:12px}
.plans-region{padding:58px 0}
.section-header{margin-bottom:14px}
.section-header h2{font-size:clamp(28px,3.5vw,38px);margin:7px 0}
.section-header p{font-size:13px}
.alert-note{padding:11px 14px}
.alert-note p{font-size:11px}
.plan-grid{gap:14px}
.plan-card,.plan-card.highlight{min-height:0;padding:22px;border-width:1px}
.plan-card h3{font-size:21px;margin:0 0 4px}
.plan-days{margin:15px 0 13px;padding-bottom:10px}
.plan-days b{font-size:39px}
.price-row strong{font-size:30px}
.plan-card ul,.plan-card .plan-intro,.plan-card .plan-index,.plan-card .ribbon{display:none}
.price-caption{margin:7px 0 10px}
.plan-details{margin-top:auto;margin-bottom:10px;min-height:37px}
.plan-card .btn{margin-top:0;min-height:43px}
.simple-help{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:65px;padding-bottom:65px}
.simple-help h2{font-size:clamp(26px,3.4vw,38px);margin:7px 0 5px;color:var(--heading)}
.simple-help p{font-size:14px}
.simple-help-actions{display:flex;gap:12px}
.simple-footer{border-top:1px solid var(--line);padding-top:26px;padding-bottom:85px;display:flex;justify-content:space-between;align-items:start;gap:24px}
.simple-footer strong{font-size:23px;color:var(--heading)}
.simple-footer p{max-width:560px;font-size:11px;line-height:1.65}
@media(max-width:700px){
 .hero{padding-top:40px;padding-bottom:37px}
 .hero-showcase{min-height:240px;margin-top:22px}
 .hero h1{font-size:clamp(36px,10vw,47px)}
 .plans-region{padding:44px 0}
 .section-header{margin-bottom:18px}
 .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .plan-card,.plan-card.highlight{padding:16px}
 .plan-card h3{font-size:18px}
 .plan-days b{font-size:33px}
 .price-row strong{font-size:26px}
 .plan-details{font-size:11px;padding:8px}
 .plan-card .btn{font-size:12px;padding:12px 6px}
 .simple-help{display:block;padding-top:48px;padding-bottom:46px}
 .simple-help-actions{margin-top:19px}
 .simple-help-actions .btn{flex:1}
 .simple-footer{display:block;padding-bottom:95px}
 .simple-footer p{margin-top:9px}
}
@media(max-width:370px){.plan-grid{grid-template-columns:1fr}.plan-card{padding:20px}}
/* No celular, apresentar os planos antes da ilustração do chat */
@media(max-width:700px){
 .hero-showcase{display:none}
 .hero{padding-top:27px;padding-bottom:28px}
 .hero h1{margin:12px 0 13px}
 .hero-actions{margin-top:19px}
}
/* O aviso superior e os preços já identificam a demonstração. */
.plans-region .alert-note{display:none}
/* Acessibilidade: navegação por teclado e ancoras sem obstrução */
.skip-link{position:fixed;left:14px;top:-100px;z-index:150;background:var(--primary);color:var(--primary-text);padding:10px 15px;border-radius:12px;font-size:14px;font-weight:700}
.skip-link:focus{top:12px}
#planos,#ajuda{scroll-margin-top:90px}
.chat-window button:focus-visible,.plan-card .btn:focus-visible,.plan-details:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
