/*!

 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)

 * Copyright 2013-2019 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)

 */







body::-webkit-scrollbar {

    width: 12px;

}



.sub-menu-info::-webkit-scrollbar {

    width: 8px;

    background: #F4F4F4;

}



.sub-menu-info::-webkit-scrollbar-thumb {

    background: #FD5D06;

}



body::-webkit-scrollbar-thumb {

    background: #FF5E04;

}



/* Correção de erro: "first-lette" -> "first-letter" */

h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter {

    text-transform: uppercase;

}



p {

    font-size: 18px;

}



li {

    font-size: 18px;

}



/* Correção de erro: "first-lette" -> "first-letter" */

p::first-letter {

    text-transform: uppercase;

}



hr {

    color: #FF5E04;

    margin: 24px 2px;

}



.container {

	max-width: 1200px;

}



/*======================= Abertura Menu =======================*/

.navbar-light .navbar-nav .nav-link {

    color: #000;

    font-family: "Jost", sans-serif;

    font-size: 18px;

    font-weight: 600;

    padding: 13px 21px;

}





.navbar-light .navbar-nav .nav-link:hover,

.navbar-light .navbar-nav .nav-link:focus {

    color: #1e2125 !important;

}



.sub-menu-info {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    margin: 0;

    min-height: 40px;

    width: 250px;

    z-index: 7;

    background: rgba(255,255,255,0.9);

    overflow-x: hidden;

    overflow-y: scroll;

    box-sizing: border-box;

}



.sub-menu-info a {

    color: #000;

    font-size: 12px;

    display: block;

    padding: 7px 1px;

    font-family: "Jost", sans-serif;

    text-transform: uppercase;

}



.sub-menu-info a:hover {

    color: #fff;

    transition: all 0.6s;

}



/* Ajuste do dropdown */

.dropdown-menu[data-bs-popper] {

    top: 100%;

    left: -133px;

    margin-top: 0.125rem;

    min-width: 325px;

    max-height: 400px;

    width: auto;

}



.dropdown-item.active,

.dropdown-item:active {

    color: #fff;

    text-decoration: none;

    background-color: #FD5D06;

}



.dropdown-item:focus,

.dropdown-item:hover {

    color: #fff;

    background-color: #FF5E04;

}



/*======================= Abertura WhatsApp =======================*/

.bto-whats {

    width: 60px;

    aspect-ratio: 1;

    position: fixed;

    bottom: 5%;

    left: 2%;

    color: #fff !important;

    font-size: 20px !important;

    display: block;

    text-align: center;

    border: none;

    border-radius: 50%;

    background: #01C854;

    cursor: pointer;

    z-index: 9999;

    animation: pulse 1.5s infinite;

}







.bto-whats:before {

    content: '\f232';

    font-family: FontAwesome;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.bto-whats:hover {

    animation: none;

    transform: scale(1.1);

}



@keyframes pulse {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.2);

    }

    100% {

        transform: scale(1);

    }

}



.bto-whats a {

    text-decoration: none;

    color: #fff !important;

}



.btn-orca {

    background: #FD5D06;

    color: #fff !important;

    margin-left: 10px;

    padding: 15px 6px !important;

    border-radius: 0;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 13px;

    display: block;

    font-family: "Jost", sans-serif;

}



.btn-orca:hover {

    color: #fff !important;

}



/*======================= Back to Top Button =======================*/

.back-to-top {

    position: fixed;

    visibility: hidden;

    opacity: 0;

    right: 15px;

    bottom: 0px;

    z-index: 996;

    background: #FF5E04;

    width: 40px;

    height: 40px;

    transition: all 0.4s;

}



.back-to-top i {

    font-size: 24px;

    color: #fff;

    line-height: 0;

}



.back-to-top:hover {

    background: #000;

    color: #fff;

}



.back-to-top.active {

    visibility: visible;

    opacity: 1;

}

/*<!--=======================// Abertura Caminho //=======================-->*/

#caminho {

    background: linear-gradient(45deg, #FF5E04, #FF5E04);

    padding: 24px 10px 9px 10px;

    margin-bottom: 30px;

}



.breadcrumb {

	padding: 0;

}



.breadcrumb a {

    color:#fff !important;

}



.breadcrumb .fas {

    color:#fff !important;

}





.breadcrumb-item+.breadcrumb-item::before {

    color:#fff;

}



.breadcrumb-item.active {

    color: #fff;

}







/*<!--=======================// Fechamento Caminho //=======================-->*/



/*======================= Abertura Galeria =======================*/

#galeria {

    padding-bottom: 50px;

}





#galeria h1 {

	color:#FF5E04;

}



.modal-body {

    text-align: center !important;

}



#galeria button {

    border: 0;

    background: #fff;

    padding: 13px;

}



#galeria img {

    border: solid 1px #ccc;

    border-radius: 4px;

    box-shadow: 0px 0px 7px #ccc;

}



.modal-header button {

    background-color: #FF5E04 !important;

    color: #fff;

    border: 0;

    font-size: 23px;

    width: 24px;

    height: 23px;

    padding: 4px;

    line-height: 0;

    text-align: center;

}



.modal-header {

    border-bottom: 1px solid #FF5E04 !important;

}



.modal-footer button {

    background-color: #FF5E04 !important;

    border: 0;

}



/* Ajuste na galeria */

.lightbox {

    padding-top: 50px;

    position: fixed !important;

    top: 0 !important;

}



.photos img {

    width: 100%;

    height: 200px;

    object-fit: cover;

}



.lightbox-gallery {

    color: #000;

    overflow-x: hidden;

}



.lightbox-gallery p {

    color: #fff;

}



.lightbox-gallery h2 {

    font-weight: bold;

    margin-bottom: 40px;

    padding-top: 40px;

    color: #fff;

}



@media (max-width: 767px) {

    .lightbox-gallery h2 {

        margin-bottom: 25px;

        padding-top: 25px;

        font-size: 24px;

    }

}



.lightbox-gallery .intro {

    font-size: 16px;

    max-width: 500px;

    margin: 0 auto 40px;

}



.lightbox-gallery .intro p {

    margin-bottom: 0;

}



.lightbox-gallery .photos {

    padding-bottom: 20px;

}



.lightbox-gallery .item {

    padding-bottom: 30px;

}



/*======================= Fechamento Galeria =======================*/

#dife-superior {

	padding-bottom: 50px;

}





#dife-superior .card-body {

	background: #FF5E04;

}



#dife-superior .card-title {

	

}



#dife-superior .card-title a {

    color: #fff;

    font-size: 18px;

}





#dife-superior .card {

	

}



.sobre-home h1 {

    font-size: 41px;

    color: #060606;

    font-family: "Jost", sans-serif;

    font-weight: 700;

    margin-bottom: 21px;

}



.sobre-home h1 strong {

	color: #060606;

	font-size: 32px;

}



.sobre-home p {

    color: #363636;

    font-size: 22px;

    font-family: "Jost", sans-serif;

    margin-bottom: 48px;

}



.sobre-home a {

    color: #363636;

    font-size: 22px;

    font-family: "Jost", sans-serif;

}



.sobre-home li, a {

	color:#363636;

	font-size: 18px;

	font-family: "Jost", sans-serif;

}





.sobre-home .botao-saiba {

    background: #FF5E04;

    text-align: center;

    color: #fff;

    animation-name: color;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    padding: 14px 34px;

    font-family: "Jost", sans-serif;

    border-radius: 0;

    font-size: 31px;

}





/*======================= Slider Logos =======================*/



#logos {

    /* Adicione estilos específicos se necessário */

}



#logos .section-padding {

    padding: 17px 0;

}



#logos .brand-carousel {

    /* Adicione estilos específicos se necessário */

}



#logos .owl-dots {

    text-align: center;

    margin-top: 1px;

    margin-bottom: 1%;

}



#logos .owl-dot {

    display: inline-block;

    height: 15px !important;

    width: 15px !important;

    background-color: #878787 !important;

    opacity: 0.8;

    border-radius: 50%;

    margin: 0 5px;

}



#logos .owl-dot.active {

    background-color: #FF5E04 !important;

}



#logos .owl-carousel .owl-item img {

    display: block;

    width: 150px !important;

    margin: 0 auto;

}



/*======================= Abertura CTA =======================*/



#cta {

    background: linear-gradient(rgba(40, 58, 90, 0.0), rgba(0, 0, 0, 0.0)), url(../image/bg.jpg)  center center;

    font-size: 16px;

    color: #fff;

    text-align: left;

    padding: 106px 0;

    position: relative;

    background-size: cover;

}



#cta img {

    padding-right: 50px;

}





#cta h4 {

    color: #232323;

    text-align: left;

    font-size: 101px;

    font-family: "Jost", sans-serif;

    text-transform: uppercase;

    font-weight: 600;

}



#cta h4 strong {

    color: #FA5B01;

	font-weight: 600;

}



#cta p {

    color: #232323;

    font-family: "Jost", sans-serif;

    font-size: 24px;

    font-weight: 600;

	margin-bottom: 60px;

}



#cta .botao-saiba {

	background: #FF5E04;

    text-align: center;

    color: #fff;

    animation-name: color;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    padding: 14px 34px;

    font-family: "Jost", sans-serif;

    border-radius: 0;

    font-size: 31px;

	

}





#cta .btn {

    padding: 10px 44px;

    background: #fff;

    border: 0;

    width: auto;

}



#cta input, #cta select, #cta textarea {

    width: 100%;

    height: 44px;

    padding: 4px 9px;

    outline: none;

    border-radius: 4px;

    font-size: 14px;

    border: solid 1px #ccc;

    margin-right: 8px;

}



#cta input::placeholder, #cta textarea::placeholder {

    color: #999;

    font-family: "Heebo", sans-serif;

    font-size: 14px;

}



#cta select {

    margin-bottom: 16px;

    color: #777;

    font-family: "Heebo", sans-serif;

}



#cta textarea {

    min-height: 180px;

    padding: 12px;

    border-bottom: solid 1px #003056;

    color: #000;

}



#cta button {

    width: 230px;

    height: 50px;

    background: #FF5E04 !important;

    color: #fff !important;

    border: 0;

    font-size: 16px;

    text-transform: uppercase;

    outline: none;

    font-family: "Oswald", sans-serif;

    font-weight: 500;

    margin-left: 12px;

    margin-top: 10px;

    border-radius: 16px;

}



.formulario-cta {

    background: rgba(255, 255, 255, 0.5);

    padding: 44px 29px;

    border-radius: 20px;

}



.formulario-cta h5 {

    text-align: center;

    color: #FF5E04;

    text-transform: uppercase;

    margin-bottom: 50px;

    font-size: 32px;

}



.contatos-cta h4 {

    color: #fff;

    font-family: "Arial", serif;

    font-weight: 600;

    font-size: 34px;

    margin-top: 51px;

    margin-bottom: 50px;

}



.contatos-cta p, .contatos-cta a {

    color: #fff;

}









