@import url(css/pages/defaut/at-header.css);
@import url(css/pages/defaut/at-footer.css);

@import url(css/pages/defaut/at-breadcrumb.css);

:root{
    /* Cores Deaut */
    --color-font: #3C3C3C;
    --color-font02: #252525;

	--color-font-white: #ffffff;
	
	--color-font-details-primary: #ED1C24;
	--color-font-details-secondary: #D6CC70;

	--color-details-primary: #ED1C24;
	--color-details-secondary: #D6CC70;
	--color-details-green: #009B3A;

	--bg-color-black: #252525;
	--bg-color-gray: #F3F3F3;
	--bg-color-gray-secondary: #E0E0E0;
	--bg-color-gray-tree: #EEEEEE;

	
    /* Cores inputs */
    --color-font-input:#4E4E4E;

    /* Cores Borda */
    --color-border-01: #C4C4C4;
    --color-border-02: #3F3F3F;
    --color-border-03: #ED1C24;
    --color-border-04: #D6CC70;

    --color-border-opacity01: #c4c4c475;
    --color-border-opacity02: #3f3f3f77;

	/* Gradientes */
	--bg-gradient-01 : linear-gradient(180deg, #252525 0%, #0f0f0f 100%);

	/* Box Shadows */
	--box-shadow-01 : 20px 20px 45px 0px #2B2B2B80;
	--box-shadow-02 : 0px 20px 20px 0px #0000001f;
	--box-shadow-03 : 0px 0px 40px 0px #2B2B2B1A;
	--box-shadow-04 : 0px 20px 20px 0px #0000000D;

    /* Fonts Size */
    --font-size-title-1: 3rem; /*48px*/
	--font-size-title-2: 2.375rem; /*38px*/
	--font-size-title-3: 1.75rem; /*28px*/
	--font-size-title-4: 1.625rem; /*26px*/

	--font-size-text-big: 1.25rem; /*20px*/
	--font-size-text-big02: 1.375rem; /*22px*/
	--font-size-text: 1.125rem; /*18px*/
	--font-size-text-small01: 0.938rem; /*15px*/
	--font-size-text-small02: 0.75rem; /*12px*/

	--font-size-button-small: 0.75rem; /*12px*/
	--font-size-button: 0.938rem; /*15px*/
	--font-size-button-big: 1.125rem; /*18px*/

    /* Fonts Family */
    --font-family-01: 'Ubuntu', sans-serif;
}
body{
    font-family: var(--font-family-01);
    overflow-x: hidden;
    overflow-y: visible;
    font-size: 16px; /* Define o tamanho de fonte raiz */
}

p{
    color: var(--color-font);
    font-size: var(--font-size-text);
    letter-spacing: 0.03rem;
    font-weight: 400;
	line-height: 1.3;
}
.container{
	max-width: 1196px;
}
/* HEADER & TITULOS */

	/* Header Center */
	.at-header-style-center{
		text-align: center;
	}
	.at-header-style-center span{
		font-size: var(--font-size-text-small02);
		color: var(--color-font-details-primary);
		font-weight: 500;
		letter-spacing: 0.03rem;
		margin-bottom: 20px;
		text-transform: uppercase;
	}
	.at-header-style-center h1,
	.at-header-style-center h2{
		font-size: var(--font-size-title-1);
		color: var(--color-font02);
		font-weight: 700;
		letter-spacing: 0.03rem;
		margin-bottom: 30px;
		line-height: 1;
	}
	.at-header-style-center p{
		max-width: 958px;
		margin: auto;
		font-weight: 400;
	}

	/* Header Center */

	/* Header Left */
	.at-header-style-left{
		margin-bottom: 100px;
		display: flex;
		justify-content: space-between;
		align-items: end;
	}	
	.at-header-style-left span{
		font-size: var(--font-size-text-small02);
		color: var(--color-font-details-primary);
		text-transform: uppercase;
		font-weight: 500;
		letter-spacing: 0.03rem;
		margin-bottom: 20px;
	}
	.at-header-style-left h1,
	.at-header-style-left h2{
		max-width: 515px;
		font-size: var(--font-size-title-1);
		color: var(--color-font02);
		font-weight: 700;
		letter-spacing: 0.03rem;
		margin-bottom: 50px;
	}
	.at-header-style-left p{
		max-width: 750px;
		font-weight: 400;
	}
	.at-header-style-left .swiper-button-next,
	.at-header-style-left .swiper-button-prev{
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		padding: 26px;
	}
	/* Header Left */

	/* Header Control */
	.at-header-style-control{
		display: flex;
		justify-content: space-between;
		align-items: end;
		position: relative;
		margin-bottom: 100px;
		row-gap: 30px;
	}
	.at-header-style-control div{
		display: flex; 
		align-items: end;
		gap: 20px;
	}
	.at-header-style-control h1,
	.at-header-style-control h2{
		font-size: var(--font-size-title-2);
		color: var(--color-font02);
		font-weight: 700;
		letter-spacing: 0.03rem;
		max-width: 420px;
	}
	.at-header-style-control .swiper-button-next,
	.at-header-style-control .swiper-button-prev{
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		padding: 26px;
	}
	.at-solucoes-main__carousel .swiper-button-next,
	.at-solucoes-main__carousel .swiper-button-prev{
		padding: 26px !important;
		background-color: var(--color-details-primary);
	}
	/* Header Control */
	.at-title__main01{
		font-size: var(--font-size-title-1);
		color: var(--color-font02);
		font-weight: 700;
		letter-spacing: 0.03rem;
		margin-bottom: 50px;
		line-height: 1;
	}

	/* Titulo Cards 01 */
	.at-title__box01{
		font-size: var(--font-size-title-2);
		color: var(--color-font-white);
		font-weight: 700;
		letter-spacing: 0.03rem;
	}
	/* Titulo Cards 01 */
	
	/* Titulo Cards 02 */
	.at-title__box02{
		font-size: var(--font-size-title-3);
		color: var(--color-font02);
		font-weight: 700;
		letter-spacing: 0.03rem;
	}
	/* Titulo Cards 02 */

	/* Titulo Cards 03 */
	.at-title__box03{
		font-size: var(--font-size-title-4);
		color: var(--color-font-white);
		font-weight: 500;
		letter-spacing: 0.03rem;
		margin-bottom: 20px;
	}
	/* Titulo Cards 03 */
	
/* HEADERs PAGE GERAL  */

/* Span & Detalhes */
	.at-span-style01{
		font-size: var(--font-size-text-small02);
		color: var(--color-font-details-secondary);
		text-transform: uppercase;
		letter-spacing: 0.15rem;
		font-weight: 500;
		margin-bottom: 10px;
		display: inline-flex;
	}
	.at-span-style02{
	font-size: var(--font-size-text-small);
	color: var(--color-font-details-primary);
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	font-weight: 500;
	margin-bottom: 10px;
	display: inline-flex;
}
/* Span & Detalhes */

/* BUTTON PAGE GERAL  */
	.at-btn01{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		gap: 15px;
		padding: 14.5px 25px;
		background-color: var(--color-details-primary);
		font-size: var(--font-size-button);
		color: var(--color-font-white);
		border-radius: 10px;
		font-weight: 400;
		letter-spacing: 0.03rem;
		text-transform: uppercase;
		line-height: 1;
	}
	.at-btn01:hover{
		color: var(--color-font-white);
	}

	.at-btn02{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		gap: 15px;
		padding: 14.5px 20px;
		border: 2px solid var(--color-border-03);
		font-size: var(--font-size-button);
		color: var(--color-font02); 
		border-radius: 10px;
		font-weight: 400;
		letter-spacing: 0.03rem;
		text-transform: uppercase;
	}

	.at-btn__link{
		font-size: var(--font-size-button-big);
		color: var(--color-font-details-primary);
		font-weight: 500;
		letter-spacing: 0.03rem;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.at-btn__wapp{
		background-color: var(--color-details-green);
	}
	.at-btn__white{
		background-color: var(--color-font-white);
		color: var(--color-font);
	}
	.at-btn__white:hover{
		color: var(--color-font);
	}

	.at-btn__dethalhe{
		background-color: var(--color-details-secondary);
		color: var(--color-font);
	}
	.at-btn__dethalhe:hover{
		color: var(--color-font);
	}
/* BUTTON PAGE GERAL  */

/* Inputs & Formulario Card Golbal*/

	:is(input),
	:is(textarea),
	:is(select){
		width: 100%;
		background-color: var(--color-font-white);
		padding: 12.5px 20px;
		border-radius: 10px;
		border: none;
		color: var(--color-font-input);
		font-size: var(--font-size-text);
		letter-spacing: 0.01rem;
		font-weight: 300;
	}
	:is(select) {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-image: url('./img/assets/icone-menu-drop.svg'); /* Substitua 'icone-seta.png' pelo caminho da sua própria imagem de ícone */
		background-repeat: no-repeat;
		background-position: right center;
		margin-right: 20px; /* Ajuste o espaçamento para acomodar o ícone */
	}
	:is(button){
		border: none;
		background-color: transparent;
		padding: 12.5px 20px;
	}
	.at-form-card__global{
		background-color: var(--bg-color-gray);
		padding: 30px;
		border-radius: 10px;
	}
	.at-form-card__global form{
		display: flex;
		flex-direction: column;
		row-gap: 10px;
		margin-top: 20px;    
	}
	.at-form-card__global button{
		margin-top: 10px;
	}

	.at-input-anexo{
		position: relative;
	}
	.at-input-anexo input[type="file"] {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
	}
	.at-input-anexo label {
		width: 100%;
		background-color: var(--color-font-white);
		padding: 12.5px 20px;
		border-radius: 10px;
		border: none;
		cursor: pointer;
		color: var(--color-font-input);
		font-size: var(--font-size-text);
		letter-spacing: 0.01rem;
		font-weight: 300;
		display: flex;
		align-items: center;
		gap: 13px;
	}
	.at-input-anexo label img{
		max-height: 15px;
	}
	#rdstation-bricks-embeddable-form-bricks-component-vrK2emSbtYaQs_kYzihFzA b, #rdstation-bricks-embeddable-form-bricks-component-vrK2emSbtYaQs_kYzihFzA strong{
		font-size: var(--font-size-title-3) !important;
		color: var(--color-font02) !important;
		font-weight: 700 !important;
		letter-spacing: 0.03rem !important;
	}
	#rd-column-lpiq0nql > div,
	#rd-column-lpiq0nqp > div{
		background-color: var(--bg-color-gray) !important;
		padding: 0 !important;
	}
	#rd-form-lpiq0nqq .bricks-form__input{
		width: 100% !important;
		background-color: var(--color-font-white) !important;
		padding: 12.5px 20px !important;
		border-radius: 10px !important;
		border: none !important;
		color: var(--color-font-input) !important;
		font-size: var(--font-size-text) !important;
		letter-spacing: 0.01rem !important;
		font-weight: 300 !important;

	}
	#rd-button-lpiq0nqt{
		display: inline-flex !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 15px !important;
		padding: 14.5px 25px !important;
		background-color: var(--color-details-primary) !important;
		font-size: var(--font-size-button) !important; 
		color: var(--color-font-white) !important;
		border-radius: 10px !important;
		font-weight: 400 !important;
		letter-spacing: 0.03rem !important;
		text-transform: uppercase !important;
		line-height: 1 !important;
		border: none !important;
	}
