/* Camada visual dos planos — não altera preços, checkout ou chamadas da API. */
:root { --red:#ff6a00; --green:#28c76f; }
.brand img { filter: drop-shadow(0 8px 14px #ff6a0055); }
.eyebrow { color:#ff9a4d; }
.card h2 { display:flex; align-items:center; gap:10px; }
.card h2::before { content:""; width:27px; height:27px; flex:0 0 27px; background:url("emily-mascot.png") center/contain no-repeat; filter:drop-shadow(0 4px 7px #ff6a0066); }
.plans { gap:14px; }
.plan { position:relative; overflow:hidden; min-height:94px; padding:17px 112px 17px 18px; border-color:#3a4658; background:linear-gradient(125deg,#192230,#10161f); box-shadow:0 10px 24px #0000001f; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.plan:hover { transform:translateY(-2px); border-color:#ff8a35; box-shadow:0 15px 28px #ff6a001f; }
.plan > div { position:relative; z-index:1; }
.plan::after { content:""; position:absolute; right:10px; bottom:-12px; width:88px; height:104px; background:url("emily-mascot.png") right bottom/contain no-repeat; opacity:.32; pointer-events:none; filter:drop-shadow(0 8px 10px #0008); }
.plan:nth-child(2)::after { width:101px; height:118px; opacity:.38; }
.plan:nth-child(3)::after { width:114px; height:132px; opacity:.44; }
.plan b { color:#fff; font-size:1.02rem; }
.plan span { color:#bac4d3; }
.plan .price { color:#ffad63; padding-right:2px; }
.plan .price small { color:#aeb9ca; }
.plan button.secondary { border-color:#ff9b55; color:#ffe3ca; background:#ff6a001c; }
.plan button.secondary:hover { background:#ff6a0036; }
@media(max-width:520px){ .plan { padding-right:78px; min-height:88px; gap:8px; } .plan::after { width:62px; height:76px; right:5px; bottom:-7px; } .plan:nth-child(2)::after{width:71px;height:84px}.plan:nth-child(3)::after{width:78px;height:92px}.price{font-size:1.03rem}.card h2::before{width:23px;height:23px;flex-basis:23px} }