/* Becker Corretora — identidade visual inspirada na linguagem Bradesco.
   Ativação case-insensitive pela marca renderizada. */

body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-site{
  --ins-accent:#CC092F!important;
  --ins-accent-2:#B81570!important;
  --ins-highlight:#FFFFFF!important;
  --ink:#111111!important;
  --mut:#666666!important;
  --line:#E6E6E6!important;
  --soft:#F7F7F7!important;
  background:#fff;
  color:#111;
}

body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-header{
  background:rgba(255,255,255,.98);
  border-bottom:1px solid rgba(204,9,47,.12);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-brand-mark{
  background:linear-gradient(135deg,#CC092F,#B81570);
  color:#fff;
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-nav a{color:#252525}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-nav a:hover,
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-link-btn{color:#CC092F}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-btn-primary{
  background:linear-gradient(135deg,#CC092F,#B81570);
  color:#fff;
  box-shadow:0 14px 32px -18px rgba(204,9,47,.72);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-btn-secondary{
  background:#fff;
  color:#CC092F;
  border-color:#dedede;
}

/* HERO — visual de alto impacto como a referência aprovada */
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-hero{
  background:linear-gradient(125deg,#CC092F 0%,#D70A48 48%,#B81570 100%);
  color:#fff;
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(860px 480px at 78% 16%,rgba(255,255,255,.18),transparent 68%);
  pointer-events:none;
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-kicker{color:#fff}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-hero h1{
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-weight:850;
  letter-spacing:-.055em;
  line-height:.94;
  max-width:10ch;
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-hero h1 em{
  color:#fff;
  font-style:normal;
  font-weight:850;
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-hero-copy>p{
  color:rgba(255,255,255,.88);
  font-weight:520;
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-hero .ins-btn-primary{
  background:#fff;
  color:#CC092F;
  box-shadow:0 18px 42px -22px rgba(0,0,0,.34);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-hero .ins-btn-secondary{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.58);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-proof{
  border-top-color:rgba(255,255,255,.24);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-proof span,
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-proof svg,
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-scroll{color:#fff}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-shield-art{
  background:radial-gradient(circle,rgba(255,255,255,.20),rgba(255,255,255,.06) 48%,transparent 49%);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-shield-core{
  background:#fff;
  color:#CC092F;
  box-shadow:0 38px 80px -34px rgba(0,0,0,.45);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-orbit{border-color:rgba(255,255,255,.34)}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-float{
  background:#fff;
  border-color:rgba(255,255,255,.65);
  color:#181818;
  box-shadow:0 18px 44px -26px rgba(0,0,0,.35);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-float svg{color:#CC092F}

/* SOLUÇÕES */
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-section-head .ins-eyebrow,
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-about .ins-eyebrow{color:#CC092F}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-service{
  background:#fff;
  border-color:#e4e4e4;
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-service::after{background:rgba(204,9,47,.04)}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-service:hover{
  border-color:rgba(204,9,47,.30);
  box-shadow:0 24px 60px -42px rgba(0,0,0,.34);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-service-icon{
  background:rgba(204,9,47,.09);
  color:#CC092F;
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-service button{color:#CC092F}

/* JORNADA / CTA / RODAPÉ */
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-journey{
  background:linear-gradient(135deg,#050505 0%,#171717 54%,#CC092F 100%);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-eyebrow-light,
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-steps li>span{color:#fff}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-btn-highlight{
  background:#fff;
  color:#CC092F;
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-about{background:#f7f7f7}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-values span{border-color:#dedede;color:#292929}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-values svg{color:#CC092F}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-cta{
  background:linear-gradient(135deg,#CC092F 0%,#B81570 54%,#090909 100%);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-footer{background:#050505}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-footer-brand>span,
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-footer-col>b{color:#fff}

/* MaIA e formulário */
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-maia-fab>span,
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-maia>header{
  background:linear-gradient(135deg,#CC092F,#B81570);
}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-maia-lead{background:#050505}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-bubble.user,
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-maia-form button{background:#CC092F}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-chips button{color:#CC092F;border-color:#e0e0e0}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-modal{background:rgba(0,0,0,.68)}
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-modal-card input:focus,
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-modal-card select:focus,
body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-modal-card textarea:focus{
  border-color:#CC092F;
  box-shadow:0 0 0 3px rgba(204,9,47,.09);
}

@media(max-width:780px){
  body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-hero{
    background:linear-gradient(155deg,#CC092F 0%,#B81570 100%);
  }
  body:has(.ins-brand[aria-label*="becker corretora" i]) .ins-hero h1{
    font-size:clamp(48px,15vw,72px);
  }
}