#hero{background-color:#fff;color:#fff;padding:50px 0;margin-bottom:30px;background-image:url(../../images/bg-embreagens.png);background-repeat:no-repeat;background-position:right center}#hero .hero-texto h1{font-weight:700;font-size:40px;line-height:1.1;margin-bottom:15px;color:var(--main-empresa)}#hero .hero-texto p{font-size:18px;font-weight:300;opacity:.9}@media(max-width:991px){#hero{padding:30px 0;text-align:center}#hero .hero-texto h1{font-size:30px}}#main #map{height:800px;width:100%;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2)}#franchise-list{margin-top:15px}.lista-busca{position:relative}.lista-busca input{width:100%;padding:11px 40px 11px 14px;border:1px solid #d6deea;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s ease}.lista-busca input:focus{border-color:var(--main-empresa)}.lista-busca i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9aa4b2}.franchise-vazio{padding:14px;color:#888;font-size:14px;text-align:center}.map-estilos{display:flex;gap:6px;margin-bottom:10px}.map-estilo{padding:7px 16px;border:1px solid #d6deea;background:#fff;color:var(--main-empresa);font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s ease}.map-estilo:hover{background:#eef2f7}.map-estilo.active{background:var(--main-empresa);color:#fff;border-color:var(--main-empresa)}.franchise-item{cursor:pointer;padding:10px;border-bottom:1px solid #ddd;background:#f9f9f9;border-radius:5px;margin-bottom:10px;transition:background 0.3s}.franchise-item:hover{background-color:#e0e0e0}.franchise-item h4{margin:0;color:#333}.franchise-item p{margin:5px 0;color:#666;font-size:14px}.phone{font-weight:700;color:var(--main-empresa)}.mapboxgl-popup-content{font-family:Arial,sans-serif;padding:10px;border-radius:8px;text-align:center}.popup-title{font-size:16px;font-weight:700;color:#333;margin-bottom:5px}.popup-address{font-size:14px;color:#666;margin-bottom:5px}.popup-phone{font-size:14px;font-weight:700;color:var(--main-empresa)}@media(max-width:991px){#hero{position:relative;overflow:hidden;background-image:none;text-align:left}#hero .hero-texto{position:relative;z-index:1;max-width:56%}#hero::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:40%;height:88%;background:url(../../images/bg-embreagens.png) no-repeat right center / contain;pointer-events:none;z-index:0}}