#cta2 {

    background: linear-gradient(rgba(40, 58, 90, 0.3), rgba(0, 0, 0, 0.5)), url(../image/cta.jpg) fixed center center;

    font-size: 16px;

    color: #fff;

    text-align: center;

    padding: 106px 0;

    position: relative;

    background-size: cover;

}



#cta2 strong {

    font-size: 22px;

}



#cta2 .btn {

    padding: 10px 44px;

    background: #fff;

    border: 0;

    width: auto;

}







/*======================= Redes Sociais =======================*/



.jssocials-shares {

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

    padding: 8px 0;

}



.jssocials-share {

    display: inline-block;

    vertical-align: top;

    margin: 0.3em 0.6em 0.3em 0;

}



.jssocials-shares p {

    font-size: 12px;

    margin: 11px 0 0 0;

    color: #444;

    font-weight: bold;

}



.jssocials-share-link {

    padding: 0.5em 0.6em;

    color: #fff !important;

    transition: background 200ms ease-in-out, border-color 200ms ease-in-out;

}



.jssocials-share-link:hover {

    color: #fff;

}



.jssocials-share-whatsapp .jssocials-share-link {

    background: #25D366;

    border-radius: 5px;

    padding: 8px 10.5px;

}



.jssocials-share-linkdin .jssocials-share-link {

    background: #0077B0;

    border-radius: 5px;

    padding: 8px 10.5px;

}



.jssocials-share-facebook .jssocials-share-link {

    background: #3b5998;

    border-radius: 5px;

    padding: 8px 10.5px;

}



.jssocials-share-instagram .jssocials-share-link {

    background: url(../image/bg-insta.png);

    background-size: cover;

    border-radius: 5px;

    padding: 8px 10.5px;

}





/*<!--=======================// Abertura Footer //=======================-->*/

footer {

    color: #fff;

    padding-bottom: 0;

    padding-top: 20px;

    background: #2C2C2C;

}



.footer-top {

    padding: 50px;

}



.logo-footer {

    width: 100%;

    margin-bottom: 20px;

    max-width: 200px;

}



footer h3,

footer h4 {

    color: #fff;

	font-family: "Jost", sans-serif;

	font-weight: 600;

}



footer h4 {

    font-size: 28px;

    margin-bottom: 26px;

}



footer p,

footer a {

    color: #B7B7B7;

	font-size: 18px;

	font-family: "Jost", sans-serif;

}



footer a:hover {

    transition: color 0.6s ease-in-out;

    color: #FF5E04;

}







.footer-contact iframe {

	width: 100%;

	height: 250px;

}







footer .fa-solid {

	font-size: 16px !important;

	color: #FF5E04;

}



footer .fas {

	font-size: 16px !important;

	color: #FF5E04;

}



footer .fa-brands {

	font-size: 16px !important;

	color: #FF5E04;

}



footer ul {

    list-style: none;

    padding: 0;

}



.copyright {

    color: #999;

    font-size: 15px;

}



.contatos-footer {

	

}





.contatos-footer img {

    float: left;

    margin-right: 14px;

    margin-top: 11px;

}



.contatos-footer h4 strong {

    color: #FF5E04;

    font-family: "Jost", sans-serif;

	font-size: 20px;

}





.contatos-footer h4  {

	color:#fff;

	font-size: 32px;

	font-weight: 400;

	font-family: "Jost", sans-serif;

	

}











#assinatura {

    width: 100%;

    min-height: 50px;

    background: #1A1A1A;

}



#assinatura a {

    color: #fff;

    font-size: 15px;

}



#assinatura strong {

    color: #fff;

}



.assinatura-footer {

    color: #fff;

    margin: auto -15px;

}



.formulario-lateral {

    background: #FF5E04;

    color: #fff;

    padding: 20px 0;

}



footer input {

    border-radius: 4px;

    border: 0;

    height: 38px;

    padding: 12px 15px;

    font-size: 14px;

}



footer button {

    width: 100px;

    height: 50px;

    background: #FF5E04;

    color: #fff;

    border: 0;

    border-radius: 4px;

    font-size: 17px;

    text-transform: uppercase;

    outline: none;

}



.footer-contact {

    padding: 46px 31px;

}



.footer-contact p {

    text-align: left;

}



/*======================= Formularios =======================*/



input,

select,

textarea {

    overflow: visible;

    width: 100%;

    margin-bottom: 15px;

    outline: none;

}



#formulario-contato {

    text-align: left;

    padding: 10px;

    color: #fff;

    border-radius: 5px;

}



#formulario-contato span {

    color: #2D2D2D;

    text-align: left;

    padding-bottom: 10px;

}



#formulario-contato input,

#formulario-contato select,

#formulario-contato textarea {

    width: 100%;

    padding: 4px 9px;

    outline: none;

    border-radius: 4px;

    border: 1px solid #FF5E04;

    font-size: 14px;

}



#formulario-contato input {

    height: 44px;

}



#formulario-contato select {

    height: 44px;

    margin-bottom: 20px;

}



#formulario-contato textarea {

    min-height: 120px;

    color: #000;

}



#formulario-contato input::placeholder,

#formulario-contato textarea::placeholder {

    color: #999;

}



#formulario-contato button {

    width: 200px;

    height: 40px;

    background: #FF5E04;

    color: #fff;

    border: 0;

    border-radius: 4px;

    font-size: 17px;

    text-transform: uppercase;

    outline: none;

}





#formulario-contato strong {

	color:red;

}



.check {

    max-width: 50px;

}



/*======================= Cookies =======================*/



#pjAcceptCookieBar {

    background: rgba(000, 000, 000, 0.9) !important;

}



#pjAcceptCookieBar .pjAcceptCookieBarBtn {

    border-bottom: 4px solid #14428d;

    background: #FD5D06 !important;

}



#pjAcceptCookieBar .pjAcceptCookieBarBtn:after {

    border-bottom: 4px solid #fff !important;

    background: #FD5D06 !important;

}



/*<!--=======================// Fechamento Cokies //=======================-->*/

/*<!--=======================// Abertura Depoimentos //=======================-->*/

#depoimentos .carousel-control-next {

    width: 3%;

    height: 15%;

    top: 50%;

    background: rgba(0, 0, 0, 0.8);



}



#depoimentos .card {

	width: 18rem; 

	border: 0;

	

}





#depoimentos .card-img-top {

    width: 100%;

    height: auto;

    object-fit: cover;

}





/*--------------------------------------------------------------

# Team

--------------------------------------------------------------*/

.team .member {

  position: relative;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  padding: 30px;

  border-radius: 5px;

  background: #fff;

  transition: 0.5s;

  height: 100%;

}



.team .member .pic {

  overflow: hidden;

  width: 180px;

  border-radius: 50%;

}



.team .member .pic img {

  transition: ease-in-out 0.3s;

}



.team .member:hover {

  transform: translateY(-10px);

}



.team .member .member-info {

  padding-left: 30px;

}



.team .member h4 {

  font-weight: 700;

  margin-bottom: 5px;

  font-size: 20px;

  color: #37517e;

}



.team .member span {

  display: block;

  font-size: 15px;

  padding-bottom: 10px;

  position: relative;

  font-weight: 500;

}



.team .member span::after {

  content: "";

  position: absolute;

  display: block;

  width: 50px;

  height: 1px;

  background: #cbd6e9;

  bottom: 0;

  left: 0;

}



.team .member p {

  margin: 10px 0 0 0;

  font-size: 14px;

}



.team .member .social {

    margin-top: 12px;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    padding-left: 57px;

}



.team .member .social a {

  transition: ease-in-out 0.3s;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50px;

  width: 32px;

  height: 32px;

  background: #eff2f8;

}



.team .member .social a i {

  color: #37517e;

  font-size: 16px !important;

  margin: 0 2px;

}



.team .member .social a:hover {

  background: #47b2e4;

}



.team .member .social a:hover i {

  color: #fff;

}



.team .member .social a+a {

  margin-left: 8px;

}









/*<!--=======================// Fechamento Depoimentos //=======================-->*/

/*<!--=======================// Abertura Carousel Logos //=======================-->*/



#carousel-logos .carousel-caption {

	bottom: 90px; 

}



#carousel-logos .carousel-item {

	height: auto;

}



#carousel-logos .logos {

	width: 100%;

	height: 120px;

}



#arrow-left {

	width: 50px;

	height: 50px;

	margin-top: 50px;

	background: #000;

}



#arrow-right {

	width: 50px;

	height: 50px;

	margin-top: 50px;

	background: #000;

}



/*<!--=======================// Fechamento Carousel Logos //=======================-->*/





				/*<!--=====// CSS ADICIONAL //=====-->*/



/*<!--=======================// GERAL //=======================-->*/

a {

	text-decoration: none;

}



a:hover {

	text-decoration: none;

}

/*<!--=======================// GERAL //=======================-->*/

/*<!--=======================// GERAL //=======================-->*/

#menu-lateral {

	

}



#menu-lateral h3 {

    margin-bottom: 0;

    background: #FF5E04;

    color: #fff !important;

    text-align: center;

    padding: 10px 5px;

    border-radius: 6px;

}

#menu-lateral h4 {

    margin-bottom: 0;

    background: #FF5E04;

    color: #fff !important;

    text-align: center;

}





#menu-lateral a {

	color:#767676;

	font-size: 16px;

}



#menu-lateral a:hover {

	background: #FF5E04;

    color: #fff;

	transition: background 0.3s ;

}



#menu-lateral #tag-whats {

    background: #28a745;

    color: #fff !important;

    text-align: center;

    margin-bottom: 10px;

}



#menu-lateral #tag-ligacao {

    background: #414d5f;

    color: #fff;

    text-align: center;

    margin-bottom: 10px;

}



#menu-lateral #tag-email {

    background: #383e3f;

    color: #fff;

    text-align: center;

    margin-bottom: 10px;

}



.sublateral {

    height: 900px;

    width: 100%;

    overflow-x: hidden;

    overflow-y: scroll;

    box-sizing: border-box;

    padding: 0;

}





/*<!--=======================// GERAL //=======================-->*/

/*<!--=======================// HEADER TOPO //=======================-->*/



/*<!--==// Abertura Topo //==-->*/



.bg-light {

    background-color: rgba(255, 255, 255, 0.8) !important;

    max-width: 1200px;

    margin: 0 auto;

    z-index: 9999;

    position: absolute;

    margin-top: 27px;

}







.contatos-topo a {

	color: #fff;

	text-decoration: none;

}



.topbar {

	width: 100%;

	min-height: 50px;

	background: linear-gradient(45deg, #FF5E04, #FF5E04);

	line-height: 44px;

	font-family: "Jost", sans-serif;

    font-size: 18px;

}



.topbar a {

	color: #fff;

	font-family: "Jost", sans-serif;

    font-size: 18px;

}



.logo {

    padding: 9px;

    max-width: 220px;

}





.estensor {

    z-index: 999;

    

}





.background-topo {

    background: #fff;

    z-index: 999;

}





.contatos-topo .fa {

    padding: 1px;

    font-size: 14px;

    margin-left: 10px;

}





#sociais .fa-brands, .fab {

    padding: 18px;

    font-size: 19px;

    background: #1A1A1A;

    margin-right: 10px;

}





