/*
 * 
Theme Name: Actmob 2024 - Site institucional
Author: Actmob - Bruno
Author URI: https://actmob.com/
Description:  Tema desenvolvido exclusivamente pela Actmob para seu site.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Actmob
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');
@import url("./assets/css/global.css");
@import url("./assets/css/header.css");
@import url("./assets/css/utilitarios.css");
@import url("./assets/css/footer.css");

/* ========= INICIO DO SITE ============= */
.titulo__solucoes {
    font-size: 3rem;
    color: #3D3D3D;
    margin-bottom: 20px;
}
.text__destaque {
    color: var(--act_theme_cor_2);
}
.texto__solucoes {
    max-width: 636px;
    font-size: 1.5rem;
    color: #3D3D3D;
}
.bloco__escolha {
    max-width: 440px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.item__escolha {
    display: flex;
    align-items: center;
    gap: 10px;
}
.item__texto {
    font-size: 1.5rem;
    line-height: 1.2;
    color: #3D3D3D;
}
.texto__escolha {
    font-size: 1.25rem;
    line-height: 1.2;
    color: #3D3D3D;
}
.aux__class {
	padding-left: 52px;
	padding-right: 38px;
}
.wrapper {
	padding-left: 300px;
}
.row__historia h3 {
    font-size: 3rem;
    color: #3D3D3D;
    margin-bottom: 20px;
}
.item__content {
    background: var(--act_theme_cor_3);
	font-size: 1.25rem;
	color: #3D3D3D;
    padding: 33px;
}
.item__content .historia-ano {
    font-weight: 700;
    color: var(--act_theme_cor_2);
}
.item__content h4 {
    font-weight: 700;
	margin-bottom: 1.5rem;
}
.historia-texto {
    line-height: 1.3;
}
.section__tranquilidade {
	padding-top: 100px;
	padding-bottom: 120px;
}
.section__tranquilidade h2 {
    text-align: center;
    font-size: 3rem;
    line-height: 1.2;
    color: #3D3D3D;
    margin-bottom: 54px;
}
.section__tranquilidade h3 {
	font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #3D3D3D;
	margin-bottom: 30px;
}
.section__tranquilidade .texto__tranquilidade {
    max-width: 624px;
    font-size: 1.25rem;
    line-height: 1.2;
    color: #3D3D3D;
    margin-bottom: 1.5rem;
}
.section__tranquilidade .texto__tranquilidade:nth-child(4) {
	margin-bottom: 55px;
}
.aux__padding {
	padding: 0 57px;
}
.bloco__mvv {
	max-width: 468px;
}
.bloco__mvv > h3 {
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 1rem;
	color: #3D3D3D;
}
.bloco__mvv > p {
    font-size: 1.125rem;
    line-height: 1.2;
    color: #3D3D3D;
}
.section__galeria {
	padding-top: 133px;
    padding-bottom: 100px;
}
.grid__galeria > .gallery-lightbox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
footer .bg__footer {
	background: #627880;
}
.footer__info {
    display: flex;
    flex-direction: column;
}
.footer__info > span {
    font-weight: 700;
    font-size: 1.5rem;
    color: #1DAAE8;
}
.footer__info > a {
    font-size: 1.5rem;
    color: #fff;
}

.gap__aux {
	gap: 145px;
	transition: 0.5s;
}

.gap__aux:hover {
    background: #fff;
}

.gap__aux:nth-child(2) {
	gap: 105px;
}

.add__overlay {
    position: relative;
}
.add__overlay:before {
    content: "";
    background: rgb(0 0 0 / 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.row__historia {
    position: relative;
}
/* .row__historia:before {
    content: "";
    background: url(/wp-content/uploads/2025/02/bg-fundo.webp);
    width: 100%;
    height: 792px;
    position: absolute;
    top: 200px;
    left: 0;
} */

@media screen and (max-width: 800px) {
	.wrapper {
		padding-left: 24px;
	}
	.aux__padding {
		padding: 0 24px;
	}
	.grid__galeria > .gallery-lightbox {
		grid-template-columns: repeat(2, 1fr);
	}
	.gap__aux, .gap__aux:nth-child(2) {
		gap: 0;
	}
	.gap__aux:nth-child(2) .bloco__mvv {
		order: 2;
	}
	.bloco__mvv {
		max-width: 100%;
		padding: 37px 24px;
	}
	.section__galeria > div {
		padding: 0;
	}
	.section__solucoes > div > div,
	.section__escolha > div > div {
		padding: 0 20px;
	}
	.aux__class {
		padding: 0;
	}
	.bloco__escolha {
		gap: 50px;
		padding-bottom: 70px;
	}
	figure {
    	min-width: 100%;
	}
	.grid__galeria > .gallery-lightbox img {
		object-fit: cover;
		object-position: center center;
		width: 100%;
		height: auto;
	}
	.slider__historia {
		padding: 0 !important;
	}
	footer .wrapper {
		padding: 0;
	}
	.footer__info {
		text-align: center;
		max-width: 300px;
	}
	.copyright {
		flex-direction: column;
		gap: 10px;
		padding: 1rem;
	}
	.copyright .redes-sociais a {
		font-size: 2rem;
	}
	.texto__solucoes {
		margin-bottom: 2rem;
	}
	.section__tranquilidade {
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.section__galeria {
		padding-top: 65px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 500px) {
	.grid__galeria > .gallery-lightbox img {
		height: 150px;
	}
}

p {
	text-align: justify;
	color: black;
	font-family: 'Sora', sans-serif;
	}
	
.equipe {
		text-align: center;
		}

.btn__comp-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1DAAE8;
	color: #fff;
	font-size: 16px;
	line-height: 1.18;
	border-radius: 50px;
	min-width: 18.75rem;
	height: 70px;
	transition: 0.5s;
}

#carouselExample {
  position: relative;
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%; 
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: brightness(0) saturate(100%);
  width: 2rem;
  height: 2rem;
}

.carousel-control-prev,
.carousel-control-next {
  z-index: 10;
}

#sobre {
  scroll-margin-top: 100px; /* altura aproximada do menu fixo */
}

html {
    scroll-behavior: auto !important;
}

@media (max-width: 991px) {
    /* pega o bloco específico da Visão */
    .section__mvv .col-12:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
    }
}