/* ===== Atlanta Simulador — variáveis de cor (preenchidas pela paleta no PHP) ===== */
/* --atl-primary  cor principal (barra do título, botões, destaques)
   --atl-ink      texto escuro do título
   --atl-p700     cor sólida do botão
   --atl-tint     fundo das caixas claras
   --atl-tint-ink texto sobre a caixa clara (ex.: "Valor escolhido:")
   --atl-value    texto do valor (quase preto) */

/* ===== P0 (landing) ===== */
#atl-lp{max-width:820px;margin:0 auto 25px;font-family:Arial,sans-serif;color:#17223b}
#atl-lp *{box-sizing:border-box}
#atl-lp[hidden]{display:none!important}
#atl-lp .card{background:#fff;border:1px solid #e7ecf5;border-radius:18px;padding:23px 20px;box-shadow:0 10px 30px rgba(0,31,92,.08)}
#atl-lp h2{font-size:clamp(23px,5vw,30px)!important;color:var(--atl-ink,#12225f)!important;font-weight:800!important;line-height:1.3!important;margin:0 0 12px!important;padding-left:16px;position:relative}
#atl-lp h2::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:6px;border-radius:3px;background:var(--atl-primary,#1e50e5)}
#atl-lp p{font-size:15px;line-height:1.6;color:#58667e}
#atl-lp .values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:22px 0}
#atl-lp .value{display:flex;justify-content:center;align-items:center;text-align:center;min-height:96px;padding:12px 6px;background:var(--atl-primary,#1e50e5)!important;color:#fff!important;text-decoration:none!important;border-radius:14px;font-size:clamp(20px,5.5vw,30px)!important;font-weight:900!important;line-height:1.15!important;letter-spacing:-.5px;overflow-wrap:anywhere;box-shadow:0 4px 0 var(--atl-p700,#0b3f9c),0 10px 18px rgba(0,49,130,.18);touch-action:manipulation;transition:transform .14s,box-shadow .14s}
#atl-lp .value:hover{transform:translateY(-2px)}
#atl-lp .value:active{transform:translateY(3px);box-shadow:0 1px 0 var(--atl-p700,#0b3f9c)}
#atl-lp .value:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}
#atl-lp .note{font-size:12px;color:#748097}
@media(max-width:380px){#atl-lp .values{gap:9px}#atl-lp .value{min-height:85px;font-size:clamp(17px,5vw,24px)!important}}

/* ===== P1 (simulador) ===== */
#atl-p1{max-width:820px;margin:0 auto 28px;font-family:Arial,sans-serif;color:#17223b;scroll-margin-top:20px}
#atl-p1 *{box-sizing:border-box}
#atl-p1[hidden],#atl-p1 [hidden]{display:none!important}
#atl-p1 .card{background:#fff;border:1px solid #e7ecf5;border-radius:18px;padding:24px 22px;box-shadow:0 10px 30px rgba(0,31,92,.08)}
#atl-p1 h2{color:var(--atl-ink,#12225f)!important;font-size:clamp(22px,5vw,28px)!important;font-weight:800!important;line-height:1.3!important;margin:0 0 16px!important;padding-left:16px;position:relative}
#atl-p1 h2::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:6px;border-radius:3px;background:var(--atl-primary,#1e50e5)}
#atl-p1 .selected{background:var(--atl-tint,#eaf1fe);padding:18px;border-radius:14px;margin:14px 0 22px}
#atl-p1 .selected span{color:var(--atl-tint-ink,#2f6bd8);font-size:15px}
#atl-p1 .selected strong{display:block;font-size:clamp(24px,6vw,30px);margin-top:6px;color:var(--atl-value,#1a2030);overflow-wrap:anywhere}
#atl-p1 label{display:block;font-size:15px;font-weight:700;color:#24324c;margin-bottom:10px;line-height:1.5}
#atl-p1 select{display:block;width:100%;min-height:56px;padding:12px 15px!important;border:2px solid #e3e8f2!important;border-radius:12px!important;background:#fff!important;font:16px Arial,sans-serif!important;color:#24324c}
#atl-p1 select.empty{color:#9aa3b2!important}
#atl-p1 select.chosen{color:#24324c!important}
#atl-p1 select option{color:#24324c}
#atl-p1 .calc{width:100%;min-height:58px;padding:15px;margin-top:20px;background:var(--atl-p700,#0b3f9c)!important;color:#fff!important;border:0!important;border-radius:12px;font:900 18px Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 0 var(--atl-ink,#0a2f78);transition:transform .12s,box-shadow .12s}
#atl-p1 .calc:active{transform:translateY(2px);box-shadow:none}
#atl-p1 .grid{display:grid;grid-template-columns:1fr;gap:13px;margin:22px 0}
#atl-p1 .scenario{background:var(--atl-tint,#f3f7ff);border:1px solid #e3e8f2;border-radius:14px;padding:18px 13px;text-align:center}
#atl-p1 .scenario h3{color:var(--atl-ink,#12225f)!important;font-size:16px!important;line-height:1.35!important;margin:0 0 10px!important}
#atl-p1 .payment{font-size:clamp(23px,6vw,30px);font-weight:900;color:var(--atl-primary,#1e50e5);overflow-wrap:anywhere;margin:0}
#atl-p1 .small{font-size:13px;color:#63718a;margin:5px 0 0}
#atl-p1 .explain{margin-top:20px;padding:16px;background:#f5f7fb;border-left:4px solid var(--atl-primary,#1e50e5);border-radius:0;font-size:14px;line-height:1.6;color:#334155}
#atl-p1 .explain strong{display:block;color:var(--atl-ink,#12225f);margin-bottom:6px}
#atl-p1 .explain p{margin:0}
#atl-p1 .note{font-size:12px;line-height:1.6;color:#68758b;margin:16px 0}
#atl-p1 .reset{display:block;padding:15px;border:2px solid var(--atl-primary,#1e50e5)!important;border-radius:12px;color:var(--atl-primary,#1e50e5)!important;background:#fff!important;text-align:center;text-decoration:none!important;font-weight:900}
#atl-p1 .error{color:#ad2626;font-size:14px}
@media(min-width:651px){
#atl-p1 .card{padding:30px}
#atl-p1 .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

#atl-p1 .calc.loading{opacity:.75;cursor:progress;position:relative}
#atl-p1 .calc.loading::after{content:"";display:inline-block;width:16px;height:16px;margin-left:10px;vertical-align:-3px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:atl-spin .8s linear infinite}
@keyframes atl-spin{to{transform:rotate(360deg)}}