/*<!--==// Fechamento Topo //==-->*/

/*<!--=======================// HEADER //=======================-->*/

/*<!--=======================// FOOTER //=======================-->*/

.footer-links a{

	color: #fff;

	text-decoration: none;

}



.footer-links a:hover {

	color: #fff;

	text-decoration: none;

}





/*<!--=======================// FOOTER //=======================-->*/

/*<!--=======================// HOME //=======================-->*/



#home{

	

}



#home h1 {

	

}





#home h2 {

	

}







#home p {

    color: #767676;

    font-size: 16px;

}



#home p strong {

	color: #FF5E04;

}





#home li {

    color: #767676;

    font-size: 16px;

}







/*<!--==// Abertura banner //==-->*/



.carousel-item {

	background: no-repeat center center scroll;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}





#banner {

    width: 100%;

    min-height: 840px;

	background: linear-gradient(rgba(40, 58, 90, 0.0), rgba(00, 00, 00, 0.0)), url(../image/banner/banner.jpg) center center;

	background-size: cover;

	text-align: center;

}







#banner h1 {

    color: #fff;

    font-weight: 400;

    text-transform: uppercase;

    padding-top: 200px;

    margin-bottom: 30px;

    font-family: "Jost", sans-serif;

    font-size: 25px;

}





#banner p {

    color: #fff;

    font-family: "Jost", sans-serif;

    font-size: 55px;

    font-weight: 600;

    line-height: 66px;

    margin-bottom: 50px;

}



#banner a:hover {

    color: #fff;

}





#banner .botao-saiba {

    background: #FF5E04;

    text-align: center;

    color: #fff;

    animation-name: color;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    padding: 14px 34px;

    font-family: "Jost", sans-serif;

    border-radius: 0;

    font-size: 31px;

}



.botao-saiba {

    background: #FF5E04;

    text-align: center;

    color: #fff;

    animation-name: color;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    padding: 12px 34px;

    font-family: "Jost", sans-serif;

	border-radius: 0;

}





.botao-saiba:hover {

    color: #fff;

}







.carousel-control-next, .carousel-control-prev {

	width: 50px !important;

	height: 50px !important;

	background: rgba(0, 0, 0, 0.8);

	top: 50% !important;

} 









#banner-interno {

    width: 100%;

    min-height: 440px;

	background: linear-gradient(rgba(40, 58, 90, 0.0), rgba(00, 00, 00, 0.0)), url(../image/banner/banner.jpg) center center;

	background-size: cover;

	text-align: center;

}







#banner-interno h2 {

    color: #fff;

    padding-top: 200px;

    margin-bottom: 30px;

    font-size: 32px;

    font-family: "Jost", sans-serif;

    font-weight: 600;

}



#banner-interno h2 strong {

    color: #FD5D06;

    padding-top: 200px;

    margin-bottom: 30px;

    font-family: "Jost", sans-serif;

    font-weight: 600;



}





#banner-interno p {

    color: #fff;

    font-family: "Jost", sans-serif;

    font-size: 55px;

    font-weight: 600;

    line-height: 66px;

    margin-bottom: 50px;

}



#banner-interno a:hover {

    color: #fff;

}





#banner-interno .botao-saiba {

    background: #FF5E04;

    text-align: center;

    color: #fff;

    animation-name: color;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    padding: 14px 34px;

    font-family: "Jost", sans-serif;

    border-radius: 0;

    font-size: 31px;

}









/*<!--==// Fechamento banner Fixo //==-->*/





#banner-rotativo .carousel-inner {

	max-height: 750px;

}



#banner-rotativo .carousel-item {

	min-height: 650px;

}



#banner-rotativo img {

	width: 100%;

    height: 700px;

    object-fit: cover;

}





#banner-rotativo .carousel-caption {

    background: rgba(0, 0, 0, 0.6);

    color: #fff;

    top: 72%;

    max-height: 128px;

}





#banner-rotativo .carousel-caption h5 {

    font-size: 32px;

}







#banner-rotativo .carousel-control-next, .carousel-control-prev {

    width: 40px;

    height: 60px;

    top: 50%;

    background: rgba(0, 0, 0, 0.8);

    padding: 10px;

}





#banner-rotativo .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {

    filter: invert(0) grayscale(100);

}



#banner-rotativo .carousel-indicators {

    height: 5px;

	margin-bottom: 30px;

}



#banner-rotativo .carousel-indicators .active {

    background-color: #FF5E04;

}



/*<!--==// Fechamento banner rotativo //==-->*/







.mosaico {

    margin-top: -153px;

    z-index: 9999;

    position: relative;

	margin-bottom: 80px;

}





.mosaico h4 {

    color: #fff;

    text-align: center;

    font-size: 33px;

    padding-top: 50%;

    font-family: "Jost", sans-serif;

    text-transform: uppercase;

    font-weight: 600;

}





.interior {

    width: 100%;

    min-height: 700px;

    background: url(../image/cadeira-betsy-preta.jpg) no-repeat center center;

    background-size: cover;

}









.decoracao {

    width: 100%;

    min-height: 335px;

    background: url(../image/mesa-madeira-demolicao.jpg) no-repeat;

    background-size: cover;

    margin-bottom: 27px;

}



.decoracao h4 {

    padding-top: 25%;

}









.moveis {

	width: 100%;

	min-height: 336px;

	background: url("../image/poltrona-beny-bege.jpg") no-repeat bottom;

	background-size: cover;

}



.moveis h4 {

    padding-top: 25%;

}





.produtos {

    margin-bottom: 80px;

}



.produtos h4 {

    padding: 50px 0px;

    text-align: center;

    font-family: "Jost", sans-serif;

    color: #060606;

    font-size: 64px;

    font-weight: 600;

}



.card-title {

	color:#060606;

}



.produtos .card {

    border: 0;

    max-width: 100%;

    margin-left: 2px;

}





.produtos .card img {

    width: auto;

    height: 100%;

    object-fit: cover;

	border: solid 1px #E8E8E8 !important; 

}





.produtos .carousel-inner {

	background: #fff;

	

}



.produtos .card-title {

    font-family: "Jost", sans-serif;

    color: #525252;

    text-align: center;

    font-size: 25px;

}



.fixed-top {

    position: absolute !important;

}





.produtos .carousel-control-next, .carousel-control-prev {

    width: 60px;

    height: 60px;

    background: #FC6008;

    padding: 10px;

    border-radius: 100%;

    top: 38% !important;

}



.player {

	width: 100%;

	min-height: 854px;

	background: url("../image/sobre-play.jpg") center bottom no-repeat;

	background-size: cover;

	text-align: center;

}



.player img {

    margin-top: 355px;

}



/*<!--=======================// HOME //=======================-->*/

/*<!--=======================// SOBRE NÓS //=======================-->*/



#sobre-nos {

    padding-bottom: 50px;

}



#sobre-nos h1 {

	font-size: 32px;

	margin-bottom: 20px;

	color:#FF5E04;

}



#sobre-nos h2 {

	font-size: 30px;

	color:#FF5E04;

}



#sobre-nos h3 {

	font-size: 28px;

	color:#FF5E04;

}



#sobre-nos h4 {

	font-size: 22px;

	color:#FF5E04;

}



#sobre-nos p {

	

}



#sobre-nos p strong {

	color:#FF5E04;

}



#sobre-nos a {

	

}



#sobre-nos a:hover {

	

}







/*<!--=======================// SOBRE NÓS //=======================-->*/

/*<!--=======================// SOBRE NÓS //=======================-->*/



#enviado {

	

}



#enviado h1 {

	font-size: 32px;

}



#enviado h2 {

	font-size: 30px;

}



#enviado h3 {

	font-size: 28px;

}



#enviado h4 {

	font-size: 22px;

}



#enviado p {

	

}



#enviado a {

	

}



#enviado a:hover {

	

}







/*<!--=======================// SOBRE NÓS //=======================-->*/

/*<!--=======================// SERVIÇOS //=======================-->*/



#servicos{

	text-align: center;

	padding-bottom: 50px;

}





#servicos h1 {

	font-size: 32px;

	margin-bottom: 20px;

	color:#FF5E04;

}



#servicos h2 {

	font-size: 30px;

}



#servicos h3 {

	font-size: 28px;

}



#servicos h4 {

	font-size: 22px;

}



#servicos p {

	

}



#servicos a {

	

}



#servicos a:hover {

	

}



#servicos hr {

    margin: 50px 50px;

}











/*<!--=======================// SERVIÇOS //=======================-->*/

/*<!--=======================// CONTATO //=======================-->*/



#contato {

    padding: 50px;

}





#contato h1 {

	font-size: 32px;

    color:#FF5E04;

	font-family: "Jost", sans-serif;

}



#contato h2 {

	margin-bottom: 20px;

	font-size: 30px;

	color:#FF5E04;

	font-family: "Jost", sans-serif;

}



#contato h3 {

	color:#FF5E04;

	font-size: 28px;

	font-family: "Jost", sans-serif;

}



#contato h4 {

	font-size: 22px;

}







#contato p, a {

	color:#000;

}







#contato a:hover {

	

}



#contato .fa-brands {

	color:#FF5E04;

}



.contatos .fa-solid, .fas {

	color:#FF5E04;	

}







#contato iframe {

	width: 100% !important;

}



#contato b {
    color: red;
}


#contato span strong {
    color: red;
}










/*<!--=======================// CONTATO //=======================-->*/

/*<!--=======================// PÁGINAS SEO //=======================-->*/



#paginas-seo{

	

}



#paginas-seo h1 {

	font-size: 32px;

	margin-bottom: 30px;

	color:#FF5E04;

}



#paginas-seo h2 {

	font-size: 28px;

	color:#FF5E04;

}



#paginas-seo h3 {

	font-size: 28px;

}



#paginas-seo h4 {

	font-size: 22px;

}



#paginas-seo .card-body a {

	color: #FF5E04;

	font-size: 20px;

}





#paginas-seo p {

    color: #767676;

    font-size: 16px;

	text-align: justify;

}



#paginas-seo p strong {

	color: #FF5E04;

}



#paginas-seo a {

    color: #767676;

    font-size: 16px;

}



#paginas-seo li {

    color: #767676;

    font-size: 16px;

}



#paginas-seo li strong {

	color: #FF5E04;

}





.title-veja {

	font-size: 20px;

	

}





.linkagen a {

	color: #FF5E04!important;

}



#paginas-seo a {

	

}



#paginas-seo a:hover {

	

}





#paginas-seo .card-img, .card-img-bottom, .card-img-top {

    width: 100%;

    height: 200px;

    object-fit: cover;

}



.img-seo {

    max-width: 50%;

    float: left;

    margin-right: 20px;

    margin-bottom: 10px;

    box-shadow: 0px 0px 14px #ccc;

}



/*<!--=======================// PÁGINAS SEO //=======================-->*/

