:root{--blue:#0b66c2;--accent:#ffb020;--card-bg:rgba(255,255,255,0.08)}
:root{--pink:#f23b5c}
:root{--orange:#f28a00}
:root{--purple:#5b2aa6}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif}

.banner{background:var(--blue);color:#fff;background-image: url('../images/baner_mobile.jpg');background-size: cover;background-position: center; min-height: 500px; background-repeat: no-repeat}
.banner-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px;position:relative}
.banner-left{flex:1;padding:12px;position:relative}
.badge{background:rgba(255,255,255,0.08);display:inline-block;padding:8px 12px;border-radius:8px;font-weight:700;line-height:1.05}
.hero-text{margin-top:12px;transform:rotate(-12deg);}
.hero-text .use{display:block;font-weight:900;font-size:84px;line-height:0.8;color:#ffd166;text-shadow:0 2px 0 rgba(0,0,0,0.2)}
.hero-text .pra{display:block;font-weight:900;font-size:84px;line-height:0.8;color:#ffffff}
.hero-text .valer{display:block;font-weight:900;font-size:84px;line-height:0.8;color:#ff8c2f}
.banner-right{width:420px;padding:12px;display:flex;flex-direction:column;align-items:flex-end}
.cta-card{background:linear-gradient(135deg,#ff7281,#ff8c2f);padding:16px;border-radius:12px;color:#fff;width:100%;box-shadow:0 8px 30px rgba(0,0,0,0.25)}
.cta-card .eyebrow{font-weight:700;font-size:14px;opacity:0.95}
.cta-card .big{font-weight:900;font-size:28px;margin-top:8px}
.cta-card .big .small{display:block;font-weight:400;font-size:14px;margin-top:6px}
.cta-card .note{font-size:13px;opacity:0.95;margin-top:10px}
.btn{display:inline-block;margin-top:12px;padding:10px 16px;background:var(--accent);color:#000;border-radius:8px;text-decoration:none;font-weight:700}
.logos-row{display:flex;gap:10px;margin-top:12px}
.logos-row img{height:30px;opacity:0.95}

/* Session 02: layout matching provided print */
.session-two{background:#fff;padding:36px 24px}
.session-two .container{max-width:1200px;margin:0 auto;position:relative;text-align:center}
.session-two .cta-pill{display:inline-block;background:var(--pink);color:#fff;padding:14px 28px;border-radius:40px;font-weight:900;letter-spacing:1px;text-decoration:none}
.session-two .hero{margin-top:36px;text-align:center}
.session-two .hero h1{margin:0;font-size:84px;line-height:0.9;color:var(--pink);font-weight:900;font-family: 'Montserrat', 'Arial', sans-serif}
.session-two .hero p{margin:18px 0 0 0;font-size:36px;color:#111;font-weight:500}
.session-two .hero p.small{font-size:36px;margin-top:6px}


@media(min-width: 841px){
  #bmob {display: none;}
}

@media(max-width:840px){
  .session-two .hero h1{font-size:56px}
  .session-two .hero p{font-size:28px}
  #bdesk {display: none;}
}

/* Footer / Canais de atendimento */
.footer-section{background:var(--purple);color:#fff;padding:48px 18px;text-align:center}
.footer-section .container{max-width:1100px;margin:0 auto}
.footer-title{font-family:'Montserrat','Arial',sans-serif;font-weight:900;font-size:26px;margin:0 0 12px}
.footer-lead{margin:0 auto 18px;max-width:820px;color:rgba(255,255,255,0.95);line-height:1.6}
.faq-btn{display:inline-block;margin:12px 0 18px;padding:10px 22px;border-radius:28px;background:var(--accent);color:#000;font-weight:900;text-decoration:none}
.footer-note{max-width:920px;margin:0 auto;color:rgba(255,255,255,0.95);line-height:1.6;font-size:14px}

@media(max-width:840px){
  .footer-title{font-size:20px}
  .footer-lead{font-size:15px}
  .footer-note{font-size:13px}

}

/* Site menu (session 03) */
.site-menu{background:var(--orange);padding:10px 0}
.site-menu .container{max-width:1200px;margin:0 auto;display:flex;align-items:center}
.menu-list{list-style:none;margin:0;padding:6px 12px;display:flex;gap:40px; text-align: center; margin-left: auto; margin-right: auto;}
.menu-list li{display:inline}
.menu-list a{color:#fff;text-decoration:none;font-weight:800;letter-spacing:0.6px;text-transform:uppercase;padding:8px 14px}
.menu-list li.active a{background:var(--pink);color:#fff;border-radius:30px;padding:8px 22px;display:inline-block}

@media(max-width:640px){
  .menu-list{gap:16px;flex-wrap:wrap;justify-content:center}
}

/* Next section under index: large blue headline and centered paragraph */
.session-next{background:#fff;padding:60px 18px}
.session-next .container{max-width:1100px;margin:0 auto;text-align:center}
.session-next .title{color:var(--blue);font-family:'Montserrat','Arial',sans-serif;font-weight:900;font-size:72px;line-height:1;margin:0}
.session-next .lead{color:#111;font-size:22px;line-height:1.6;margin:18px auto 0;max-width:980px}

@media(max-width:840px){
  .session-next{padding:40px 12px}
  .session-next .title{font-size:42px}
  .session-next .lead{font-size:18px}
}

/* Parcelamento card */
.parcel-section{background:#fff;padding:48px 18px}
.parcel-card{max-width:1100px;margin:0 auto;background:var(--purple);color:#fff;border-radius:12px;padding:34px 40px;position:relative}
.parcel-card .text{font-size:20px;line-height:1.6;margin:8px 0 0;color:rgba(255,255,255,0.95);max-width:980px;margin-left:auto;margin-right:auto;text-align:center}
.parcel-card h3{margin:0;font-size:36px;text-align:center;font-weight:900;letter-spacing:1px}
.parcel-card::after{content:'';position:absolute;right:12px;left:12px;bottom:-18px;height:28px;background:var(--orange);border-radius:8px;z-index:-1}
.parcel-card{background:var(--purple);color:#fff;border-radius:14px;padding:40px 36px;min-width:320px;position:relative;box-shadow:10px 10px 0 rgba(244,138,0,1)}

@media(max-width:840px){
  .parcel-card h3{font-size:28px}
  .parcel-card .text{font-size:16px}
}

/* Benefits / exemptions large purple card with orange offset */
.benefits-section{background:#fff;padding:48px 18px}
.benefits-card{max-width:1100px;margin:0 auto;background:var(--purple);color:#fff;border-radius:12px;padding:34px 40px;position:relative}
.benefits-card .benefit-block{padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.benefits-card .benefit-block:last-child{border-bottom:none}
.benefits-card h4{margin:0;font-size:28px;text-align:center;font-weight:900;letter-spacing:0.6px}
.benefits-card p{margin:12px 0 0;text-align:center;color:rgba(255,255,255,0.95);line-height:1.6}
.benefits-card::after{content:'';position:absolute;right:12px;left:12px;bottom:-18px;height:28px;background:var(--orange);border-radius:8px;z-index:-1}
.benefits-card{background:var(--purple);color:#fff;border-radius:14px;padding:40px 36px;min-width:320px;position:relative;box-shadow:10px 10px 0 rgba(244,138,0,1)}

@media(max-width:840px){
  .benefits-card h4{font-size:20px}
  .benefits-card p{font-size:14px}
}

/* Pink notice card with orange offset */
.notice-section{background:#fff;padding:44px 18px}
.notice-card{max-width:1100px;margin:0 auto;background:var(--pink);color:#fff;border-radius:12px;padding:28px 36px;position:relative}
.notice-card p{margin:0;font-size:18px;line-height:1.7;text-align:center}
.notice-card p.important{font-weight:800;margin-top:12px;text-align:center}
.notice-card::after{content:'';position:absolute;right:12px;left:12px;bottom:-18px;height:28px;background:var(--orange);border-radius:8px;z-index:-1}
.notice-card{background:var(--pink);color:#fff;border-radius:14px;padding:40px 36px;min-width:320px;position:relative;box-shadow:10px 10px 0 rgba(244,191,65,1)}

@media(max-width:840px){
  .notice-card p{font-size:16px;text-align:center}
}

/* Pricing / discount cards section */
.pricing-section{background:#fff;padding:60px 18px}
.pricing-section .container{max-width:1200px;margin:0 auto}
.pricing-section h2.section-title{font-family:'Montserrat','Arial',sans-serif;font-weight:900;font-size:36px;text-align:center;margin:0 0 28px}

.price-row{display:flex;gap:36px;justify-content:center;margin-bottom:36px}
.price-card{background:var(--pink);color:#fff;border-radius:14px;padding:40px 36px;min-width:320px;position:relative;box-shadow:10px 10px 0 rgba(244,191,65,1)}
.price-card::after{content:'';position:absolute;left:18px;right:18px;bottom:-18px;height:28px;background:var(--accent);border-radius:8px;z-index:-1}
.price-card .label{font-size:18px;opacity:0.95;margin-bottom:12px}
.price-card .amount{font-size:44px;font-weight:900}

.discount-row{display:flex;gap:28px;justify-content:center}
.discount-card{background:var(--pink);color:var(--accent);border-radius:18px;padding:28px 20px;flex:1;min-width:240px;max-width:340px;position:relative}
.discount-card .header{font-size:40px;font-weight:900;margin:0 0 8px;color:var(--accent)}
.discount-card .sub{font-size:12px;color:#ffdede;margin-bottom:14px}
.discount-card .box{background:#ffdfe6;border-radius:10px;padding:16px;margin-top:10px;color:#111}
.discount-card .box .label{font-size:13px;margin-bottom:8px}
.discount-card .box .value{font-size:28px;font-weight:900}

@media(max-width:980px){
  .price-row{flex-direction:column;align-items:center}
  .discount-row{flex-direction:column;align-items:center}
  .discount-card{max-width:none;width:100%}
}

/* Pricing table styles used on pessoa-juridica.html */
.table-wrap{overflow-x:auto;margin-top:18px}
.pricing-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.pricing-table{width:100%;max-width:980px;border-collapse:collapse;margin:18px auto;font-size:15px}
.pricing-table thead th{font-weight:900;padding:12px 8px;border-bottom:0;text-align:center;text-transform:uppercase}
.pricing-table thead{border-top:4px solid var(--orange)}
.pricing-table thead th:nth-child(3){text-align:right}
.pricing-table tbody td{padding:14px 12px;border-bottom:1px solid rgba(0,0,0,0.08);text-align:center}
.pricing-table tbody tr td:nth-child(1){width:80px;font-weight:700}
.pricing-table tbody tr td:nth-child(2){text-align:center}
.pricing-table tbody tr td:nth-child(3){text-align:right;font-family:monospace}

.pricing-intro{max-width:900px;margin:12px auto 0;color:#333;line-height:1.6}

@media(max-width:640px){
  .pricing-table thead th,.pricing-table tbody td{font-size:13px;padding:10px}
}

/* Subsection headings used in art.html */
.pricing-section .section-title{font-size:28px;text-align:center;margin:28px 0 12px;font-weight:900}
.pricing-section .table-wrap{margin-top:8px}

/* responsiveness */
@media(max-width:840px){
  .banner-inner{flex-direction:column;align-items:stretch}
  .hero-text .use,.hero-text .pra,.hero-text .valer{font-size:56px}
  .banner-right{width:100%;align-items:center}
  .banner{height:30vh;max-height:30vh;overflow:hidden}
  .banner-inner{display:none}
  /* Forçar ocultação de elementos que podem sobrepor o banner em alguns navegadores/aparelhos */
  .banner-left, .banner-right, .banner-inner, .badge, .hero-text, .cta-card, .logos-row {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

}

/* Desktop: use exact user-supplied banner (no processing); keep mobile layout as is */
@media (min-width: 841px) {
  .banner{background-image: url('../images/baner.jpg'); background-size: contain;; background-position: center; background-repeat: no-repeat}
  .banner-inner{display:none}
}

/* Video section styles */
.video-section{background:#fff;padding:48px 18px}
.video-section .container{max-width:1100px;margin:0 auto;text-align:center}
.video-section .section-title{font-family:'Montserrat','Arial',sans-serif;font-weight:900;font-size:28px;color:var(--blue);margin:0 0 18px}
.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.12)}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

@media(max-width:640px){
  .video-section{padding:28px 12px}
  .video-section .section-title{font-size:20px}
}

/* video-link removed */

/* Partners / Cards grid */
.partners-section{background:#fff;padding:48px 18px}
.partners-section .container{max-width:1200px;margin:0 auto}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;align-items:stretch}
.partner-card{background:#fff;border-radius:12px;padding:26px 18px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,0.06)}
.partner-logo{max-width:260px;height:auto;margin:0 auto 18px;display:block}
.partner-title{margin:0 0 12px;font-weight:700;color:#111}
.partner-desc{margin:0 0 18px;color:#666;font-size:14px;line-height:1.6;max-width:340px;margin-left:auto;margin-right:auto}
.partner-btn{display:inline-block;padding:10px 20px;border-radius:24px;background:var(--orange);color:#fff;text-decoration:none;font-weight:800}

@media(max-width:980px){
  .cards-grid{grid-template-columns:repeat(2,1fr);gap:20px}
}

@media(max-width:640px){
  .cards-grid{grid-template-columns:1fr;gap:16px}
  .partner-logo{max-width:200px}
}