/* Formulario Card Golbal */

/* Config Swiper */
	.swiper-button-next:after, 
	.swiper-button-prev:after{
		display: none;
	}
	.swiper-button-next {
		background-image: url('./img/assets/next.svg');
		background-repeat: no-repeat;
		background-size: 1rem;
		background-position: center;
		padding: 26px;
	}

	.swiper-button-prev {
		background-image: url('./img/assets/prev.svg');
		background-repeat: no-repeat;
		background-size: 1rem;
		background-position: center;
		padding: 26px;
	}
	
/* Config Swiper */

    .wq-whatsapp_btn {
        position: fixed;
        right: 15px;
        bottom: 15px;
        height: 60px;
        width: 60px;
        color: var(--color-font-white);
        font-size: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: #4dc247;
        z-index: 99;
    }

    .wq-whatsapp_btn:before {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: -1;
        border-radius: 50%;
        background-color: rgba(77,194,71,.7);
        animation: whatsapp 2s infinite 2s alternate;
    }

    @keyframes whatsapp {
        from {
            opacity: .3;
            transform: scale(1);
            box-shadow: 0px 0px 0px #4dc247;
        }

        to {
            opacity: .7;
            transform: scale(1.25);
            box-shadow: 0px 0px 20px #4dc247;
        }
    }

