/* Brazão Borrachas — identidade visual compartilhada */
:root{--blue:#175bb5;--blue-dark:#0c2f58;--blue2:#175bb5;--blue-light:#edf5ff;--blue-soft:#edf5ff;--muted:#536479;--line:#dce5ef;--radius:14px;--shadow:0 12px 32px rgba(12,47,88,.08)}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6}button,input{font:inherit}button,a,input{touch-action:manipulation}img{max-width:100%}a,button{transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #28aff4;outline-offset:4px}h1,h2,h3{text-wrap:balance}p{overflow-wrap:break-word}section[id]{scroll-margin-top:110px}.btn,.cta,.whatsapp,.quote{line-height:1.45}.btn-primary,.catalog-pdf{background:#175bb5}.btn-whatsapp,.whatsapp,.quote{background:#087e40!important;color:#fff!important}.btn-whatsapp:hover,.whatsapp:hover,.quote:hover{background:#086533!important}.card,.review,.contact-box,.catalog-card{border-color:#dce5ef;border-radius:14px;box-shadow:0 5px 22px rgba(12,47,88,.04)}.card:hover,.catalog-card:hover{border-color:#80afe4;box-shadow:0 12px 30px rgba(12,47,88,.1)}.skip-link{position:fixed;top:8px;left:12px;transform:translateY(-180%);z-index:200;background:white;color:#0c2f58;padding:12px 20px;border-radius:8px}.skip-link:focus{transform:none}
body.home .container{width:min(1240px,92%)}body.home .hero{min-height:560px;background:linear-gradient(110deg,#082845 0%,#0c3763 65%,#175b91 100%);position:relative;overflow:hidden}body.home .hero:after{content:"";position:absolute;width:480px;height:480px;right:-160px;top:40px;border:70px solid #ffffff07;outline:1px solid #ffffff16;border-radius:50%;pointer-events:none}body.home .hero-content{position:relative;z-index:1;padding:72px 0 96px;max-width:850px}body.home .hero h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.04em;line-height:1.09;text-shadow:none}body.home .hero p{text-shadow:none;max-width:650px}body.home .hero-stats{margin-top:32px;gap:40px}body.home .nav{gap:20px}body.home .brand{min-width:0}body.home .brand small{font-size:14px}body.home .menu{gap:18px;font-size:15px}body.home section{padding:72px 0}body.home .hero{padding:0}body.home .trust{margin-top:-32px}body.home .trust-card{border:1px solid var(--line);border-radius:14px}body.home .home-catalog{background:#eef3f8}body.home .home-catalog-heading{margin-bottom:24px}body.home .home-catalog-heading small{color:#175bb5;font-size:14px}body.home .home-catalog-frame{height:1500px;border-radius:16px;box-shadow:var(--shadow)}body.home .section-head h2{font-size:clamp(28px,3.5vw,42px)}body.home .card{padding:28px}body.home .icon{border-radius:12px}body.home .mobile-toggle{min-width:44px;min-height:44px;cursor:pointer}body.home .topbar-inner{padding:8px 0}body.home .float-whatsapp{background:#087e40}
body.catalog .intro .eyebrow,body.catalog .category-label{color:#175bb5;font-size:14px}body.catalog .catalog-shell{grid-template-columns:280px 250px minmax(0,1fr);min-height:0;border-radius:16px;align-items:stretch}body.catalog .categories{background:linear-gradient(115deg,#0b294d,#103a69);padding-bottom:20px}body.catalog .categories .panel-title{color:#b9d9f6;font-size:14px;padding:22px 24px 18px}body.catalog .category-list{display:grid;gap:0;padding:0}body.catalog .category-btn{position:relative;display:grid;grid-template-columns:7px minmax(0,1fr) 12px;gap:17px;align-items:center;min-height:65px;padding:16px 23px;border-radius:0;border-bottom:1px solid #ffffff25;color:#fff;font-size:17px;font-weight:600;line-height:1.3;background:transparent}body.catalog .category-btn:before{content:"";height:28px;width:7px;background:#29adf0;border-radius:6px}body.catalog .category-btn:after{content:"";width:8px;height:8px;border-right:3px solid white;border-top:3px solid white;transform:rotate(45deg);font-size:inherit}body.catalog .category-btn:hover{background:#144d87}body.catalog .category-btn.active{background:#1561ca;box-shadow:inset 0 1px #ffffff15}body.catalog .category-btn:focus-visible{outline-offset:-4px}body.catalog .products-panel{min-width:0}body.catalog .product-list{max-height:1120px;scrollbar-width:thin;scrollbar-color:#97aec9 transparent;padding:0 12px 16px}body.catalog .product-btn{min-height:82px;background:#fff;border:1px solid #e3eaf2}body.catalog .product-btn span{font-size:14px;line-height:1.4}body.catalog .product-btn.active{border-color:#175bb5;background:#edf5ff;box-shadow:inset 3px 0 #175bb5}body.catalog .product-count{font-size:14px}body.catalog .detail{min-width:0;grid-template-columns:minmax(0,1fr);padding:26px;gap:22px}body.catalog .detail-media{min-height:280px;padding:22px;border-radius:12px;background:#f0f4f8}body.catalog .detail-media img{height:280px;filter:none}body.catalog .detail-copy{padding:0}body.catalog .detail-copy h2{font-size:clamp(26px,2.5vw,36px);line-height:1.15}body.catalog .meta span{font-size:14px}body.catalog .whatsapp{width:100%;text-align:center;min-height:48px}body.catalog .product-page{padding:8px 0}body.catalog.embed .intro{display:grid;margin:0;padding:0 0 24px}body.catalog.embed .intro>div{display:none}body.catalog.embed .intro .search{grid-column:1/-1;max-width:560px}body.catalog.embed .catalog-shell{min-height:0}body.catalog.embed{overflow:hidden}
body.product-page-view header{background:#0c2f58}body.product-page-view .product{border:1px solid #dce5ef;border-radius:16px;box-shadow:var(--shadow)}body.product-page-view .eyebrow{color:#175bb5}body.product-page-view .photo{background:#f2f6fa;border-radius:12px}body.product-page-view .cta{background:#087e40}body.product-page-view h1{font-size:clamp(30px,4vw,52px);line-height:1.12;overflow-wrap:anywhere}
@media(min-width:1500px){body.catalog:not(.embed) .catalog-shell{grid-template-columns:300px 310px minmax(0,1fr)}}
@media(max-width:980px){body.home .nav{min-height:78px}body.home .home-catalog-heading{align-items:flex-start;flex-direction:column}body.home .hero-content{padding:56px 0 76px}body.home .hero{min-height:0}body.catalog .catalog-shell{grid-template-columns:245px 210px minmax(0,1fr)}body.catalog .detail{padding:20px}body.catalog .detail-media img{height:230px}}
@media(max-width:820px){body.catalog .catalog-shell{display:block;overflow:hidden}body.catalog .categories{padding-bottom:0;border-radius:0}body.catalog .category-list{display:grid;max-height:330px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#29adf0 #0c2f58}body.catalog .category-btn{width:100%;min-width:0;min-height:58px;font-size:16px;padding:14px 22px}body.catalog .product-list{max-height:320px;grid-template-columns:repeat(2,minmax(0,1fr))}body.catalog .detail{padding:24px;gap:20px}body.catalog .detail-media img{height:270px}body.catalog .categories .panel-title{padding:16px 22px}body.catalog .products-panel,body.catalog .detail{scroll-margin-top:16px}}
@media(max-width:700px){body.home section{padding:48px 0}body.home .hero{padding:0}body.home .hero-content{padding:42px 0 62px}body.home .hero h1{font-size:38px}body.home .hero p{font-size:17px}body.home .hero-stats{gap:24px}body.home .brand strong{font-size:17px}body.home .brand small{font-size:12px}body.home .brand img{width:54px;height:54px}body.home .hero-actions .btn{width:100%}body.home .trust-item{padding:18px}body.home .home-catalog-heading h2{font-size:30px}body.home .home-catalog-frame{border-radius:12px}body.home .card{padding:24px}body.home .topbar-inner{font-size:13px}body.home .mobile-bottom-nav a{min-height:52px}body.product-page-view .product{grid-template-columns:minmax(0,1fr);padding:20px}body.product-page-view header{gap:12px;flex-wrap:wrap}body.product-page-view .photo{min-height:240px}}
@media(max-width:520px){body.catalog .product-list{grid-template-columns:minmax(0,1fr)}body.catalog .detail{padding:20px}body.catalog .intro h1{font-size:32px}body.home .hero-stats{gap:18px}body.home .hero-stats span{font-size:12px}body.home .nav>.btn{display:none}body.home .trust-card{grid-template-columns:1fr 1fr}}

/* Layout compacto da pagina inicial - setembro de 2026 */
body.home .nav{min-height:78px}
body.home .brand img{width:62px;height:62px}
body.home .hero{min-height:440px}
body.home .hero-content{max-width:760px;padding:48px 0 58px}
body.home .hero h1{font-size:clamp(38px,4.4vw,56px);margin-bottom:18px}
body.home .hero p{font-size:18px;line-height:1.5;margin-bottom:24px}
body.home .eyebrow{margin-bottom:16px}
body.home .hero-stats{margin-top:26px;padding-top:20px;gap:30px}
body.home .hero-stats strong{font-size:25px}
body.home .trust{margin-top:-24px}
body.home .trust-item{padding:20px 18px}
body.home section{padding:56px 0}
body.home .section-head{margin-bottom:28px}

@media(max-width:700px){
  body.home .nav{min-height:68px}
  body.home .brand img{width:50px;height:50px}
  body.home .mobile-toggle{width:42px;height:42px}
  body.home .menu.mobile-open{top:68px}
  body.home .hero-content{padding:36px 0 46px}
  body.home .hero h1{font-size:clamp(30px,9vw,40px);margin-bottom:14px}
  body.home .hero p{font-size:15px;line-height:1.45;margin-bottom:20px}
  body.home .hero-actions .btn{min-height:46px;padding:11px 18px}
  body.home .hero-stats{margin-top:24px;padding-top:18px;gap:8px}
  body.home .hero-stats strong{font-size:21px}
  body.home .hero-stats span{font-size:10px}
  body.home .trust{margin-top:-18px}
  body.home .trust-item{padding:16px}
  body.home section{padding:42px 0}
  body.home .categories,body.home .home-catalog{padding-top:42px;padding-bottom:42px}
  body.home .campaigns,body.home .about,body.home .reviews,body.home #contato{padding-top:44px;padding-bottom:44px}
}

/* Catalogo interativo mais compacto */
body.home .home-catalog-frame{height:900px}
body.catalog .catalog-shell{grid-template-columns:230px 280px minmax(0,1fr)}
body.catalog .categories .panel-title{padding:15px 18px 12px;font-size:12px}
body.catalog .category-btn{min-height:48px;padding:10px 16px;gap:12px;font-size:14px}
body.catalog .category-btn:before{height:22px;width:5px}
body.catalog .product-list{max-height:720px;padding:0 8px 12px}
body.catalog .product-btn{min-height:62px;padding:8px}
body.catalog .product-btn span{font-size:12px;line-height:1.3}
body.catalog .detail{padding:18px;gap:16px}
body.catalog .detail-media{min-height:210px;padding:15px}
body.catalog .detail-media img{height:210px}
body.catalog .detail-copy h2{font-size:clamp(23px,2.2vw,31px)}
body.catalog .meta span{font-size:12px}

@media(max-width:820px){
  body.home .home-catalog-frame{height:1080px}
  body.catalog .category-list{max-height:290px}
  body.catalog .product-list{max-height:275px}
  body.catalog .detail-media img{height:220px}
}

@media(max-width:520px){
  body.home .home-catalog-frame{height:1040px}
  body.catalog .category-list{max-height:270px}
  body.catalog .product-list{max-height:250px}
  body.catalog .detail{padding:15px}
  body.catalog .detail-media{min-height:190px;padding:12px}
  body.catalog .detail-media img{height:190px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}