/*<!--=======================// MAPA DO SITE //=======================-->*/



#mapasite{

	

}



#mapasite h1 {

	color:#FF5E04;

}



#mapasite h2 {

	

}



#mapasite h3 {

	

}



#mapasite h4 {

	

}



#mapasite p {

	

}



#mapasite a {

	color: #2D2D2D;

}



#mapasite a:hover {

	color:#FF5E04;

    transition: all 0.3s;

}



/*<!--=======================// MAPA DO SITE //=======================-->*/



/*<!--=======================// RESPONSIVO //=======================-->*/



/*<!--===================// ABERTURA MOBILE L //===================-->*/

@media only screen and (min-width: 10px) and (max-width: 991px) { 

/*<!--=======================// GERAL //=======================-->*/

	.img-seo {

		max-width: 100%;

		width: 100%;

		height: auto;

		margin-bottom: 10px;

		float:none;

	}

/*<!--=======================// GERAL //=======================-->*/

/*<!--=======================// HEADER //=======================-->*/







/*<!--=======================// HEADER //=======================-->*/

/*<!--=======================// FOOTER //=======================-->*/







/*<!--=======================// FOOTER //=======================-->*/

/*<!--=======================// HOME //=======================-->*/

	

	#home{



	}



/*<!--=======================// HOME //=======================-->*/

/*<!--=======================// SOBRE NÓS //=======================-->*/



	#sobre-nos{



	}



/*<!--=======================// SOBRE NÓS //=======================-->*/

/*<!--=======================// SERVIÇOS //=======================-->*/



	#servicos{



	}



/*<!--=======================// SERVIÇOS //=======================-->*/

/*<!--=======================// INFORMAÇÕES //=======================-->*/



	#informacoes{



	}



/*<!--=======================// INFORMAÇÕES //=======================-->*/

/*<!--=======================// CONTATO //=======================-->*/



	#contato{



	}



/*<!--=======================// CONTATO //=======================-->*/

/*<!--=======================// PÁGINAS SEO //=======================-->*/



	#paginas-seo{



	}



/*<!--=======================// PÁGINAS SEO //=======================-->*/

/*<!--=======================// MAPA DO SITE //=======================-->*/



	#mapasite{



	}



/*<!--=======================// MAPA DO SITE //=======================-->*/

}



#botoes {

    width: 100%;

    position: fixed;

    bottom: 0%;

    display: none;

    z-index: 999;

    margin: 0;

}



#botoes a {

    color: #FFF;

    font-size: 20px;

    padding: 16px 41px;

}



#botoes .fa, .fas, .fab, .far, .fa-solid {

	font-size: 25px;

}



#botoes .fa-whatsapp {

	font-size: 25px;

}



.bts {

    width: 33.33%;

    margin-bottom: -1px;

}



.bt-1 {

	

	background: #01C854;

	color: #FFF;

	text-align: center;

}



.bt-2 {

	background: #FF5E04;

	color: #FFF;

	text-align: center;

}



.bt-3 {

	background: #000;

	color: #FFF;

	text-align: center;	

}





/*==================== MOBILE L ====================*/

@media only screen and (min-width: 10px) and (max-width: 455px) {

    /* Topo */

    .footer-contact {

        padding: 0 31px;

    }

    

    .icones-sociais {

        width: 100%;

        float: left;

    }

    

    #contato .row .p-5 {

        padding: 15px !important;

    }

    

    #botoes {

        display: block;

    }

    

    .bto-whats {

        display: none;

    }

    

    .contatos-topo span {

        width: 100%;

        float: left;

        display: none;

    }

    

    .topbar {

        padding-bottom: 7px;

    }

    

    #sociais .fab, .topbar .fas {

        padding: 6px 11px 12px 14px;

        font-size: 16px;

    }

    

    .contatos-topo a {

        color: #fff;

        text-decoration: none;

    }

    

    .img-sobre, .img-seo {

        max-width: 100%;

        height: auto;

    }

    

    footer {

        text-align: center;

    }

    

    .footer-top {

        padding: 21px;

    }

    

    #cta {

        text-align: center;

    }

    

    .navbar-nav {

        padding: 11px 17px;

    }

    

    footer h4 {

        font-size: 30px;

        margin-top: 28px;

    }

    

    .footer-contact p {

        text-align: center;

    }

    

    .botao-saiba {

        float: left;

        width: 100%;

    }

    

    /* Galeria */

    .lightbox {

        padding-top: 100px;

    }

    

    .lb-nav a.lb-next, .lb-nav a.lb-prev, .lb-nav a.lb-next:hover, .lb-nav a.lb-prev:hover {

        opacity: 1;

    }

    

    /* Geral */

    #home {

        text-align: center;

    }

    

    #home li {

        list-style: none;

    }

    

    #home .img-fluid {

        max-width: 100%;

        height: auto;

        margin-top: 32px;

    }

    

    #cta input, #cta select, #cta button {

        max-width: 100%;

        width: 100%;

    }

    

    #cta button {

        width: 80%;

        margin: 10px auto;

        display: block;

    }

    

    /* Seções */

    #sobre-nos, #servicos, #informacoes, #contato, #paginas-seo, #mapasite {

        padding: 30px;

    }

	

	

	.btn-orca {

		margin-left: 0;

		width: 100%;

		float: left;

		margin-top: 10px;

		text-align: center;

	}

	

	#banner-rotativo .carousel-caption {

		top: 37%;

		max-height: 230px;

		padding: 53px 27px;

	}

	

	#dife-superior .card-body {

    	margin-bottom: 24px;

	}

	

	.contatos-cta h4 {

		margin-top: 0;

	}

	

	.formulario-cta {

		border-radius: 0;

	}

	

    .botao-saiba {

        margin-bottom: 20px;

    }

	

	#depoimentos .carousel-control-next {

		width: 40px;

		height: 60px;

	}

	

	

	.mosaico {

		margin-top: 0;

	}

	

	

	#cta img {

    	padding-right: 0px;

	}

	

	

	.interior {

		margin-bottom: 20px;

		margin-top: 20px;

	}

	

	#cta h4 strong {

		font-size: 50px;

	}

	

	#cta h4 {

		font-size: 50px;

	}

	

	

	

}



/*==================== MOBILE P ====================*/

@media only screen and (min-width: 10px) and (max-width: 355px) {

    .contatos-topo span {

        width: 100%;

        float: left;

    }

}

/*======================= Redesign comercial 2026 =======================*/
:root {
    --classe-orange: #f05a1a;
    --classe-orange-dark: #c94612;
    --classe-ink: #171717;
    --classe-muted: #626262;
    --classe-line: #e8e2dc;
    --classe-cream: #f7f3ee;
    --classe-green: #12b76a;
    --sales-bg: #f7f3ee;
    --sales-dark: #181512;
    --sales-muted: #6d6760;
    --sales-line: #e8dfd6;
}

html {
    scroll-behavior: smooth;
}

body {
    color: var(--classe-ink);
    font-family: "Open Sans", Arial, sans-serif;
    background: #fff;
}

a {
    text-decoration: none;
}

.container {
    max-width: 1180px;
}

.site-navbar.fixed-top {
    position: fixed !important;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 64px);
    max-width: 1220px;
    min-height: 78px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(14px);
}

.site-navbar .container {
    justify-content: flex-start !important;
}

.logo {
    max-width: 184px;
    padding: 8px 0;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--classe-ink);
    font-size: 15px;
    font-weight: 700;
    padding: 15px 14px;
    letter-spacing: 0;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: var(--classe-orange) !important;
}

.btn-orca {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 14px;
    padding: 13px 18px !important;
    border-radius: 4px;
    background: var(--classe-orange);
    box-shadow: 0 12px 24px rgba(240, 90, 26, 0.28);
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
}

.btn-orca:hover,
.botao-saiba:hover,
.conversion-band__button:hover,
.product-quote:hover {
    background: var(--classe-orange-dark);
    color: #fff !important;
}

.mega-menu-item {
    position: static;
}

.site-navbar .mega-menu {
    left: 50% !important;
    min-width: 0;
    width: min(1060px, calc(100vw - 72px));
    max-height: none;
    margin-top: 12px !important;
    padding: 22px;
    border: 1px solid var(--classe-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);
    overflow: visible;
    transform: translateX(-50%);
}

.mega-menu {
    gap: 18px;
    grid-template-columns: 300px minmax(0, 1fr);
}

.mega-menu.show {
    display: grid;
}

.mega-menu__intro {
    padding: 22px;
    border-radius: 8px;
    background: var(--classe-ink);
    color: #fff;
}

.mega-menu__intro span,
.mega-menu__grid small,
.mega-menu__cta span {
    display: block;
    color: var(--classe-orange);
    font-family: "Jost", sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.mega-menu__intro strong {
    display: block;
    margin: 12px 0 10px;
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.05;
}

.mega-menu__intro p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 15px;
    line-height: 1.5;
}

.mega-menu__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.mega-menu__grid a {
    min-height: 148px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px;
    border: 1px solid var(--classe-line);
    border-radius: 8px;
    background: #fff;
    color: var(--classe-ink);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.mega-menu__grid a:hover,
.mega-menu__grid a:focus {
    border-color: rgba(240, 90, 26, 0.42);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
    color: var(--classe-ink);
    transform: translateY(-2px);
}

.mega-menu__grid strong {
    display: block;
    margin: 8px 0;
    font-family: "Jost", sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.1;
}

.mega-menu__grid span {
    color: var(--classe-muted);
    font-size: 14px;
    line-height: 1.45;
}

.mega-menu__cta {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
    border-radius: 8px;
    background: var(--classe-cream);
}

.mega-menu__cta a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 16px;
    border-radius: 5px;
    background: var(--classe-orange);
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 800;
}

#banner {
    min-height: 760px;
    display: flex;
    align-items: center;
    text-align: left;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.48) 42%, rgba(0, 0, 0, 0.12) 100%),
        url(../image/banner/banner.jpg) center center / cover;
}

#banner .container {
    padding-top: 80px;
}

.hero-copy {
    max-width: 680px;
}

.hero-eyebrow,
.section-heading span,
.section-kicker {
    display: inline-block;
    margin-bottom: 14px;
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.hero-eyebrow {
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
}

#banner h1 {
    max-width: 760px;
    padding-top: 0;
    margin: 0 0 22px;
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: clamp(42px, 6vw, 76px);
    font-weight: 800;
    line-height: 0.96;
    text-transform: none;
}

#banner p {
    max-width: 620px;
    margin-bottom: 34px;
    color: rgba(255, 255, 255, 0.88);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.55;
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.botao-saiba,
#banner .botao-saiba,
#cta .botao-saiba,
.sobre-home .botao-saiba {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 14px 24px;
    border-radius: 5px;
    background: var(--classe-orange);
    box-shadow: 0 14px 28px rgba(240, 90, 26, 0.26);
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    animation: none;
}

.botao-saiba i {
    margin-right: 8px;
}

