*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f5ef;color:#10231c}a{color:inherit}.container{max-width:1180px;margin:auto;padding:0 22px}.topbar{background:linear-gradient(135deg,#013d2c,#07533c);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:900;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.8px;font-weight:700;color:#d8f5cc;margin-top:4px}.brand-icon{font-size:38px;color:#77c842}.menu{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.menu a,.nav-link{display:inline-block;text-decoration:none;padding:10px 12px;border-radius:999px;font-weight:700;font-size:14px}.menu a:hover,.nav-link:hover{background:rgba(255,255,255,.13)}.nav-cta{background:linear-gradient(135deg,#76c442,#43a736)!important;color:#fff!important;padding:13px 20px!important;box-shadow:0 6px 16px rgba(75,170,54,.25)}.hero{background:linear-gradient(90deg,#f8f6ee 0%,#f8f6ee 48%,rgba(248,246,238,.55) 62%,rgba(248,246,238,0) 100%),url('hero-profissional.png') center right/auto 100% no-repeat;min-height:540px;display:flex;align-items:center;border-bottom:1px solid #e8e1d5}.hero .container{width:100%}.kicker{color:#379323;font-weight:900;text-transform:uppercase;font-size:14px;letter-spacing:.6px;display:inline-flex;gap:8px;align-items:center}.hero h1{font-size:54px;line-height:1.08;margin:22px 0 12px;max-width:610px;color:#043922;letter-spacing:-1px}.line{width:100px;height:4px;border-radius:99px;background:#58a936;margin:22px 0}.hero p{font-size:21px;line-height:1.55;max-width:560px;color:#1b2e28}.hero-icons{display:flex;gap:22px;margin-top:44px;max-width:690px}.hero-feature{display:flex;align-items:center;gap:12px;min-width:170px;border-right:1px solid #d7d9d0;padding-right:18px}.hero-feature:last-child{border-right:0}.hero-feature .fi{font-size:34px;color:#4ba83a}.hero-feature span{font-size:14px;line-height:1.35}.floating-call{margin-top:26px;background:linear-gradient(135deg,#013d2c,#064331);color:#fff;border-radius:18px;padding:19px 24px;display:inline-flex;gap:16px;align-items:center;box-shadow:0 16px 30px rgba(0,0,0,.18)}.floating-call b{display:block;line-height:1.4}.section-title{text-align:center;padding:40px 0 24px}.section-title h2{font-size:30px;color:#0a3b28;margin:0;text-transform:uppercase}.title-line{display:inline-block;width:70px;height:3px;background:#49a435;margin:0 18px 8px;border-radius:99px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:38px}.plan{background:rgba(255,255,255,.84);border:1px solid #cfe1cc;border-radius:22px;padding:0 24px 24px;box-shadow:0 14px 36px rgba(6,51,36,.08);text-align:center;position:relative;overflow:hidden}.plan-head{margin:0 auto 22px;max-width:230px;color:#fff;border-radius:0 0 13px 13px;padding:13px 14px;font-weight:900;text-transform:uppercase}.card-verde .plan-head{background:linear-gradient(135deg,#60ba39,#278927)}.card-dourado{border-color:#dcb967}.card-dourado .plan-head{background:linear-gradient(135deg,#d9a519,#b77a00)}.card-azul{border-color:#abc9e8}.card-azul .plan-head{background:linear-gradient(135deg,#2a84ce,#1762b5)}.icon-bubble{width:92px;height:92px;margin:0 auto 22px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:46px;box-shadow:0 10px 25px rgba(0,0,0,.13)}.plan h3{font-size:20px;margin:12px 0;color:#132822}.plan p{line-height:1.45}.price{font-size:18px;margin-top:20px}.price strong{font-size:43px;color:#368e2d}.card-dourado .price strong{color:#b77a00}.card-azul .price strong{color:#1762b5}.price small{font-size:14px;color:#445}.saving{display:inline-block;background:#fff3d6;color:#996d00;border-radius:999px;padding:7px 14px;font-weight:900;margin:7px 0 12px}.plan ul{padding-left:0;list-style:none;text-align:left;line-height:1.9;margin:20px 0}.plan li:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#4ba83a;color:#fff;font-size:12px;margin-right:9px}.card-dourado li:before{background:#b98a13}.card-azul li:before{background:#2076c2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;text-decoration:none;cursor:pointer;border-radius:12px;padding:13px 18px;background:#174d3c;color:#fff;font-weight:900;margin:6px 4px 6px 0;font-size:15px}.btn.primary{background:linear-gradient(135deg,#56ad35,#29912d)}.btn.gold{background:linear-gradient(135deg,#d49b09,#b97900)}.btn.blue{background:linear-gradient(135deg,#237bc5,#115eaa)}.btn.large{font-size:17px;padding:16px 22px}.btn.block{display:flex;width:100%;text-align:center}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:rgba(255,255,255,.7);border-radius:18px;padding:18px;margin:0 0 32px;border:1px solid #e8eadf}.info-item{display:flex;gap:12px;align-items:center;padding:8px 18px;border-right:1px solid #dfe1d5}.info-item:last-child{border-right:0}.info-item b{display:block}.info-item .ii{font-size:34px;color:#4ba83a}.cta-band{background:linear-gradient(135deg,#013d2c,#064331);color:#fff;border-radius:18px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.cta-band h3{margin:0;color:#81d34b}.footer{background:linear-gradient(135deg,#013d2c,#064331);color:#fff;padding:24px 0;text-align:center;margin-top:30px}.footer .foot-row{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.footer-login{background:rgba(255,255,255,.12);padding:10px 15px;border-radius:999px;text-decoration:none;font-weight:900}.steps{display:flex;align-items:center;justify-content:center;padding:38px 0 10px}.step{display:flex;flex-direction:column;align-items:center;font-weight:800;color:#888}.step b{width:44px;height:44px;border-radius:50%;background:#d9ddd7;color:#777;display:flex;align-items:center;justify-content:center;font-size:20px}.step.active b{background:#49a435;color:#fff}.step span{font-size:13px;margin-top:8px}.bar{width:120px;height:4px;background:#d7dad5;margin:0 12px 25px}.bar.active{background:#49a435}.checkout-wrap,.pay-grid{display:grid;grid-template-columns:1fr 390px;gap:28px;padding-top:22px}.checkout-card,.pay-card,.summary,.admin-card,.login-box{background:#fff;border-radius:20px;padding:26px;box-shadow:0 14px 34px rgba(6,51,36,.08);border:1px solid #ebeee7}.checkout-card h1,.pay-card h1{color:#0a3b28;margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:block;font-weight:800;margin:10px 0 6px;color:#24332e}input,select,textarea{width:100%;padding:13px;border:1px solid #d5ddd3;border-radius:10px;font-size:15px;background:#fff}textarea{min-height:86px}.periodos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.periodos label{background:#f5f7f3;border:1px solid #dfe6dc;border-radius:12px;padding:13px;margin:0}.summary ul{padding-left:0;list-style:none;line-height:1.8}.summary li:before{content:'✓';color:#4ba83a;font-weight:900;margin-right:8px}.summary-plan{border:1px solid #e4c06b;border-radius:16px;padding:18px;background:#fffaf0}.hint{color:#667;font-size:14px}.big-value{font-size:42px;font-weight:900;color:#174d3c}.qr{display:block;margin:12px auto;max-width:260px;width:100%}#pixcode{height:130px;font-size:12px}.login-box{max-width:430px;margin:60px auto}.error{background:#ffe8e8;color:#9b1616;padding:12px;border-radius:10px}.notice{background:#e7fff2;color:#17633c;padding:14px;border-radius:12px;margin:20px 0}.admin-layout{display:grid;grid-template-columns:250px 1fr;gap:22px;padding-top:24px}.admin-menu{background:#fff;border-radius:20px;padding:16px;box-shadow:0 14px 34px rgba(6,51,36,.08);height:max-content;position:sticky;top:14px;border:1px solid #ebeee7}.admin-menu button{width:100%;display:block;text-align:left;border:0;background:#f3f7f1;margin:8px 0;padding:13px;border-radius:12px;font-weight:900;color:#174d3c;cursor:pointer}.admin-menu button.active,.admin-menu button:hover{background:linear-gradient(135deg,#56ad35,#29912d);color:#fff}.admin-section{display:none}.admin-section.active{display:block}.admin-card{margin-bottom:24px}.mini-form{border:1px solid #e6ece2;border-radius:16px;padding:18px;margin-bottom:18px;background:#fbfcfa}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}th{background:#f0f5f1}.small-btn{border:0;border-radius:8px;background:#174d3c;color:#fff;padding:8px 10px;cursor:pointer}.admin-top-note{background:#fff8e8;border:1px solid #edd08b;color:#6c4b00;border-radius:12px;padding:12px;margin-bottom:16px}@media(max-width:940px){.hero{background:linear-gradient(rgba(248,246,238,.9),rgba(248,246,238,.9)),url('hero-profissional.png') center/cover no-repeat}.hero h1{font-size:38px}.hero-icons,.footer .foot-row,.cta-band{flex-direction:column;align-items:flex-start}.cards,.checkout-wrap,.pay-grid,.admin-layout,.info-strip{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.info-item{border-right:0;border-bottom:1px solid #dfe1d5}.menu{display:none}.bar{width:40px}.admin-menu{position:static}}
.site-logo{width:58px;height:58px;object-fit:contain;display:inline-flex;align-items:center;justify-content:center;font-size:52px;color:#7bd34a}.text-logo{line-height:1}.mini-logo{width:54px;height:54px;object-fit:contain;display:inline-flex;align-items:center;justify-content:center;font-size:48px;color:#7bd34a}.footer-logo-img{width:62px;height:62px;object-fit:contain;display:inline-flex;align-items:center;justify-content:center;font-size:55px;color:#7bd34a}.footer-brand{display:flex;align-items:center;gap:12px}.checkout-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.checkout-badges span{background:#f3f7f1;border:1px solid #dfe8dc;border-radius:12px;padding:12px;font-weight:800;font-size:13px}.btn.danger{background:linear-gradient(135deg,#b3261e,#7f1d1d)}.admin-card h2{color:#073c2a}.admin-section .form-grid{margin-bottom:12px}.cta-logo{min-width:70px;display:flex;align-items:center;justify-content:center}.admin-menu{background:linear-gradient(180deg,#ffffff,#f6faf5)}.admin-menu button{border-left:4px solid transparent}.admin-menu button.active{border-left-color:#d5a51d}.mini-form h3{background:#f3f8f1;margin:-18px -18px 16px;padding:14px 18px;border-radius:16px 16px 0 0;color:#073c2a}.hero{background-size:auto 100%;background-position:center right;background-repeat:no-repeat}.section-title h2{display:inline-block;margin:0}@media(max-width:940px){.hero{background-size:cover!important;background-position:center!important}.site-logo{width:46px;height:46px;font-size:42px}.brand{font-size:20px}.checkout-badges{grid-template-columns:1fr}}
/* Ajuste profissional para imagens por link no admin */
.plan-icon-img{width:66px;height:66px;object-fit:contain;display:block;margin:auto}.info-icon-img{width:46px;height:46px;object-fit:contain;display:inline-block;vertical-align:middle}.checkout-title-icon{width:34px;height:34px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:8px}.inline-icon{width:22px;height:22px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:6px}.summary-plan-icon{width:48px;height:48px;object-fit:contain;display:inline-block;vertical-align:middle}.icon-bubble{display:flex;align-items:center;justify-content:center}.text-icon{display:inline-flex;align-items:center;justify-content:center}.size-guide{background:#fffdf4;border:1px solid #eadbad;border-radius:14px;padding:14px;margin:14px 0;color:#594315;font-size:13px;line-height:1.55}.size-guide b{color:#073c2a}.field-help{display:block;font-size:12px;color:#63736c;margin-top:5px;font-weight:500}.admin-card input::placeholder,.admin-card textarea::placeholder{color:#9aa7a0}.preview-note{font-size:12px;color:#63736c;margin:6px 0 0}.admin-card label{position:relative}

/* Ícones principais editáveis pelo admin */
.hero-icon-img{width:42px;height:42px;object-fit:contain;display:inline-flex;align-items:center;justify-content:center;font-size:34px;line-height:1}.hero-feature .fi{width:46px;min-width:46px;display:flex;align-items:center;justify-content:center}


/* ===== Ajuste tamanho dos 3 ícones de benefícios (patch) ===== */
.benefit-icon,
.benefit-item img{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    object-fit:contain;
    display:block;
}
.benefit-icon{
    font-size:52px !important;
    line-height:1;
}
.benefit-item{
    display:flex;
    align-items:center;
    gap:18px;
}

/* ===== RESPONSIVO GERAL - somente CSS ===== */
html, body{
    max-width:100%;
    overflow-x:hidden;
}
img, iframe, video{
    max-width:100%;
}

/* Tablets */
@media(max-width:1024px){
    .container{
        max-width:100%;
        padding-left:24px;
        padding-right:24px;
    }
    .nav{
        min-height:auto;
        padding:16px 0;
        align-items:flex-start;
    }
    .menu{
        justify-content:flex-end;
    }
    .hero{
        min-height:auto;
        padding:62px 0 48px;
        background-position:center right!important;
        background-size:cover!important;
    }
    .hero h1{
        font-size:44px;
        max-width:560px;
    }
    .hero p{
        font-size:19px;
        max-width:540px;
    }
    .hero-icons{
        gap:14px;
        flex-wrap:wrap;
        max-width:620px;
    }
    .hero-feature{
        min-width:180px;
        flex:1 1 180px;
        padding-right:14px;
    }
    .cards{
        grid-template-columns:repeat(2,1fr);
    }
    .cards .plan:last-child:nth-child(odd){
        grid-column:1 / -1;
        max-width:520px;
        margin-left:auto;
        margin-right:auto;
        width:100%;
    }
    .checkout-wrap,
    .pay-grid{
        grid-template-columns:1fr;
    }
}

/* Celular e tablets pequenos */
@media(max-width:768px){
    .container{
        padding-left:18px;
        padding-right:18px;
    }
    .topbar{
        position:relative;
    }
    .nav{
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
        gap:12px;
    }
    .brand{
        justify-content:center;
        font-size:21px;
    }
    .brand small{
        font-size:8px;
    }
    .menu{
        display:flex!important;
        width:100%;
        justify-content:center;
        gap:7px;
    }
    .menu a,
    .nav-link{
        font-size:13px;
        padding:9px 11px;
    }
    .hero{
        padding:46px 0 36px;
        text-align:center;
        background-image:linear-gradient(rgba(248,246,238,.94),rgba(248,246,238,.94))!important;
    }
    .hero h1{
        font-size:36px;
        line-height:1.12;
        margin-left:auto;
        margin-right:auto;
    }
    .line{
        margin-left:auto;
        margin-right:auto;
    }
    .hero p{
        font-size:18px;
        margin-left:auto;
        margin-right:auto;
    }
    .hero-icons{
        display:grid;
        grid-template-columns:1fr;
        gap:12px;
        margin-top:28px;
        max-width:460px;
        margin-left:auto;
        margin-right:auto;
    }
    .hero-feature{
        width:100%;
        min-width:0;
        justify-content:flex-start;
        text-align:left;
        border-right:0;
        border-bottom:1px solid #d7d9d0;
        padding:12px 10px;
        background:rgba(255,255,255,.54);
        border-radius:14px;
    }
    .hero-feature:last-child{
        border-bottom:0;
    }
    .hero-feature .fi{
        width:64px!important;
        min-width:64px!important;
    }
    .hero-icon-img,
    .hero-feature .fi img{
        width:58px!important;
        height:58px!important;
        font-size:52px!important;
    }
    .floating-call{
        width:100%;
        max-width:460px;
        justify-content:center;
        text-align:left;
        margin-top:22px;
    }
    .section-title{
        padding:32px 0 20px;
    }
    .section-title h2{
        display:block;
        font-size:24px;
        line-height:1.25;
    }
    .title-line{
        width:48px;
        margin:0 8px 8px;
    }
    .cards{
        grid-template-columns:1fr;
        gap:18px;
    }
    .cards .plan:last-child:nth-child(odd){
        grid-column:auto;
        max-width:none;
    }
    .plan{
        padding-left:18px;
        padding-right:18px;
    }
    .price strong{
        font-size:38px;
    }
    .info-strip{
        grid-template-columns:1fr;
        padding:12px;
        margin-bottom:24px;
    }
    .info-item{
        border-right:0;
        border-bottom:1px solid #dfe1d5;
        padding:14px 10px;
    }
    .info-item:last-child{
        border-bottom:0;
    }
    .cta-band{
        flex-direction:column;
        text-align:center;
        align-items:center;
        padding:22px 18px;
    }
    .cta-band .btn{
        width:100%;
    }
    .footer .foot-row{
        flex-direction:column;
        justify-content:center;
        text-align:center;
    }
    .footer-brand{
        justify-content:center;
        flex-direction:column;
    }
    .form-grid,
    .checkout-badges{
        grid-template-columns:1fr!important;
    }
    .steps{
        padding-top:24px;
        overflow-x:auto;
        justify-content:flex-start;
    }
    .bar{
        min-width:34px;
        width:34px;
    }
    .checkout-card,
    .pay-card,
    .summary,
    .admin-card,
    .login-box{
        padding:20px;
        border-radius:16px;
    }
    .admin-layout{
        grid-template-columns:1fr;
    }
    .admin-menu{
        position:static;
    }
}

/* Celular pequeno */
@media(max-width:480px){
    .container{
        padding-left:14px;
        padding-right:14px;
    }
    .site-logo{
        width:42px;
        height:42px;
        font-size:38px;
    }
    .brand{
        font-size:18px;
        gap:9px;
    }
    .menu a,
    .nav-link{
        font-size:12px;
        padding:8px 9px;
    }
    .nav-cta{
        padding:9px 12px!important;
    }
    .hero{
        padding:36px 0 30px;
    }
    .kicker{
        font-size:12px;
    }
    .hero h1{
        font-size:30px;
        letter-spacing:-.4px;
    }
    .hero p{
        font-size:16px;
        line-height:1.5;
    }
    .hero-feature{
        gap:10px;
    }
    .hero-feature span:last-child{
        font-size:13px;
    }
    .floating-call{
        padding:16px;
        border-radius:15px;
        gap:12px;
    }
    .mini-logo{
        width:44px;
        height:44px;
        font-size:40px;
    }
    .section-title h2{
        font-size:21px;
    }
    .plan-head{
        max-width:210px;
    }
    .icon-bubble{
        width:82px;
        height:82px;
    }
    .plan-icon-img{
        width:58px;
        height:58px;
    }
    .btn,
    .btn.large{
        width:100%;
        padding:13px 14px;
        font-size:14px;
    }
    .big-value{
        font-size:34px;
    }
    th,td{
        padding:8px;
        font-size:13px;
    }
}