/* Página Título de Capitalização */
.capitalizacao-page{overflow:hidden;background:#fff}
.capitalizacao-hero{height:min(37vw,710px);min-height:420px;display:flex;align-items:center;position:relative;background:#03103b url("../../images/titulo-de-captalizacao-hero.jpg") center/cover no-repeat;color:#fff;text-align:center}
.capitalizacao-hero-content{position:relative;z-index:1;margin-top:25px}
.capitalizacao-hero h1{margin:0 0 22px;color:var(--aqua);font-family:"Uniform RND Black",var(--font);font-size:34px;line-height:1}
.capitalizacao-hero p{margin:0;font-family:"Uniform RND Light",var(--font);font-size:24px;line-height:1.2}
.capitalizacao-breadcrumb{height:62px;display:flex;align-items:center;gap:11px;padding:0 30px;color:#313652;font:12px var(--menu)}
.capitalizacao-breadcrumb strong{color:#1648ea;font-weight:400}
.capitalizacao-intro{min-height:1125px;padding:160px 0 250px;background:#fff}
.capitalizacao-intro-grid{max-width:1011px;display:grid;grid-template-columns:400px 1fr;align-items:start;gap:180px}
.capitalizacao-intro-heading h2{margin:0 0 20px;font-family:"Uniform RND Black",var(--font);font-size:35px;line-height:1.05}
.capitalizacao-intro-heading p{margin:0;color:#1961d8;font-size:18px;line-height:1.25}
.capitalizacao-intro-copy{margin:28px 0 0;font-size:15px;line-height:1.55}
.capitalizacao-intro-copy p{margin:0 0 1em}.capitalizacao-intro-copy p:last-child{margin-bottom:0}
.capitalizacao-how{position:relative;max-width:1070px;min-height:340px;margin-top:135px;padding:72px 80px 85px;border-radius:50px;background:#020018 url("../../images/bg-caixa-servico-dark.jpg") center/cover no-repeat;color:#fff;text-align:center}
.capitalizacao-how h2{margin:0 0 25px;color:var(--aqua);font-family:"Uniform RND Black",var(--font);font-size:31px;line-height:1}
.capitalizacao-how p{margin:0;font-family:"Uniform RND Light",var(--font);font-size:18px;line-height:1.25}
.capitalizacao-how-button{position:absolute;left:50%;bottom:-29px;min-width:278px;min-height:64px;transform:translateX(-50%);border:0;border-radius:12px;background:#02043d;color:#fff;font-size:22px}
.capitalizacao-how-button:hover{transform:translate(-50%,-2px)}
.capitalizacao-benefits{min-height:750px;display:flex;align-items:center;padding:85px 0;background:#03043d;color:#fff}
.capitalizacao-benefits-layout{max-width:1200px;display:grid;grid-template-columns:255px 1fr;align-items:center;gap:45px}
.capitalizacao-benefits-heading>img{width:62px;height:61px;margin-bottom:26px;object-fit:contain}
.capitalizacao-benefits-heading h2{margin:0 0 27px;color:var(--aqua);font-family:"Uniform RND Black",var(--font);font-size:37px;line-height:.98}
.capitalizacao-benefits-heading .button{min-width:205px;min-height:43px;font-size:19px;border-radius:6px}
.capitalizacao-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}
.capitalizacao-benefit-card{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 16px;border-radius:45px;background:#fff;color:#0a123f;text-align:center}
.capitalizacao-benefit-card img{width:112px;height:112px;margin-bottom:10px;object-fit:contain}
.capitalizacao-benefit-card p{margin:0;font-size:22px;line-height:1.2}

@media(max-width:1100px){
  .capitalizacao-intro-grid{gap:80px}.capitalizacao-benefits-layout{grid-template-columns:220px 1fr}.capitalizacao-benefit-card{height:215px;border-radius:35px}.capitalizacao-benefit-card img{width:90px;height:90px}.capitalizacao-benefit-card p{font-size:17px}
}
@media(max-width:780px){
  .capitalizacao-hero{height:430px;min-height:0;background-position:center}.capitalizacao-hero-content{margin-top:0}.capitalizacao-hero h1{font-size:28px}.capitalizacao-hero p{font-size:18px}.capitalizacao-hero p br{display:none}
  .capitalizacao-intro{min-height:0;padding:70px 0 105px}.capitalizacao-intro-grid{grid-template-columns:1fr;gap:35px}.capitalizacao-intro-heading h2{font-size:29px}.capitalizacao-intro-heading h2 br{display:none}.capitalizacao-intro-copy{margin:0}.capitalizacao-how{min-height:0;margin-top:70px;padding:55px 35px 70px;border-radius:34px}.capitalizacao-how h2{font-size:27px}.capitalizacao-how p{font-size:16px}.capitalizacao-how p br{display:none}.capitalizacao-how-button{min-width:220px;min-height:52px;font-size:17px}
  .capitalizacao-benefits{min-height:0;padding:80px 0}.capitalizacao-benefits-layout{grid-template-columns:1fr;gap:50px}.capitalizacao-benefits-heading{text-align:center}.capitalizacao-benefits-heading>img{margin-inline:auto}.capitalizacao-benefits-heading h2{font-size:32px}.capitalizacao-benefits-heading h2 br{display:none}.capitalizacao-benefit-grid{grid-template-columns:repeat(2,1fr);gap:16px}.capitalizacao-benefit-card{height:190px;border-radius:30px}.capitalizacao-benefit-card img{width:82px;height:82px}.capitalizacao-benefit-card p{font-size:16px}
}
@media(max-width:460px){
  .capitalizacao-hero{height:330px}.capitalizacao-intro-heading h2{font-size:26px}.capitalizacao-how{padding:45px 24px 60px;border-radius:26px}.capitalizacao-how p{font-size:14px}
  .capitalizacao-benefit-grid{gap:10px}.capitalizacao-benefit-card{height:160px;padding:15px 9px;border-radius:23px}.capitalizacao-benefit-card img{width:67px;height:67px;margin-bottom:8px}
}


/* Reaplica regras definidas mais abaixo no main.css que atingem esta pagina, para manter a ordem original da cascata. */
@media (max-width: 780px){.button { width: fit-content; min-width: 0px; max-width: 100%; min-height: 44px; padding: 8px 20px; margin: auto; }}
@media (max-width: 780px){.fianca-breadcrumb, .capitalizacao-breadcrumb, .incendio-breadcrumb, .condominio-breadcrumb { padding-inline: 20px; }}
@media (max-width: 780px){.capitalizacao-breadcrumb { height: 50px; }}
@media (max-width: 780px){.capitalizacao-hero p br { display: inline; }}
@media (max-width: 780px){#capitalizacao-intro-title br { display: none; }}