.hero-link {
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    border-bottom: 2px solid rgba(255, 255, 255, 0.42);
}

.hero-link:hover {
    color: #fff;
    border-color: var(--classe-orange);
}

.home-proof {
    margin-top: -62px;
    position: relative;
    z-index: 3;
}

.proof-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--classe-line);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.proof-grid div {
    min-height: 132px;
    padding: 28px;
    background: #fff;
}

.proof-grid strong {
    display: block;
    margin-bottom: 8px;
    color: var(--classe-ink);
    font-family: "Jost", sans-serif;
    font-size: 23px;
    line-height: 1.1;
}

.proof-grid span {
    color: var(--classe-muted);
    font-size: 15px;
    line-height: 1.45;
}

.section-heading {
    max-width: 760px;
    margin: 0 auto 36px;
    text-align: center;
}

.section-heading--compact {
    margin-bottom: 28px;
}

.section-heading span,
.section-kicker {
    color: var(--classe-orange);
}

.section-heading h2,
.section-heading h4,
.produtos h2 {
    margin: 0;
    color: var(--classe-ink);
    font-family: "Jost", sans-serif;
    font-size: clamp(34px, 5vw, 58px);
    font-weight: 800;
    line-height: 1.05;
}

.section-heading p {
    max-width: 640px;
    margin: 16px auto 0;
    color: var(--classe-muted);
    font-size: 18px;
}

.mosaico {
    margin-top: 80px;
    margin-bottom: 84px;
    z-index: 2;
}

.interior,
.decoracao,
.moveis {
    min-height: 360px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);
}

.interior {
    min-height: 620px;
}

.interior a,
.decoracao a,
.moveis a {
    width: 100%;
    min-height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 32px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 30%, rgba(0, 0, 0, 0.76) 100%);
}

.mosaico a span {
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}

.mosaico h4 {
    padding-top: 0;
    margin: 8px 0 0;
    text-align: left;
    color: #fff;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.05;
}

#cta {
    padding: 104px 0;
    background:
        linear-gradient(90deg, rgba(247, 243, 238, 0.96), rgba(247, 243, 238, 0.78)),
        url(../image/bg.jpg) center center / cover;
}

#cta img {
    max-height: 460px;
    padding-right: 0;
    filter: drop-shadow(0 28px 44px rgba(0, 0, 0, 0.18));
}

#cta h4 {
    margin: 0 0 18px;
    color: var(--classe-ink);
    font-size: clamp(48px, 8vw, 88px);
    line-height: 0.95;
}

#cta p {
    max-width: 520px;
    margin-bottom: 28px;
    color: var(--classe-muted);
    font-size: 19px;
    line-height: 1.6;
}

.produtos {
    margin-bottom: 94px;
}

.produtos h4 {
    padding: 0;
}

.produtos .carousel-inner {
    padding: 0 !important;
}

.produtos .card {
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--classe-line) !important;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.06);
}

.produtos .card img {
    width: 100%;
    height: 320px;
    padding: 24px;
    object-fit: contain;
    border: 0 !important;
    background: #fff;
}

.produtos .card-body {
    min-height: 190px;
    padding: 24px;
    border-top: 1px solid var(--classe-line);
}

.produtos .card-title {
    margin-bottom: 10px;
    color: var(--classe-ink);
    text-align: left;
    font-size: 25px;
    font-weight: 800;
}

.produtos .card-text {
    margin-bottom: 18px;
    color: var(--classe-muted);
    font-size: 15px;
    line-height: 1.5;
}

.product-quote {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 4px;
    background: var(--classe-ink);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.produtos .carousel-control-next,
.produtos .carousel-control-prev {
    width: 54px !important;
    height: 54px !important;
    background: var(--classe-orange);
    opacity: 1;
}

.sobre-home {
    align-items: center;
}

.sobre-home img {
    border-radius: 8px !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.12);
}

.sobre-home h1,
.sobre-home h2 {
    color: var(--classe-ink);
    font-family: "Jost", sans-serif;
    font-weight: 800;
    font-size: clamp(34px, 5vw, 54px);
    line-height: 1.05;
}

.sobre-home p {
    margin-bottom: 20px;
    color: var(--classe-muted);
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.65;
}

.conversion-list {
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.conversion-list li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 30px;
    color: var(--classe-ink);
    font-size: 16px;
    line-height: 1.45;
}

.conversion-list li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--classe-orange);
    box-shadow: inset 0 0 0 5px #fff, 0 0 0 1px var(--classe-orange);
}

.conversion-band {
    margin-top: 34px;
    padding: 76px 0;
    background: var(--classe-ink);
    color: #fff;
}

.conversion-band .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
}

.conversion-band span {
    color: var(--classe-orange);
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}

.conversion-band h2 {
    max-width: 720px;
    margin: 10px 0 12px;
    font-family: "Jost", sans-serif;
    font-size: clamp(32px, 4vw, 50px);
    font-weight: 800;
    line-height: 1.05;
}

.conversion-band p {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 18px;
}

.conversion-band__button {
    flex: 0 0 auto;
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 24px;
    border-radius: 5px;
    background: var(--classe-orange);
    color: #fff;
    font-weight: 800;
}

footer {
    padding-top: 0;
    background: #242424;
}

.footer-top {
    padding: 44px 0;
}

.footer-contact {
    padding: 28px 26px;
}

#pjAcceptCookieBar {
    left: auto !important;
    right: 22px !important;
    bottom: 22px !important;
    width: min(420px, calc(100% - 44px)) !important;
    padding: 18px !important;
    border-radius: 8px !important;
    background: rgba(23, 23, 23, 0.94) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24) !important;
}

#pjAcceptCookieBar .pjAcceptCookieBarBtn {
    border: 0 !important;
    border-radius: 4px !important;
}

.bto-whats {
    width: 58px;
    bottom: 26px;
    left: auto;
    right: 26px;
    background: var(--classe-green);
    box-shadow: 0 16px 30px rgba(18, 183, 106, 0.24);
    animation: none;
}

.back-to-top {
    right: 24px;
    bottom: 96px;
    border-radius: 4px;
}

@media (max-width: 991px) {
    .site-navbar.fixed-top {
        top: 10px;
        width: calc(100% - 24px);
    }

    .site-navbar .container {
        padding: 0 18px;
    }

    .navbar-collapse {
        margin: 8px 0 16px;
        padding: 10px;
        border-radius: 6px;
        background: #fff;
    }

    .btn-orca {
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
    }

    #banner {
        min-height: 720px;
    }

    .proof-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .interior {
        min-height: 420px;
        margin-bottom: 24px;
    }

    .decoracao,
    .moveis {
        min-height: 280px;
    }

    #cta {
        text-align: left;
    }

    .conversion-band .container {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .logo {
        max-width: 150px;
    }

    #banner {
        min-height: 690px;
    }

    #banner .container {
        padding-top: 96px;
    }

    #banner p {
        font-size: 17px;
    }

    .hero-actions,
    .botao-saiba,
    #banner .botao-saiba,
    #cta .botao-saiba,
    .sobre-home .botao-saiba {
        width: 100%;
    }

    .hero-link {
        width: 100%;
        text-align: center;
    }

    .home-proof {
        margin-top: 0;
    }

    .proof-grid {
        grid-template-columns: 1fr;
        border-radius: 0;
    }

    .proof-grid div {
        min-height: auto;
        padding: 22px;
    }

    .mosaico {
        margin-top: 54px;
    }

    .mosaico .row {
        gap: 18px;
    }

    .interior,
    .decoracao,
    .moveis {
        min-height: 300px;
        margin: 0;
    }

    .produtos .card {
        margin-bottom: 20px;
    }

    .produtos .carousel-control-next,
    .produtos .carousel-control-prev {
        display: none;
    }

    #cta {
        padding: 70px 0;
        text-align: center;
    }

    #cta p {
        margin-left: auto;
        margin-right: auto;
    }

    .conversion-list li {
        text-align: left;
    }

    .conversion-band {
        padding: 56px 0;
    }

    .conversion-band__button {
        width: 100%;
    }

    #pjAcceptCookieBar {
        right: 12px !important;
        bottom: 76px !important;
        width: calc(100% - 24px) !important;
    }
}

/*======================= Home vendedora - nova estrutura =======================*/
.sales-home {
    --sales-bg: #f7f3ee;
    --sales-dark: #181512;
    --sales-muted: #6d6760;
    --sales-line: #e8dfd6;
    overflow: hidden;
}

.sales-home h1,
.sales-home h2,
.sales-home h3,
.sales-home strong {
    font-family: "Jost", sans-serif;
}

.sales-kicker,
.sales-heading span,
.quote-card span,
.featured-quote__content span,
.final-cta span {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 14px;
    color: var(--classe-orange);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.sales-hero {
    min-height: 820px;
    display: flex;
    align-items: center;
    padding: 150px 0 86px;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0.54) 50%, rgba(0, 0, 0, 0.22) 100%),
        url(../image/banner/banner.jpg) center center / cover;
}

.sales-hero .container {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.58fr);
    gap: 56px;
    align-items: center;
}

.sales-hero__content {
    max-width: 780px;
}

.sales-hero h1 {
    max-width: 820px;
    margin: 0 0 24px;
    color: #fff;
    font-size: clamp(46px, 7vw, 86px);
    font-weight: 800;
    line-height: 0.94;
}

.sales-hero p {
    max-width: 680px;
    margin: 0 0 34px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.55;
}

.sales-hero__actions,
.final-cta .container > div {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.sales-button {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 22px;
    border-radius: 5px;
    font-family: "Jost", sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
}

.sales-button--primary {
    background: var(--classe-orange);
    color: #fff !important;
    box-shadow: 0 16px 32px rgba(240, 90, 26, 0.28);
}

.sales-button--primary:hover {
    background: var(--classe-orange-dark);
    color: #fff !important;
}

.sales-button--secondary {
    border: 1px solid rgba(255, 255, 255, 0.38);
    color: #fff !important;
    background: rgba(255, 255, 255, 0.08);
}

.sales-button--secondary:hover {
    border-color: #fff;
    color: #fff !important;
}

.sales-button--light {
    background: #fff;
    color: var(--sales-dark) !important;
}

.sales-hero__bullets {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.sales-hero__bullets li {
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 4px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.08);
}

.quote-card {
    padding: 34px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.28);
}

.quote-card h2 {
    margin: 0 0 20px;
    color: var(--sales-dark);
    font-size: 34px;
    font-weight: 800;
    line-height: 1.05;
}

.quote-card ol {
    margin: 0 0 26px;
    padding: 0;
    list-style: none;
    counter-reset: quote;
}

.quote-card li {
    position: relative;
    margin-bottom: 14px;
    padding-left: 42px;
    color: var(--sales-muted);
    font-size: 16px;
    line-height: 1.45;
    counter-increment: quote;
}

.quote-card li:before {
    content: counter(quote);
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--classe-orange);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.quote-card a {
    width: 100%;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: var(--sales-dark);
    color: #fff;
    font-weight: 800;
}