/* Estilos específicos para desktops e dispositivos com telas maiores */
@media screen and (min-width: 998px) and (max-width: 1200px) {
   
}

/* Estilos específicos para tablets e dispositivos com telas maiores */
@media screen and (max-width: 999px) {
	.container{
		padding: 0 20px;
	}

}

/* Estilos específicos para tablets e dispositivos com telas um pouco maiores */
@media screen and (min-width: 577px) and (max-width: 768px) {

	.at-header-style-left{
		flex-direction: column;
	}
	.at-header-style-left .swiper-button-next,
	.at-header-style-left .swiper-button-prev{
		position: relative;
		top: 100px;
	}
	
	.at-header-style-control{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.at-header-style-control .at-header-style-control__btns{
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
		margin-top: 20px;
		row-gap: 40px;
	}	
	.at-header-style-control .at-header-style-control__btns div{
		display: flex;
		flex-direction: row;
	}
}


/* Estilos específicos para dispositivos móveis */
@media screen and (max-width: 576px) {

	:root{
		/* Fonts Size */
		--font-size-title-2: 1.9rem; /*38px*/
	}
	
	.at-header-style-left{
		flex-direction: column;
	}
	.at-header-style-left .swiper-button-next,
	.at-header-style-left .swiper-button-prev{
		position: relative;
		top: 100px;
	}

	.at-header-style-control{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.at-header-style-control .at-header-style-control__btns{
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
		margin-top: 20px;
		row-gap: 40px;
	}	
	.at-header-style-control .at-header-style-control__btns div{
		display: flex;
		flex-direction: row;
	}

}