@font-face{font-family:Axiforma;src:url('/assets/axiforma-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Axiforma;src:url('/assets/axiforma-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Axiforma;src:url('/assets/axiforma-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Axiforma;src:url('/assets/axiforma-700.woff2') format('woff2');font-weight:700;font-display:swap}
body,button,input,select,textarea{font-family:Axiforma,Arial,sans-serif}
.topbar{height:75px;box-shadow:0 1px 3px #00000018}
.nav{width:100%;padding:0 16px;gap:18px}
.brand{width:235px}
.navlinks{font-size:16px;font-weight:500;gap:28px}
.navlinks>a,.navdrop>button{font-weight:500}
.navlinks>.clientcta{height:46px;padding:0 28px;background:var(--pink);color:#fff;border-radius:999px}
.navlinks>.clientcta:hover{color:#fff;background:var(--pink2)}
.navcta{background:white;color:var(--pink);border:1px solid var(--pink);height:46px;padding:0 27px;font-size:16px;font-weight:500}
.navcta:hover{color:#fff}
.navcta-mobile{display:none!important}
.hero{min-height:600px;background-position:center 42%}
.hero:before{background:linear-gradient(90deg,#000a 0%,#0004 53%,#0003 100%)}
.hero>.wrap{width:100%;max-width:none;padding:35px 32px 35px 76px;min-height:600px;grid-template-columns:minmax(0,1fr) 384px;gap:32px}
.hero-copy{max-width:780px;align-self:stretch;position:relative;padding-top:15px;display:flex;flex-direction:column;align-items:flex-start}
.hero-plaque{width:190px;height:164px;background:var(--pink);border-radius:24px;display:grid;place-items:center;box-shadow:0 9px 22px #0004;position:relative;margin-bottom:24px}
.hero-plaque:before{content:"";position:absolute;width:106px;height:106px;border-left:11px solid white;border-top:11px solid white;border-radius:22px 0 0 0;left:-38px;top:-34px}
.hero-plaque img{background:white;border-radius:9px;width:158px;padding:7px}
.hero h1{font-family:Axiforma,Arial,sans-serif;font-size:49px;line-height:.91;letter-spacing:-.048em;font-weight:700;max-width:410px;margin:0}
.hero-copy>p{font-size:17px;font-weight:600;margin:auto 0 5px;max-width:610px}
.hero-mark{position:absolute;right:0;bottom:6px;text-align:right;color:white;font-size:27px;line-height:.78;font-weight:400;letter-spacing:-.06em}
.hero-mark b{font-size:56px}
.sim-card{width:384px;max-width:100%;background:#fafafa;border:1px solid #e8e8e8;border-radius:14px;box-shadow:0 1px 3px #0002;padding:24px;align-self:center}
.sim-card h2{font-family:Axiforma,Arial,sans-serif;font-size:18px;line-height:1.08;letter-spacing:0;font-weight:600;color:var(--pink);max-width:310px;margin:0 0 22px}
.sim-card label{font-size:14px;font-weight:500;margin:0 0 12px}
.sim-card .sim-row{margin-bottom:14px}
.sim-card select{height:36px;border-radius:8px;color:#6d6d6d;font-size:14px;padding:0 12px;border-color:#e5e5e5;background:#fafafa}
.sim-card input[type=text]{height:48px;width:100%;border:1px solid #e5e5e5;border-radius:8px;font-size:14px!important;font-weight:400;background:#fafafa;color:#666;padding-left:44px;outline:none}
.money:before{font-size:14px;font-weight:400;color:#777;top:14px}
.switch{margin:0;border-radius:8px;padding:3px;background:#f4f4f5}
.switch button{height:29px;padding:4px 8px;font-size:14px;font-weight:500}
.switch button.active{box-shadow:0 1px 3px #0002}
.sim-card input[type=range]{margin:10px 0 0}
.range-ends{font-size:12px;color:#666}
.sim-card .btn{font-size:14px;font-weight:500;height:36px;padding:6px 14px;margin-top:5px}
.sim-note{font-size:10px!important;margin-top:9px!important}
.section{padding:70px 0}
.section-head{margin-bottom:42px}
.section-head h2,.split-copy h2,.content-page h1{font-family:Axiforma,Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.2}
.section-head p,.split-copy p{font-size:16px;line-height:1.55}
.eyebrow{font-size:15px;letter-spacing:0;text-transform:none;font-weight:500;color:#555}
.categories-section{background:#f2f5fa}
.categories-section .section-head h2{color:#555;font-size:30px}
.categories-section .section-head p{max-width:780px;margin:auto;color:#666}
.category-grid{grid-template-columns:repeat(6,1fr);gap:22px}
.category{background:#fff;color:#16181e;border:1px solid #e8e8e8;box-shadow:0 1px 3px #00000019;border-radius:16px;min-height:260px;grid-column:span 3;display:flex;flex-direction:row;align-items:center;overflow:hidden}
.category:nth-child(n+3){grid-column:span 2;min-height:350px;display:flex;flex-direction:column;align-items:stretch}
.category:before{display:none}
.category-image{height:190px;width:45%;flex:none;background-image:url('/assets/categories.png');background-size:200% 200%;background-position:0 0;order:2;border-radius:12px;margin:15px}
.category.car .category-image{background-position:100% 0}
.category.service .category-image{background-position:0 100%}
.category.movable .category-image{background-position:0 0;filter:grayscale(.8)}
.category.moto .category-image{background-position:100% 100%}
.category:nth-child(n+3) .category-image{height:170px;width:calc(100% - 30px);order:0;margin:15px}
.category-content{padding:30px 15px 30px 35px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.category:nth-child(n+3) .category-content{padding:15px 24px 25px;justify-content:flex-start}
.category h3{font-family:Axiforma,Arial,sans-serif;font-size:28px;font-weight:600;letter-spacing:-.025em;margin:0 0 12px}
.category:nth-child(n+3) h3{font-size:21px}
.category p{font-size:16px;line-height:1.6;color:#494e58;margin:0 0 15px}
.category span{display:none;color:var(--pink);font-size:13px;font-weight:500}
.category:hover span{display:block}
.category span:after{content:""}
.category:hover{box-shadow:0 5px 15px #00000016}
.info-card{border-radius:14px;box-shadow:0 1px 3px #00000015;border:1px solid #e8e8e8;padding:25px}
.info-card h3,.step h3{font-family:Axiforma,Arial,sans-serif;font-weight:600;letter-spacing:0}
.info-card p,.step p{font-size:15px}
.btn{font-weight:500;font-size:14px}
.plan-copy h3,.contrast-box h3,.banner h2{font-family:Axiforma,Arial,sans-serif;font-weight:700}
.product-hero{height:600px;min-height:600px}
.product-hero:before{background-image:linear-gradient(90deg,#0003,transparent 60%),url('/assets/hero-imoveis.png');background-size:cover;background-position:center}
.product-hero.car:before,.product-hero.service:before,.product-hero.moto:before{background-image:linear-gradient(90deg,#0007,#0002),url('/assets/categories.png')}
.product-hero.car:before{background-image:linear-gradient(90deg,#0005,transparent 65%),url('/assets/hero-veiculos.png');background-size:cover;background-position:center}
.product-hero.service:before{background-image:linear-gradient(90deg,#0005,transparent 65%),url('/assets/hero-servicos.png');background-size:cover;background-position:center}
.product-hero .wrap{width:100%;max-width:none;padding:0 10%;min-height:600px;display:flex;align-items:flex-start}
.product-hero.with-form .wrap{padding:0 32px 0 10%;display:flex;justify-content:space-between;align-items:center;gap:30px}
.product-hero.with-form .product-hero-copy{align-self:flex-start;margin-top:140px}
.product-hero.with-form .sim-card{flex:none}
.product-hero-copy{position:relative;margin-top:100px;max-width:480px}
.product-hero-copy:before{content:"";position:absolute;width:67px;height:67px;border-top:8px solid white;border-left:8px solid white;border-radius:12px 0 0 0;left:-40px;top:-38px}
.product-hero h1{font-family:Axiforma,Arial,sans-serif;font-size:41px;font-weight:600;letter-spacing:-.05em;line-height:1.08;margin:0}
.product-intro{background:#fafafa}
.product-intro h2{font-size:26px;font-weight:700;margin:0 0 15px}
.product-intro> .wrap >p{font-size:16px;color:#555;line-height:1.55;margin:0 0 26px}
.product-intro .info-card{display:flex;align-items:flex-start;gap:18px;min-height:140px;background:transparent}
.product-intro .info-card .icon{background:transparent;border-radius:0;margin:0;color:var(--pink);width:30px;height:30px;font-size:20px}
.product-intro .info-card h3{font-size:16px;margin:2px 0 8px}
.product-intro .info-card p{font-size:14px}
.product-chips{justify-content:center;margin-bottom:50px}
.insurance-hero{height:430px;background:var(--pink) url('/assets/hero-seguros.png') center top/cover no-repeat;color:#fff;display:flex;align-items:center}
.insurance-hero .wrap{width:min(1280px,calc(100% - 64px))}
.insurance-hero p{font-size:16px;margin:0 0 8px}
.insurance-hero h1{font-size:42px;line-height:1.3;font-weight:700;margin:0}
.insurance-grid{display:grid;grid-template-columns:1fr 500px;gap:9%;align-items:start}
.insurance-grid>div{padding-top:42px}
.insurance-grid h2{font-size:29px;line-height:1.2;margin:12px 0 20px}
.insurance-grid h2 em{font-style:normal;color:var(--pink)}
.insurance-grid p{line-height:1.7;color:#555}
.insurance-form{border:1px solid var(--pink);border-radius:16px;padding:27px;display:flex;flex-direction:column;gap:14px}
.insurance-form input{height:45px;border:0;border-bottom:1px solid #ddd;padding:0 0 0 2px;outline:none}
.insurance-form input:focus{border-color:var(--pink)}
.insurance-form .btn{margin-top:10px}
.insurance-form .sim-note{margin:0!important}
#insurance-status{color:var(--pink);font-weight:600;font-size:13px;margin:0}
.plans-section{background:#fafafa}
.plans-section h2{text-align:center;color:var(--pink);font-size:22px;font-weight:700;margin:0 0 22px}
.plan-tabs{max-width:740px;margin:0 auto 25px;background:#f5f5f5;padding:4px;border-radius:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.plan-tabs button{border:0;border-radius:8px;height:32px;padding:4px 12px;font-size:14px;font-weight:500}
.plan-chip-row{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:30px}
.plan-chip-row .chip{padding:2px 12px;border-radius:999px;font-size:12px;font-weight:500;background:#fff;border-color:#ececec}
.plan-carousel{display:grid;grid-template-columns:42px 1fr 42px;gap:12px;align-items:center}
.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plan-credit{height:148px;border:1px solid #e5e5e5;background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000d;padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start}
.plan-credit small{font-size:14px;color:#777;margin-bottom:10px}
.plan-credit strong{font-size:25px;line-height:1.2;color:#444;font-weight:700}
.plan-reveal{border:0;background:none;padding:0;margin-top:15px;color:var(--pink);font-size:14px;font-weight:500}
.plan-arrow{width:40px;height:40px;border:1px solid #e5e5e5;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0001;color:var(--pink);font-size:19px}
.plan-arrow:disabled{color:#bbb;cursor:default}
.plan-dots{display:flex;justify-content:center;gap:7px;margin-top:28px}
.plan-dots span{width:8px;height:8px;border-radius:50%;background:#dedede}
.plan-dots span.active{background:var(--pink)}
.plan-disclaimer{text-align:center;font-size:11px;color:#777;margin:18px 0 0}
.contrast-box{color:#252525}
.contrast-box.pink{color:#fff}
.institutional-hero{height:495px}
.institutional-hero .wrap{padding-left:9%}
.institutional-hero h1{font-size:38px}
.client-hero .btn{background:white;color:var(--pink);margin-top:24px;min-width:210px}
.client-hero .btn:hover{background:#fafafa;color:var(--pink)}
.about-panel{min-height:300px;background:#f7f7f7;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}
.about-panel img{width:300px}
.about-panel p{font-size:13px;color:#777}
.timeline-demo{display:flex;justify-content:space-between;border-top:3px solid #eee;padding-top:20px;max-width:720px;margin:auto}
.timeline-demo span{font-size:14px;color:#777;font-weight:600}
.timeline-demo span.active{color:var(--pink)}
.login-notice{max-width:700px;margin:auto;padding:25px;border-radius:13px;border:1px solid #ddd;background:#fff;text-align:center;line-height:1.6}
.credit-tabs{display:flex;gap:5px;background:#f4f4f4;width:max-content;border-radius:8px;padding:4px;margin-bottom:25px}
.credit-tabs button{border:0;background:none;border-radius:6px;padding:7px 13px;font-size:14px}
.credit-tabs button.active{background:var(--pink);color:white}
.blog-titlebar{background:#84251f;color:#fff;padding:21px 0;text-align:center}
.blog-titlebar h1{font-size:30px;font-weight:700;margin:0}
.blog-section h2{font-size:35px;letter-spacing:-.03em;margin:0 0 26px}
.featured-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}
.featured-grid a{display:block}
.featured-photo{background-image:url('/assets/categories.png');background-size:200% 200%;background-position:0 0;border-radius:12px}
.featured-photo.house{height:410px}
.featured-photo.car{background-position:100% 0}
.featured-photo.service{background-position:0 100%}
.featured-side{display:grid;gap:25px}
.featured-side .featured-photo{height:180px}
.featured-grid small{display:block;font-size:13px;color:#666;margin-top:12px}
.featured-grid h3{font-size:20px;line-height:1.4;margin:5px 0 0}
.featured-main h3{font-size:25px}
.blog-list-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:70px 0 25px}
.blog-list-head h2{margin:0}
.blog-list-head select{border:1px solid #ddd;border-radius:8px;padding:10px;background:#fff}
.article[hidden]{display:none}
@media(max-width:1050px){.hero-mark{display:none}.hero h1{font-size:43px}.navlinks{gap:16px;font-size:14px}.brand{width:185px}.navlinks>.clientcta{padding:0 15px}.navcta{padding:0 14px}}
@media(max-width:800px){.topbar{height:72px}.nav{padding:0 16px}.brand{width:160px}.navlinks{top:72px;font-size:16px}.navlinks>.clientcta{height:auto;background:none;color:#333;border-radius:0;padding:14px 0}.navlinks>.clientcta:hover{color:var(--pink);background:none}.navcta-mobile{display:block!important}.navcta{display:none}.hero>.wrap{padding:40px 16px;display:flex;min-height:0}.hero-copy{padding-top:0;min-height:340px}.hero-plaque{width:140px;height:110px;border-radius:16px;margin-bottom:22px}.hero-plaque:before{width:60px;height:60px;left:-12px;top:-12px;border-width:7px}.hero-plaque img{width:118px}.hero h1{font-size:38px;max-width:390px}.hero-copy>p{font-size:15px;margin-top:auto}.sim-card{width:100%;max-width:400px}.category-grid{gap:15px}.category{grid-column:span 3}.category:nth-child(n+3){grid-column:span 2}.category h3{font-size:21px}.category p{font-size:14px}.category-content{padding:18px}.product-hero,.product-hero .wrap{height:500px;min-height:500px}.product-hero-copy{margin-top:90px}.product-hero h1{font-size:35px}.product-intro .info-grid{grid-template-columns:repeat(2,1fr)}.product-hero.with-form{height:auto;min-height:0}.product-hero.with-form .wrap{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:42px 16px}.product-hero.with-form .product-hero-copy{margin:0 0 30px;align-self:auto}.product-hero.with-form .sim-card{align-self:center}.insurance-grid{grid-template-columns:1fr}}
@media(max-width:560px){.hero>.wrap{padding:28px 16px 38px;gap:20px}.hero-copy{min-height:335px}.hero h1{font-size:38px}.hero-plaque{margin-left:10px}.section{padding:55px 0}.section-head h2,.split-copy h2{font-size:27px}.categories-section .section-head h2{font-size:27px}.category-grid{grid-template-columns:1fr}.category,.category:nth-child(n+3){grid-column:span 1;min-height:210px;flex-direction:row;align-items:center}.category-image,.category:nth-child(n+3) .category-image{width:38%;height:130px;order:2;margin:10px}.category-content,.category:nth-child(n+3) .category-content{padding:20px;justify-content:center}.category h3,.category:nth-child(n+3) h3{font-size:20px}.category p{font-size:12px;margin:0}.category span{display:none!important}.product-hero,.product-hero .wrap{height:390px;min-height:390px}.product-hero .wrap{padding:0 55px}.product-hero-copy{margin-top:75px}.product-hero h1{font-size:29px}.product-intro .info-grid{grid-template-columns:1fr}.product-intro h2{font-size:23px}.product-intro .info-card{min-height:0}.hero .sim-card{margin-top:0}.insurance-hero{height:340px;background-position:60% center}.insurance-hero .wrap{width:calc(100% - 40px)}.insurance-hero h1{font-size:31px}.insurance-grid{grid-template-columns:1fr}.insurance-grid>div{padding-top:0}.insurance-form{padding:20px}}
@media(max-width:560px){.product-hero.with-form:before{background-position:20% center}.insurance-hero{background-image:linear-gradient(90deg,#67002b80,transparent 70%),url('/assets/hero-seguros.png');background-position:center top}}
@media(max-width:800px){.plan-cards{grid-template-columns:repeat(2,1fr)}.plan-credit:nth-child(3){display:none}}
@media(max-width:560px){.plan-tabs button{font-size:12px;padding:4px}.plan-carousel{grid-template-columns:30px 1fr 30px;gap:5px}.plan-arrow{width:28px;height:28px;font-size:15px}.plan-cards{grid-template-columns:1fr}.plan-credit:nth-child(2){display:none}.plan-credit{padding:20px}.plan-chip-row{gap:6px}.plan-chip-row .chip{font-size:10px;padding:3px 7px}}
@media(max-width:800px){.featured-grid{grid-template-columns:1fr}.featured-side{grid-template-columns:1fr 1fr}.featured-photo.house{height:300px}.institutional-hero{height:410px}}
@media(max-width:560px){.institutional-hero{height:340px}.institutional-hero .wrap{padding-left:20px}.institutional-hero h1{font-size:30px}.blog-titlebar h1{font-size:21px}.blog-section h2{font-size:28px}.featured-side{grid-template-columns:1fr}.featured-photo.house{height:240px}.blog-list-head{flex-direction:column;align-items:flex-start;margin-top:50px}.credit-tabs{width:100%}.credit-tabs button{font-size:12px;padding:8px}}

/* Keep the visible logo and the simulator on the same content edges. */
.brand img{transform:translateX(-22px)}
@media(max-width:1050px){.brand img{transform:translateX(-18px)}}
@media(max-width:800px){
  .brand img{transform:translateX(-16px)}
  .hero .sim-card,.product-hero.with-form .sim-card{align-self:flex-start;max-width:520px}
}
@media(max-width:560px){
  .hero .sim-card,.product-hero.with-form .sim-card{max-width:none}
  .product-hero:not(.with-form) .wrap{padding:0 16px}
  .product-hero:not(.with-form) .product-hero-copy{margin-top:130px}
  .product-hero:not(.with-form) .product-hero-copy:before{left:0;top:-85px}
  .product-hero:not(.with-form):before{background-image:linear-gradient(90deg,#0008,#0001 75%),url('/assets/hero-imoveis.png');background-position:center,left center}
  .product-hero:not(.with-form) h1{max-width:330px}
  .insurance-hero .wrap{width:calc(100% - 32px)}
  .institutional-hero .wrap{padding-left:0}
}

/* Keep the supplied transparent PNG unchanged; use light surfaces behind dark lettering. */
.hero-plaque{background:#f5f6f8;box-shadow:0 9px 22px #0004}
.hero-plaque img{background:transparent;border-radius:0;padding:0;width:100%}
.footer{background:#f5f6f8;color:#171717}
.footer-logo{background:transparent;border-radius:0;padding:0}
.footer-logo img{transform:translateX(-18px)}
.footer p{color:#555}
.footer a{color:#444}
.footer a:hover{color:var(--pink)}
.footer-bottom{border-color:#d5d5d9;color:#666}
@media(max-width:800px){.hero-plaque{width:190px}}

/* Match the reference form proportions on desktop and inside the mobile overlap. */
.sim-card{padding:20px 24px 12px}
.sim-card h2{margin-bottom:16px}
.sim-card .sim-row{margin-bottom:10px}
.sim-card label{margin-bottom:7px}
.sim-card input[type=text]{height:44px}
.sim-note{margin-top:4px!important}
.product-hero h1 strong{font-weight:700}
.product-hero h1 span{font-weight:400}
.hero>.wrap:after{content:"";position:absolute;right:41%;bottom:40px;width:105px;height:105px;border-right:10px solid #fff;border-bottom:10px solid #fff;border-radius:0 0 22px 0;pointer-events:none}
.product-hero.with-form .wrap:after{content:"";position:absolute;right:47%;bottom:100px;width:58px;height:58px;border-right:8px solid #fff;border-bottom:8px solid #fff;border-radius:0 0 12px 0;pointer-events:none}

/* Each quadrant of categories.png is square. Scale its width uniformly and crop
   the excess height instead of stretching the photos into rectangular slots. */
.category-image,.featured-photo,.article .thumb,.split-photo:not(.hero-photo),.plan-image{background-size:200% auto}
.category.house .category-image,.category.movable .category-image,.featured-photo.house,.article:first-child .thumb,.plan-image{background-position:0 15%}
.category.car .category-image,.featured-photo.car,.article:nth-child(2) .thumb{background-position:100% 15%}
.category.service .category-image,.featured-photo.service,.article:nth-child(3) .thumb{background-position:0 75%}
.category.moto .category-image{background-position:100% 75%}
.split-photo:not(.hero-photo){background-position-y:15%!important}
.split-photo:not(.hero-photo)[style*="100%"]{background-position-y:75%!important}
.page-hero.house:not(.product-hero):before{background-image:linear-gradient(90deg,#000d,#0005),url('/assets/hero-imoveis.png');background-size:cover;background-position:center}
.product-hero.moto:before{background-size:cover,200% auto;background-position:center,100% 75%}
@media(min-width:561px) and (max-width:915px){
  .category:nth-child(-n+2) .category-image{background-size:auto 200%}
  .category.house .category-image{background-position:0 0}
  .category.car .category-image{background-position:100% 0}
}
@media(min-width:561px) and (max-width:680px){
  .category:nth-child(n+3) .category-image{background-size:auto 200%}
  .category.service .category-image{background-position:0 100%}
  .category.movable .category-image{background-position:0 0}
  .category.moto .category-image{background-position:100% 100%}
}
@media(max-width:560px){
  .category.house .category-image,.category.movable .category-image{background-position:0 0}
  .category.car .category-image{background-position:100% 0}
  .category.service .category-image{background-position:0 100%}
  .category.moto .category-image{background-position:100% 100%}
}
@media(max-width:800px){.product-hero.moto:before{background-size:cover,auto 200%;background-position:center,100% 100%}}
@media(max-width:375px){
  .category-image,.split-photo:not(.hero-photo){background-size:auto 200%}
  .category.house .category-image,.category.movable .category-image{background-position:0 0}
  .category.car .category-image{background-position:100% 0}
  .featured-photo.house{background-position:0 0}
  .split-photo:not(.hero-photo){background-position-y:0!important}
  .split-photo:not(.hero-photo)[style*="100%"]{background-position-y:100%!important}
}

@media(max-width:800px){
  .nav{position:relative;justify-content:center}
  .brand{width:190px;margin:0}
  .brand img{transform:none}
  .hamburger{position:absolute;left:16px;order:-1;margin:0}
  .hero{height:500px;min-height:500px;margin-bottom:190px;background-position:75% center}
  .hero>.wrap{display:block;height:500px;min-height:500px;padding:3px 0 0 11%}
  .hero-copy{display:block;max-width:240px;min-height:0;padding:0}
  .hero-plaque{width:130px;height:110px;margin:0 0 10px;border-radius:16px}
  .hero-plaque:before{left:-36px;top:-3px;width:70px;height:60px}
  .hero h1{font-size:27px;line-height:.91;max-width:230px}
  .hero-copy>p,.hero-mark{display:none}
  .hero .sim-card{position:absolute;top:260px;left:50%;transform:translateX(-50%);width:384px;max-width:calc(100% - 32px);margin:0}
  .hero>.wrap:after{right:5%;top:155px;bottom:auto;width:75px;height:75px;border-width:8px;border-radius:0 0 14px 0}
  .product-hero.with-form{height:500px;min-height:500px;margin-bottom:190px;overflow:visible}
  .product-hero.with-form .wrap{display:block;height:500px;min-height:500px;padding:0}
  .product-hero.with-form .product-hero-copy{position:absolute;top:0;left:27%;width:350px;max-width:calc(100% - 30%);margin:0}
  .product-hero.with-form h1{font-size:29px;line-height:1.08}
  .product-hero.with-form .sim-card{position:absolute;top:260px;left:50%;transform:translateX(-50%);width:384px;max-width:calc(100% - 32px);margin:0}
  .product-hero.with-form .wrap:after{content:"";position:absolute;right:23%;top:60px;width:50px;height:50px;border-right:8px solid #fff;border-bottom:8px solid #fff;border-radius:0 0 12px 0;pointer-events:none}
}

/* Keep a single Matte logo in the header and balance the hero after removing its badge. */
.brand{width:210px}
.hero-plaque{display:none}
.hero-copy{padding-top:150px}
.hero-copy>p,.hero-mark,.hero>.wrap:after{display:none}
@media(max-width:1050px){.brand{width:165px}}
@media(max-width:800px){
  .brand{width:170px}
  .hero-copy{padding-top:80px}
}

/* Demonstrative simulator: show the public average used and the monthly cost breakdown. */
.sim-card .sim-term-row{margin-bottom:8px}
.sim-card .sim-rate-reference{color:#707070;font-size:10px;line-height:1.4;margin:0 0 10px}
.sim-card .sim-rate-reference a,.sim-card .sim-step.two .sim-note a{color:var(--pink);text-decoration:underline;text-underline-offset:2px}
.sim-breakdown summary{color:var(--pink);cursor:pointer;font-size:12px;font-weight:600}
.sim-breakdown summary:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.sim-result-tag{color:var(--pink);font-size:10px;font-weight:700;letter-spacing:.08em;margin:0 0 7px}
.sim-card .sim-step.two h2{margin-bottom:14px}
.sim-result-main{display:grid;grid-template-columns:1fr auto;gap:3px 12px;margin:0 0 12px;padding:14px;border-radius:10px;background:#f7f7f8}
.sim-result-main dt{color:#666;font-size:11px}
.sim-result-main dd{font-size:12px;font-weight:600;margin:0;text-align:right}
.sim-result-main dt:first-child,.sim-result-main dd:nth-child(2){grid-column:1/-1;text-align:left}
.sim-result-main dd:nth-child(2){color:var(--pink);font-size:24px;line-height:1.1;margin:0 0 9px}
.sim-breakdown{border:1px solid #e7e7e7;border-radius:10px;padding:11px 13px}
.sim-breakdown dl{display:grid;grid-template-columns:1fr auto;gap:8px 10px;margin:12px 0 0}
.sim-breakdown dt{color:#686868;font-size:11px}
.sim-breakdown dd{font-size:11px;font-weight:600;margin:0;text-align:right}
.sim-breakdown dt:nth-last-child(4),.sim-breakdown dd:nth-last-child(3){border-top:1px solid #e7e7e7;padding-top:9px;font-weight:700;color:#222}
.sim-breakdown dt:nth-last-child(2),.sim-breakdown dd:last-child{font-weight:700;color:var(--pink)}
.sim-step.two .btn{width:100%;margin-top:14px}

/* Editorial photography: give each story its own image instead of reusing the hero. */
.split-photo.family-interior{background:#ddd url('/assets/familia-apartamento.jpg') center/cover no-repeat}
.split-photo.family-planning{background:#ddd url('/assets/casal-planejamento.jpg') center/cover no-repeat}
.split-photo.family-home{background:#ddd url('/assets/familia-casa.jpg') 68% center/cover no-repeat}
.product-detail-photo.house{background:#ddd url('/assets/familia-apartamento.jpg') 68% center/cover no-repeat}
.product-detail-photo.car{background:#ddd url('/assets/categories.png') 100% 0/200% auto no-repeat}
.product-detail-photo.service{background:#ddd url('/assets/categories.png') 0 100%/200% auto no-repeat}
.product-detail-photo.moto{background:#ddd url('/assets/categories.png') 100% 100%/200% auto no-repeat}
.category.house .category-image{background-image:url('/assets/familia-casa.jpg')}
.category.car .category-image{background-image:url('/assets/hero-veiculos.png')}
.category.service .category-image{background-image:url('/assets/hero-servicos.png')}
.category.movable .category-image{background-image:url('/assets/familia-apartamento.jpg');filter:none}
.category.house .category-image,.category.car .category-image,.category.service .category-image,.category.movable .category-image{background-size:cover;background-position:center}
.category.house .category-image{background-position:66% center}
.category.movable .category-image{background-position:74% center}
.featured-photo.house,.article:first-child .thumb{background-image:url('/assets/familia-casa.jpg');background-size:cover;background-position:65% center}
.featured-photo.car,.article:nth-child(2) .thumb{background-image:url('/assets/hero-veiculos.png');background-size:cover;background-position:center}
.featured-photo.service,.article:nth-child(3) .thumb{background-image:url('/assets/casal-planejamento.jpg');background-size:cover;background-position:38% center}
.product-hero.house:before{background-image:linear-gradient(90deg,#0009 0%,#0006 46%,#0002 100%),url('/assets/familia-casa.jpg');background-size:cover;background-position:center}
.page-hero.house:not(.product-hero):before{background-image:linear-gradient(90deg,#000b,#0003),url('/assets/casal-planejamento.jpg');background-size:cover;background-position:center}
.about-hero{background-image:linear-gradient(90deg,#0009,#0002),url('/assets/familia-casa.jpg');background-position:65% center}
.credit-hero{background-image:linear-gradient(90deg,#0009,#0002),url('/assets/casal-planejamento.jpg');background-position:center}
.client-hero{background-image:linear-gradient(90deg,#0009,#0002),url('/assets/familia-apartamento.jpg');background-position:center}

/* Mobile: keep the photograph, headline and simulator in normal document flow. */
@media(max-width:800px){
  .hero{height:auto;min-height:0;margin-bottom:0;background-color:#f4f5f7;background-size:auto 370px;background-position:65% top}
  .hero:before{bottom:auto;height:370px;background:linear-gradient(90deg,#000b 0%,#0006 58%,#0003 100%)}
  .hero>.wrap{height:auto;min-height:0;display:flex;flex-direction:column;gap:0;padding:0 20px 30px}
  .hero-copy{height:335px;min-height:0;max-width:100%;width:100%;padding:0;display:flex;justify-content:center;align-items:flex-start}
  .hero h1{font-size:clamp(30px,7vw,42px);max-width:370px;line-height:1.04}
  .hero .sim-card,.product-hero.with-form .sim-card{position:relative;top:auto;left:auto;transform:none;margin:-10px auto 0;width:100%;max-width:520px;align-self:center;z-index:1}
  .product-hero.with-form{height:auto;min-height:0;margin-bottom:0;background:#f4f5f7;overflow:hidden}
  .product-hero.with-form:before{bottom:auto;height:370px;background-position:65% center}
  .product-hero.with-form .wrap{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:0 20px 30px;gap:0}
  .product-hero.with-form .product-hero-copy{position:relative;left:auto;top:auto;align-self:auto;margin:0;width:100%;max-width:none;height:335px;display:flex;align-items:center}
  .product-hero.with-form h1{font-size:clamp(30px,6vw,40px);max-width:420px;line-height:1.08}
  .product-hero-copy:before,.product-hero.with-form .wrap:after{display:none}
  .category.house .category-image,.category.car .category-image,.category.service .category-image,.category.movable .category-image,.featured-photo.house,.featured-photo.car,.featured-photo.service,.article .thumb{background-size:cover}
  .split-photo.family-interior,.split-photo.family-planning,.split-photo.family-home,.product-detail-photo.house{background-size:cover}
  .footer-top{gap:28px}
}
@media(max-width:560px){
  .hero{background-size:auto 315px;background-position:63% top}
  .hero:before{height:315px}
  .hero>.wrap{padding:0 16px 28px}
  .hero-copy{height:286px}
  .hero h1{font-size:clamp(28px,8.5vw,35px);max-width:285px;margin:0;line-height:1.06}
  .hero .sim-card,.product-hero.with-form .sim-card{margin-top:0}
  .product-hero.with-form:before{height:315px;background-position:62% center}
  .product-hero.with-form .wrap{padding:0 16px 28px}
  .product-hero.with-form .product-hero-copy{height:286px}
  .product-hero.with-form h1{font-size:clamp(27px,7vw,33px);max-width:290px}
  .sim-card{padding:20px 18px 16px}
  .sim-card h2{font-size:19px}
  .category,.category:nth-child(n+3){min-height:186px}
  .category-content,.category:nth-child(n+3) .category-content{padding:16px;min-width:0}
  .category-image,.category:nth-child(n+3) .category-image{width:39%;height:145px;flex:none;margin:10px}
  .category p{line-height:1.4}
  .split-photo,.split-photo.family-interior,.split-photo.family-planning,.split-photo.family-home,.product-detail-photo.house{min-height:250px;background-size:cover}
  .banner{padding:28px 24px}
  .banner h2{font-size:27px}
  .banner .btn{white-space:normal;width:100%}
  .footer-top{grid-template-columns:1fr 1fr;gap:25px 18px}
  .footer-top>div:first-child{grid-column:1/-1}
  .footer-logo{width:160px}
}
@media(max-width:360px){
  .brand{width:150px}
  .category-image,.category:nth-child(n+3) .category-image{width:35%}
  .category h3,.category:nth-child(n+3) h3{font-size:17px}
  .category p{font-size:11px}
  .footer-top{grid-template-columns:1fr}
  .footer-top>div:first-child{grid-column:auto}
}

/* The catalog has three focused product categories. */
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.category,.category:nth-child(n+3){grid-column:auto;min-height:350px;display:flex;flex-direction:column;align-items:stretch}
.category-image,.category:nth-child(n+3) .category-image{order:0;width:calc(100% - 30px);height:190px;margin:15px}
.category-content,.category:nth-child(n+3) .category-content{padding:15px 24px 25px;justify-content:flex-start}
.category h3,.category:nth-child(n+3) h3{font-size:22px}
.category p,.category:nth-child(n+3) p{font-size:14px}
.plan-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.footer-top{grid-template-columns:1.5fr 1fr 1fr}
@media(max-width:800px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category:last-child{grid-column:1/-1}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .category-grid{grid-template-columns:1fr}
  .category,.category:nth-child(n+3),.category:last-child{grid-column:auto;min-height:180px;flex-direction:row;align-items:center}
  .category-image,.category:nth-child(n+3) .category-image{order:2;width:40%;height:140px;margin:10px;flex:none}
  .category-content,.category:nth-child(n+3) .category-content{padding:16px;justify-content:center}
  .category h3,.category:nth-child(n+3) h3{font-size:19px}
  .category p,.category:nth-child(n+3) p{font-size:12px;margin:0}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:360px){
  .category-image,.category:nth-child(n+3) .category-image{width:36%}
  .footer-top{grid-template-columns:1fr}
}

/* Quote access stays visible on every page; simulator controls remain local. */
.sim-whatsapp-link{display:block;width:100%;text-align:center;color:var(--pink);font-size:12px;font-weight:700;margin:12px 0 2px;text-decoration:underline;text-underline-offset:3px}
.sim-whatsapp-link:hover,.text-link:hover{color:var(--pink2)}
.sim-back-link{display:block;margin:12px auto 0;padding:4px 8px;border:0;background:none;color:var(--pink);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.sim-back-link:hover{color:var(--pink2)}
.footer .footer-whatsapp{font-weight:700;color:var(--pink);font-size:14px;margin-top:16px}
.contact-whatsapp{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.contact-whatsapp h2{margin:0}
.contact-whatsapp p{margin:0 0 4px;color:#666;line-height:1.5}
.contact-whatsapp .contact-number{color:var(--pink);font-size:21px;font-weight:700}
.contact-whatsapp .btn{margin-top:5px}
.text-link{color:var(--pink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.whatsapp-float{position:fixed;left:20px;bottom:20px;z-index:80;display:flex;align-items:center;gap:10px;padding:11px 17px;border-radius:999px;background:#128c58;color:#fff;box-shadow:0 8px 25px #0004;font-size:12px;font-weight:500;line-height:1.2;transition:background .2s,transform .2s}
.whatsapp-float:hover{background:#0d7247;transform:translateY(-2px)}
.whatsapp-float strong{display:block;font-size:15px}
.whatsapp-float-icon{display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;font-size:22px;line-height:1}
.whatsapp-float:focus-visible,.sim-whatsapp-link:focus-visible,.sim-back-link:focus-visible{outline:3px solid #111;outline-offset:3px}
@media(max-width:560px){
  body{padding-bottom:66px}
  .whatsapp-float{left:12px;right:12px;bottom:10px;justify-content:center;padding:9px 14px}
  .whatsapp-float strong{display:inline;font-size:14px;margin-left:4px}
  .whatsapp-float-icon{width:27px;height:27px;font-size:19px}
}