.quote-card a:hover {
    background: var(--classe-orange);
    color: #fff;
}

.trust-strip {
    position: relative;
    z-index: 2;
    margin-top: -46px;
}

.trust-strip .container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--sales-line);
    background: #fff;
    box-shadow: 0 20px 54px rgba(0, 0, 0, 0.14);
}

.trust-strip .container > div {
    padding: 26px 24px;
    border-right: 1px solid var(--sales-line);
}

.trust-strip .container > div:last-child {
    border-right: 0;
}

.trust-strip strong {
    display: block;
    margin-bottom: 7px;
    color: var(--sales-dark);
    font-size: 23px;
    line-height: 1.1;
}

.trust-strip span {
    color: var(--sales-muted);
    font-size: 14px;
    line-height: 1.42;
}

.sales-section {
    padding: 92px 0;
}

.sales-heading {
    max-width: 850px;
    margin-bottom: 38px;
}

.sales-heading--split {
    max-width: 100%;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
}

.sales-heading h2 {
    margin: 0;
    color: var(--sales-dark);
    font-size: clamp(34px, 5vw, 60px);
    font-weight: 800;
    line-height: 1.05;
}

.sales-link {
    flex: 0 0 auto;
    color: var(--classe-orange);
    font-weight: 800;
    border-bottom: 2px solid currentColor;
}

.event-solutions {
    background: #fff;
}

.solution-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.solution-grid article,
.solution-card {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--sales-line);
    background: #fff;
    color: inherit;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.07);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.solution-card:hover {
    transform: translateY(-5px);
    border-color: rgba(240, 90, 26, 0.36);
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.12);
    color: inherit;
}

.solution-grid img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.solution-grid article div,
.solution-card div {
    padding: 26px;
}

.solution-grid span {
    color: var(--classe-orange);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.solution-grid h3 {
    margin: 9px 0 10px;
    color: var(--sales-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.1;
}

.solution-grid .solution-card strong {
    display: inline-flex;
    margin-top: 8px;
    color: var(--classe-orange);
    font-size: 15px;
    font-weight: 800;
}

.solution-grid .solution-card strong:after {
    content: ">";
    margin-left: 8px;
}

.solution-grid p,
.category-grid span,
.process-grid p,
.featured-quote__content p,
.faq-grid p {
    color: var(--sales-muted);
    font-size: 16px;
    line-height: 1.55;
}

.catalog-builder,
.process-section,
.seo-faq {
    background: var(--sales-bg);
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.category-grid a {
    min-height: 330px;
    display: flex;
    flex-direction: column;
    padding: 22px;
    border-radius: 8px;
    border: 1px solid var(--sales-line);
    background: #fff;
    color: var(--sales-dark);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.category-grid a:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.1);
}

.category-grid img {
    width: 100%;
    height: 180px;
    margin-bottom: 18px;
    object-fit: contain;
}

.category-grid strong {
    margin-bottom: 8px;
    color: var(--sales-dark);
    font-size: 25px;
    line-height: 1.1;
}

.process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.process-grid div {
    padding: 34px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--sales-line);
}

.process-grid span {
    display: block;
    margin-bottom: 28px;
    color: var(--classe-orange);
    font-family: "Jost", sans-serif;
    font-size: 52px;
    font-weight: 800;
    line-height: 1;
}

.process-grid h3 {
    margin-bottom: 12px;
    color: var(--sales-dark);
    font-size: 27px;
    font-weight: 800;
}

.featured-quote {
    background: #fff;
}

.featured-quote .container {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 64px;
    align-items: center;
}

.featured-quote__image {
    min-height: 500px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(240, 90, 26, 0.08), rgba(0, 0, 0, 0.03)),
        var(--sales-bg);
}

.featured-quote__image img {
    max-height: 420px;
    filter: drop-shadow(0 24px 34px rgba(0, 0, 0, 0.18));
}

.featured-quote__content h2 {
    max-width: 680px;
    margin: 0 0 18px;
    color: var(--sales-dark);
    font-size: clamp(34px, 5vw, 58px);
    font-weight: 800;
    line-height: 1.04;
}

.featured-quote__content p {
    max-width: 610px;
    margin-bottom: 28px;
    font-size: 18px;
}

.portfolio-preview {
    background: #fff;
}

.portfolio-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 0.8fr;
    grid-auto-rows: 220px;
    gap: 16px;
}

.portfolio-grid a {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    background: #eee;
}

.portfolio-grid img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.24s ease;
}

.portfolio-grid a:first-child {
    grid-row: span 2;
}

.portfolio-grid a:hover img {
    transform: scale(1.04);
}

.faq-grid {
    display: grid;
    gap: 14px;
    max-width: 920px;
}

.faq-grid details {
    padding: 22px 24px;
    border-radius: 8px;
    border: 1px solid var(--sales-line);
    background: #fff;
}

.faq-grid summary {
    cursor: pointer;
    color: var(--sales-dark);
    font-family: "Jost", sans-serif;
    font-size: 22px;
    font-weight: 800;
}

.faq-grid p {
    margin: 14px 0 0;
}

.final-cta {
    padding: 90px 0;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.58)),
        url(../image/cta2.jpg) center center / cover;
    color: #fff;
}

.final-cta h2 {
    max-width: 850px;
    margin: 0 0 26px;
    color: #fff;
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 800;
    line-height: 1.04;
}

@media (max-width: 991px) {
    .sales-hero {
        min-height: auto;
        padding: 140px 0 72px;
    }

    .sales-hero .container,
    .featured-quote .container {
        grid-template-columns: 1fr;
    }

    .trust-strip {
        margin-top: 0;
    }

    .trust-strip .container,
    .solution-grid,
    .category-grid,
    .process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sales-heading--split {
        align-items: flex-start;
        flex-direction: column;
    }

    .portfolio-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575px) {
    .sales-hero {
        padding: 122px 0 52px;
    }

    .sales-hero h1 {
        font-size: 43px;
    }

    .sales-hero p {
        font-size: 17px;
    }

    .sales-button,
    .quote-card a,
    .sales-link {
        width: 100%;
    }

    .quote-card {
        padding: 24px;
    }

    .trust-strip .container,
    .solution-grid,
    .category-grid,
    .process-grid,
    .portfolio-grid {
        grid-template-columns: 1fr;
    }

    .trust-strip .container {
        border-radius: 0;
    }

    .trust-strip .container > div {
        border-right: 0;
        border-bottom: 1px solid var(--sales-line);
    }

    .sales-section {
        padding: 62px 0;
    }

    .solution-grid img {
        height: 220px;
    }

    .category-grid a {
        min-height: auto;
    }

    .featured-quote__image {
        min-height: 330px;
    }

    .featured-quote__image img {
        max-height: 280px;
    }

    .portfolio-grid {
        grid-auto-rows: 220px;
    }

    .portfolio-grid img:first-child {
        grid-row: auto;
    }

    .final-cta {
        padding: 64px 0;
    }
}

/*======================= Paginas por tipo de evento =======================*/
.solution-page {
    --solution-bg: #f7f3ee;
    --solution-dark: #181512;
    --solution-muted: #6d6760;
    overflow: hidden;
}

.solution-hero {
    min-height: 660px;
    display: flex;
    align-items: center;
    padding: 150px 0 80px;
    color: #fff;
}

.solution-hero--corporativo {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.42)),
        url(../image/informacoes/locacao-moveis-eventos-corporativos-sp.jpg) center center / cover;
}

.solution-hero--feiras {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.42)),
        url(../image/informacoes/locacao-moveis-feiraseventos-sp.jpg) center center / cover;
}

.solution-hero--social {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.42)),
        url(../image/informacoes/locacao-sofa-eventos.jpg) center center / cover;
}

.solution-hero--lounges {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.42)),
        url(../image/informacoes/sofa-lc-locacao.jpg) center center / cover;
}

.solution-hero--recepcao {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.42)),
        url(../image/informacoes/locacao-balcao.jpg) center center / cover;
}

.solution-hero--ativacoes {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.42)),
        url(../image/informacoes/puff-led.jpg) center center / cover;
}

.inner-hero--process {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.42)),
        url(../image/informacoes/locacao-mobiliario-eventos.jpg) center center / cover;
}

.inner-hero--areas {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.42)),
        url(../image/banner/banner.jpg) center center / cover;
}

.inner-hero--privacy {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.5)),
        url(../image/informacoes/locacao-moveis-eventos-sp.jpg) center center / cover;
}

.solution-hero h1 {
    max-width: 860px;
    margin: 0 0 22px;
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: clamp(44px, 7vw, 82px);
    font-weight: 800;
    line-height: 0.96;
}

.solution-hero p {
    max-width: 680px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.55;
}

.solution-detail {
    padding: 88px 0;
    background: #fff;
}

.solution-detail .container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 54px;
    align-items: start;
}

.solution-detail__copy > span,
.solution-detail__box h3 {
    color: var(--classe-orange);
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}

.solution-detail__copy h2 {
    max-width: 820px;
    margin: 12px 0 20px;
    color: var(--solution-dark);
    font-family: "Jost", sans-serif;
    font-size: clamp(34px, 5vw, 58px);
    font-weight: 800;
    line-height: 1.05;
}

.solution-detail__copy p {
    max-width: 760px;
    color: var(--solution-muted);
    font-size: 18px;
    line-height: 1.65;
}

.solution-detail__copy ul {
    display: grid;
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.solution-detail__copy li {
    position: relative;
    padding-left: 30px;
    color: var(--solution-dark);
    font-size: 17px;
    line-height: 1.45;
}

.solution-detail__copy li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--classe-orange);
    box-shadow: inset 0 0 0 5px #fff, 0 0 0 1px var(--classe-orange);
}

.solution-detail__box {
    padding: 30px;
    border-radius: 8px;
    background: var(--solution-bg);
    border: 1px solid var(--sales-line);
}

.solution-detail__box h3 {
    margin-bottom: 12px;
}

.solution-detail__box p {
    color: var(--solution-muted);
    font-size: 17px;
    line-height: 1.55;
}

.solution-detail__box a {
    width: 100%;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    border-radius: 5px;
    background: var(--classe-orange);
    color: #fff;
    font-weight: 800;
}

.solution-products {
    padding: 88px 0;
    background: var(--solution-bg);
}

@media (max-width: 991px) {
    .solution-detail .container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .solution-hero {
        min-height: auto;
        padding: 126px 0 58px;
    }

    .solution-hero h1 {
        font-size: 42px;
    }

    .solution-hero p {
        font-size: 17px;
    }

    .solution-detail,
    .solution-products {
        padding: 62px 0;
    }
}

/*======================= Paginas internas principais =======================*/
.inner-page {
    overflow: hidden;
}

.inner-hero {
    min-height: 620px;
    display: flex;
    align-items: center;
    padding: 150px 0 78px;
    color: #fff;
}

.inner-hero--company {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.46)),
        url(../image/sobre.jpg) center center / cover;
}

.inner-hero--portfolio {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.42)),
        url(../image/galeria/14.jpg) center center / cover;
}

.inner-hero--contact {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.42)),
        url(../image/banner/banner.jpg) center center / cover;
}

.inner-hero h1 {
    max-width: 900px;
    margin: 0 0 22px;
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: clamp(44px, 7vw, 82px);
    font-weight: 800;
    line-height: 0.96;
}

.inner-hero p {
    max-width: 720px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.55;
}

.company-intro,
.portfolio-intro,
.portfolio-categories,
.contact-main,
.contact-routing {
    padding: 88px 0;
}

.company-intro .container,
.contact-main .container {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 56px;
    align-items: start;
}

.company-intro__image img {
    width: 100%;
    min-height: 540px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.14);
}

.company-intro__copy > span,
.contact-panel > span {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--classe-orange);
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}

.company-intro__copy h2,
.contact-panel h2 {
    margin: 0 0 18px;
    color: var(--sales-dark);
    font-family: "Jost", sans-serif;
    font-size: clamp(34px, 5vw, 58px);
    font-weight: 800;
    line-height: 1.05;
}

.company-intro__copy p,
.contact-panel p {
    color: var(--sales-muted);
    font-size: 18px;
    line-height: 1.65;
}

.company-values,
.portfolio-categories,
.contact-routing {
    background: var(--sales-bg);
}

.company-fit {
    padding: 88px 0;
    background: #fff;
}

.portfolio-showcase {
    padding: 0 0 88px;
    background: #fff;
}

.portfolio-masonry {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: dense;
    grid-auto-rows: 210px;
    gap: 18px;
}

.portfolio-masonry a {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    background: #eee;
}

.portfolio-masonry a:nth-child(1),
.portfolio-masonry a:nth-child(6) {
    grid-row: span 2;
}

.portfolio-masonry a:nth-child(3) {
    grid-column: span 2;
}

.portfolio-masonry img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.24s ease;
}

.portfolio-masonry a:hover img {
    transform: scale(1.04);
}

.contact-main {
    background: #fff;
}

.contact-panel {
    border-radius: 8px;
}

.contact-panel--form {
    padding: 34px;
    border: 1px solid var(--sales-line);
    background: var(--sales-bg);
}

.contact-panel--info {
    padding: 34px;
    background: #181512;
    color: #fff;
}

.contact-panel--info h2,
.contact-panel--info p,
.contact-panel--info span,
.contact-panel--info strong,
.contact-panel--info small,
.contact-panel--info li {
    color: #fff;
}

.contact-methods {
    display: grid;
    gap: 14px;
    margin: 24px 0 28px;
}

.contact-methods a {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    align-items: center;
    padding: 16px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.contact-methods i {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--classe-orange);
    color: #fff;
}

.contact-methods strong,
.contact-methods small {
    grid-column: 2;
}

.contact-methods small {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.contact-brief {
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.contact-brief h3 {
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: 25px;
    font-weight: 800;
}

.contact-brief ul {
    margin: 16px 0 0;
    padding-left: 18px;
}

.contact-brief li {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 16px;
}

.contact-page #formulario-contato,
.contact-page .book-taxi-form {
    padding: 0;
    color: var(--sales-dark);
}

.contact-page .book-taxi-form span {
    display: block;
    margin-bottom: 14px;
    color: #181512 !important;
    font-family: "Jost", sans-serif;
    font-weight: 800;
}

.contact-page .book-taxi-form strong {
    color: var(--classe-orange) !important;
}

.contact-page .book-taxi-form input,
.contact-page .book-taxi-form textarea {
    width: 100%;
    min-height: 48px;
    margin-top: 8px;
    border: 1px solid var(--sales-line);
    border-radius: 5px;
    background: #fff;
    color: #181512 !important;
    font-family: "Open Sans", Arial, sans-serif;
}

.contact-page .book-taxi-form textarea {
    min-height: 132px;
}

.contact-page .book-taxi-form button {
    width: 100%;
    min-height: 54px;
    border-radius: 5px;
    background: var(--classe-orange);
    color: #fff;
    font-family: "Jost", sans-serif;
    font-weight: 800;
}

@media (max-width: 991px) {
    .mega-menu-item {
        position: relative;
    }

    .site-navbar .mega-menu {
        left: 0 !important;
        width: 100%;
        max-height: calc(100vh - 150px);
        overflow-y: auto;
        padding: 14px;
        transform: none;
    }

    .mega-menu.show,
    .mega-menu__grid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .mega-menu__cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .company-intro .container,
    .contact-main .container {
        grid-template-columns: 1fr;
    }

    .portfolio-masonry {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .inner-hero {
        min-height: auto;
        padding: 126px 0 58px;
    }

    .inner-hero h1 {
        font-size: 42px;
    }

    .inner-hero p {
        font-size: 17px;
    }

    .company-intro,
    .portfolio-intro,
    .portfolio-categories,
    .contact-main,
    .contact-routing,
    .company-fit {
        padding: 62px 0;
    }

    .company-intro__image img {
        min-height: 320px;
    }

    .portfolio-masonry {
        grid-template-columns: 1fr;
    }

    .portfolio-masonry a:nth-child(1),
    .portfolio-masonry a:nth-child(3),
    .portfolio-masonry a:nth-child(6) {
        grid-column: auto;
        grid-row: auto;
    }

    .contact-panel--form,
    .contact-panel--info {
        padding: 24px;
    }
}

/*======================= Mapa e paginas de informacoes vendedoras =======================*/
.seo-sales-hero {
    min-height: 620px;
    display: flex;
    align-items: center;
    padding: 150px 0 76px;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.62) 48%, rgba(0, 0, 0, 0.24) 100%),
        url(../image/banner/banner.jpg) center center / cover;
    color: #fff;
}

.seo-sales-hero .container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 56px;
    align-items: center;
}

.seo-sales-hero__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.68);
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.seo-sales-hero__breadcrumb a,
.seo-sales-hero__breadcrumb span {
    color: rgba(255, 255, 255, 0.76);
}

.seo-sales-hero__breadcrumb a:hover {
    color: #fff;
}

.seo-sales-hero__breadcrumb span:before {
    content: "/";
    margin-right: 8px;
    color: var(--classe-orange);
}

.seo-sales-hero__copy span,
.sitemap-core span {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--classe-orange);
    font-family: "Jost", sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.seo-sales-hero__copy strong {
    display: block;
    max-width: 900px;
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: clamp(44px, 7vw, 78px);
    font-weight: 800;
    line-height: 0.98;
}

.seo-sales-hero__copy p {
    max-width: 720px;
    margin: 18px 0 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.58;
}

.seo-sales-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.seo-sales-hero__card {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.26);
    backdrop-filter: blur(10px);
}

.seo-sales-hero__card img {
    width: 100%;
    aspect-ratio: 4 / 3;
    display: block;
    object-fit: cover;
    background: rgba(255, 255, 255, 0.12);
}

.seo-sales-hero__card div {
    padding: 22px;
}

.seo-sales-hero__card small {
    display: block;
    margin-bottom: 10px;
    color: var(--classe-orange);
    font-family: "Jost", sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.seo-sales-hero__card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    line-height: 1.55;
}

#paginas-seo {
    padding: 72px 0;
    background: #fff;
}

#paginas-seo #page-seo {
    align-items: flex-start;
}

#paginas-seo h1 {
    margin-bottom: 24px;
    color: var(--sales-dark);
    font-family: "Jost", sans-serif;
    font-size: clamp(34px, 5vw, 58px);
    font-weight: 800;
    line-height: 1.05;
}

#paginas-seo h2 {
    margin: 34px 0 14px;
    color: var(--sales-dark);
    font-family: "Jost", sans-serif;
    font-size: clamp(27px, 4vw, 38px);
    font-weight: 800;
    line-height: 1.12;
}

#paginas-seo p,
#paginas-seo li {
    color: var(--sales-muted);
    font-size: 17px;
    line-height: 1.68;
}

#paginas-seo p {
    text-align: left;
}

#paginas-seo p strong,
#paginas-seo li strong,
#paginas-seo a,
.linkagen a {
    color: var(--classe-orange) !important;
}

.img-seo {
    width: min(360px, 48%);
    max-width: 48%;
    margin: 0 28px 18px 0;
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

.linkagen {
    clear: both;
    margin-top: 34px;
    padding: 22px;
    border: 1px solid var(--sales-line);
    border-radius: 8px;
    background: var(--sales-bg);
}

.seo-sidebar {
    position: sticky;
    top: 122px;
    display: grid;
    gap: 18px;
}

.seo-sidebar h3 {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--sales-dark) !important;
    text-align: left !important;
    font-family: "Jost", sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.12;
}

.seo-sidebar__quote,
.seo-sidebar__solutions,
.seo-sidebar__index {
    padding: 24px;
    border: 1px solid var(--sales-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.06);
}

.seo-sidebar__quote {
    background: #181512 !important;
    color: #fff !important;
}

.seo-sidebar__quote span {
    display: block;
    margin-bottom: 10px;
    color: var(--classe-orange);
    font-family: "Jost", sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.seo-sidebar__quote h3 {
    color: #fff !important;
}

.seo-sidebar__quote p {
    margin: 14px 0 18px;
    color: rgba(255, 255, 255, 0.74) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.seo-sidebar__quote a,
.seo-sidebar__solutions a,
.seo-sidebar__index a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    margin-top: 10px;
    padding: 11px 13px;
    border-radius: 5px;
    font-family: "Jost", sans-serif;
    font-size: 14px !important;
    font-weight: 800;
}

.seo-sidebar__whats,
.seo-sidebar__mail {
    justify-content: center !important;
    color: #fff !important;
}

.seo-sidebar__whats {
    background: #17a85a !important;
}

.seo-sidebar__mail {
    background: var(--classe-orange) !important;
}

#menu-lateral .seo-sidebar__mail,
#menu-lateral #tag-email.seo-sidebar__mail {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #f05a1a !important;
    color: #fff !important;
    text-align: center !important;
}

#menu-lateral .seo-sidebar__mail i,
#menu-lateral .seo-sidebar__mail span,
#menu-lateral #tag-email.seo-sidebar__mail i,
#menu-lateral #tag-email.seo-sidebar__mail span {
    display: inline-block !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#menu-lateral .seo-sidebar__whats:hover,
#menu-lateral .seo-sidebar__whats:focus {
    background: #11964f !important;
    color: #fff !important;
}

#menu-lateral .seo-sidebar__mail:hover,
#menu-lateral .seo-sidebar__mail:focus,
#menu-lateral #tag-email.seo-sidebar__mail:hover,
#menu-lateral #tag-email.seo-sidebar__mail:focus {
    background: #c94612 !important;
    color: #fff !important;
}

#menu-lateral .seo-sidebar__whats:hover i,
#menu-lateral .seo-sidebar__whats:focus i,
#menu-lateral .seo-sidebar__mail:hover i,
#menu-lateral .seo-sidebar__mail:hover span,
#menu-lateral .seo-sidebar__mail:focus i,
#menu-lateral .seo-sidebar__mail:focus span {
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.seo-sidebar__solutions a {
    background: var(--sales-bg);
    color: var(--sales-dark) !important;
}

#menu-lateral .seo-sidebar__solutions h3 {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #181512 !important;
    font-family: "Jost", sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#menu-lateral .seo-sidebar__solutions a {
    background: #f7f3ee !important;
    color: #181512 !important;
}

#menu-lateral .seo-sidebar__solutions a span {
    display: inline-block !important;
    color: #181512 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#menu-lateral .seo-sidebar__solutions a:hover,
#menu-lateral .seo-sidebar__solutions a:focus {
    background: #f05a1a !important;
    color: #fff !important;
}

#menu-lateral .seo-sidebar__solutions a:hover span,
#menu-lateral .seo-sidebar__solutions a:focus span {
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.seo-sidebar__index details {
    border-bottom: 1px solid var(--sales-line);
}

#menu-lateral .seo-sidebar__index h3 {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #181512 !important;
    font-family: "Jost", sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.seo-sidebar__index details:last-child {
    border-bottom: 0;
}

.seo-sidebar__index summary {
    cursor: pointer;
    padding: 14px 0;
    color: #181512 !important;
    font-family: "Jost", sans-serif;
    font-size: 15px;
    font-weight: 800;
}

.seo-sidebar__index details div {
    display: grid;
    gap: 8px;
    padding-bottom: 14px;
}

.seo-sidebar__index a {
    min-height: 38px;
    margin-top: 0;
    background: #f7f3ee !important;
    color: #181512 !important;
    font-size: 13px !important;
}

#menu-lateral .seo-sidebar__index a span {
    display: inline-block !important;
    color: #181512 !important;
    line-height: 1.25 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#menu-lateral .seo-sidebar__index a.is-active,
#menu-lateral .seo-sidebar__index a:hover,
#menu-lateral .seo-sidebar__index a:focus {
    background: #f05a1a !important;
    color: #fff !important;
}

#menu-lateral .seo-sidebar__index a.is-active span,
#menu-lateral .seo-sidebar__index a:hover span,
#menu-lateral .seo-sidebar__index a:focus span {
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.sitemap-page {
    overflow: hidden;
}

.sitemap-hero {
    min-height: 600px;
    display: flex;
    align-items: center;
    padding: 150px 0 76px;
    color: #fff;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.45)),
        url(../image/informacoes/locacao-mobiliario-eventos.jpg) center center / cover;
}

.sitemap-hero h1 {
    max-width: 840px;
    margin: 0 0 22px;
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: clamp(44px, 7vw, 82px);
    font-weight: 800;
    line-height: 0.96;
}

.sitemap-hero p {
    max-width: 720px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.55;
}

.sitemap-focus,
.sitemap-index,
.sitemap-core {
    padding: 88px 0;
}

.sitemap-focus,
.sitemap-core {
    background: #fff;
}

.sitemap-index {
    background: var(--sales-bg);
}

.sitemap-solution-grid,
.sitemap-group-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.sitemap-solution-grid a,
.sitemap-group {
    padding: 24px;
    border: 1px solid var(--sales-line);
    border-radius: 8px;
    background: #fff;
    color: var(--sales-dark);
}

.sitemap-solution-grid a {
    min-height: 192px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.sitemap-solution-grid a:hover {
    border-color: rgba(240, 90, 26, 0.4);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.1);
    color: var(--sales-dark);
    transform: translateY(-3px);
}

.sitemap-solution-grid small {
    color: var(--classe-orange);
    font-family: "Jost", sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.sitemap-solution-grid strong,
.sitemap-group h3,
.sitemap-core h2 {
    color: var(--sales-dark);
    font-family: "Jost", sans-serif;
    font-weight: 800;
    line-height: 1.1;
}

.sitemap-solution-grid strong {
    display: block;
    margin: 12px 0;
    font-size: 24px;
}

.sitemap-solution-grid span,
.sitemap-group p {
    color: var(--sales-muted);
    font-size: 15px;
    line-height: 1.55;
}

.sitemap-group h3 {
    margin-bottom: 12px;
    font-size: 25px;
}

.sitemap-group ul {
    display: grid;
    gap: 9px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.sitemap-group a {
    color: var(--sales-dark);
    font-size: 15px;
    font-weight: 700;
}

.sitemap-group a:hover,
.sitemap-core nav a:hover {
    color: var(--classe-orange);
}

.sitemap-core .container {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 42px;
    align-items: start;
}

.sitemap-core nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.sitemap-core nav a {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border: 1px solid var(--sales-line);
    border-radius: 8px;
    background: var(--sales-bg);
    color: var(--sales-dark);
    font-family: "Jost", sans-serif;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
}

@media (max-width: 991px) {
    .seo-sales-hero .container,
    .sitemap-core .container {
        grid-template-columns: 1fr;
    }

    .seo-sales-hero__card {
        max-width: 420px;
    }

    .seo-sidebar {
        position: static;
    }

    .sitemap-solution-grid,
    .sitemap-group-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sitemap-core nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .seo-sales-hero,
    .sitemap-focus,
    .sitemap-index,
    .sitemap-core,
    #paginas-seo {
        padding: 58px 0;
    }

    .seo-sales-hero {
        min-height: auto;
        padding: 126px 0 58px;
    }

    .seo-sales-hero__copy strong {
        font-size: 42px;
    }

    .seo-sales-hero__actions .sales-button {
        width: 100%;
    }

    .sitemap-hero {
        min-height: auto;
        padding: 126px 0 58px;
    }

    .sitemap-hero h1 {
        font-size: 42px;
    }

    .sitemap-hero p,
    .seo-sales-hero__copy p {
        font-size: 17px;
    }

    .sitemap-solution-grid,
    .sitemap-group-grid,
    .sitemap-core nav {
        grid-template-columns: 1fr;
    }

    .img-seo {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0 0 18px;
    }
}

/*======================= Categorias, processo e paginas de suporte =======================*/
.category-page,
.process-page,
.areas-page,
.privacy-page,
.thank-you-page {
    overflow: hidden;
}

.category-hero {
    min-height: 640px;
    display: flex;
    align-items: center;
    padding: 150px 0 80px;
    color: #fff;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.42)),
        var(--category-image) center center / cover;
}

.category-hero h1,
.thank-you-hero h1 {
    max-width: 900px;
    margin: 0 0 22px;
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: clamp(44px, 7vw, 82px);
    font-weight: 800;
    line-height: 0.96;
}

.category-hero p,
.thank-you-hero p {
    max-width: 720px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.55;
}

.category-detail,
.category-products,
.process-steps,
.areas-content,
.privacy-content {
    padding: 88px 0;
}

.category-detail,
.areas-content,
.privacy-content {
    background: #fff;
}

.category-products,
.process-steps {
    background: var(--sales-bg);
}

.category-detail .container,
.briefing-section .container,
.privacy-content .container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 54px;
    align-items: start;
}

.category-detail__copy > span,
.briefing-section span {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--classe-orange);
    font-family: "Jost", sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.category-detail__copy h2,
.briefing-section h2,
.privacy-content h2 {
    margin: 0 0 18px;
    color: var(--sales-dark);
    font-family: "Jost", sans-serif;
    font-size: clamp(32px, 5vw, 54px);
    font-weight: 800;
    line-height: 1.05;
}

.category-detail__copy p,
.privacy-content p {
    color: var(--sales-muted);
    font-size: 18px;
    line-height: 1.65;
}

.category-detail__copy ul,
.briefing-section ul {
    display: grid;
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.category-detail__copy li,
.briefing-section li {
    position: relative;
    padding-left: 30px;
    color: var(--sales-dark);
    font-size: 17px;
    line-height: 1.45;
}

.category-detail__copy li:before,
.briefing-section li:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--classe-orange);
    box-shadow: inset 0 0 0 5px #fff, 0 0 0 1px var(--classe-orange);
}

.category-detail__quote,
.privacy-content aside {
    padding: 28px;
    border: 1px solid var(--sales-line);
    border-radius: 8px;
    background: var(--sales-bg);
}

.category-detail__quote h3,
.privacy-content aside h3 {
    color: var(--sales-dark);
    font-family: "Jost", sans-serif;
    font-size: 24px;
    font-weight: 800;
}

.category-detail__quote p,
.privacy-content aside p {
    color: var(--sales-muted);
    font-size: 16px;
    line-height: 1.55;
}

.category-detail__quote a,
.privacy-content aside a {
    width: 100%;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    border-radius: 5px;
    background: var(--classe-orange);
    color: #fff;
    font-family: "Jost", sans-serif;
    font-weight: 800;
}

.process-timeline,
.areas-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.process-timeline article,
.areas-grid article {
    min-height: 230px;
    padding: 26px;
    border: 1px solid var(--sales-line);
    border-radius: 8px;
    background: #fff;
}

.process-timeline span {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 50%;
    background: var(--classe-orange);
    color: #fff;
    font-family: "Jost", sans-serif;
    font-weight: 800;
}

.process-timeline h3,
.areas-grid h3 {
    color: var(--sales-dark);
    font-family: "Jost", sans-serif;
    font-size: 24px;
    font-weight: 800;
}

.process-timeline p,
.areas-grid p {
    color: var(--sales-muted);
    font-size: 16px;
    line-height: 1.6;
}

.briefing-section {
    padding: 88px 0;
    background: #fff;
}

.briefing-section ul {
    margin-top: 0;
}

.privacy-content article {
    max-width: 850px;
}

.privacy-content article h2 {
    margin-top: 34px;
    font-size: clamp(28px, 4vw, 42px);
}

.privacy-content article h2:first-child {
    margin-top: 0;
}

.thank-you-hero {
    min-height: 650px;
    display: flex;
    align-items: center;
    padding: 150px 0 80px;
    color: #fff;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.5)),
        url(../image/informacoes/locacao-mobiliario-eventos.jpg) center center / cover;
}

.thank-you-hero .container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 54px;
    align-items: center;
}

.thank-you-hero aside {
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

.thank-you-hero img {
    width: 64px;
    margin-bottom: 18px;
}

.thank-you-hero h2 {
    color: #fff;
    font-family: "Jost", sans-serif;
    font-size: 28px;
    font-weight: 800;
}

.thank-you-hero aside p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 16px;
}

@media (max-width: 991px) {
    .category-detail .container,
    .briefing-section .container,
    .privacy-content .container,
    .thank-you-hero .container {
        grid-template-columns: 1fr;
    }

    .process-timeline,
    .areas-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .category-hero,
    .thank-you-hero {
        min-height: auto;
        padding: 126px 0 58px;
    }

    .category-hero h1,
    .thank-you-hero h1 {
        font-size: 42px;
    }

    .category-hero p,
    .thank-you-hero p {
        font-size: 17px;
    }

    .category-detail,
    .category-products,
    .process-steps,
    .areas-content,
    .privacy-content,
    .briefing-section {
        padding: 62px 0;
    }

    .process-timeline,
    .areas-grid {
        grid-template-columns: 1fr;
    }
}

