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

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

:root{
    /* Cores Deaut */
    --color-font: #323334;
    --color-font02: #5A5B5C;
	--color-font-dark: #38577D;
	--color-font-white: #ffffff;
	--color-font-black: #0A0A0A;
	--color-font-gray: #E6E7E8;

	--color-details-primary: #ED1C24;
	--color-details-secondary: #38577D;

	--color-details-green: #;

	--bg-color-black: #;
	--bg-color-black-secondary: #;
	--bg-color-black-tree: #;
	--bg-color-gray-light: #;
	--bg-color-gray: #E6E7E8;
	--bg-color-gray-secondary: #D1D3D4;

    /* Cores Borda */
    --color-border-01: #E6E7E8;
    --color-border-02: #D1D3D4;
    --color-border-03: #ED1C24;

    /* Fonts Size */
    --font-size-title-1: 2.5rem;
	--font-size-title-2: 2rem;
	--font-size-title-3: 1.75rem;
	--font-size-title-4: 1.375rem;

	--font-size-text-big: 1.125rem;
	--font-size-text: 1rem;
	--font-size-text-small: 0.75rem;

	--font-size-small: 0.75rem;
	--font-size-button: 1rem;
	--font-size-button-big: ;

    /* Fonts Family */
    --font-family-01: 'Readex Pro', sans-serif;;
}
html {
    font-size: 16px; /* Define o tamanho de fonte raiz */
}

body{
    font-family: var(--font-family-01);
    overflow-x: hidden;
    overflow-y: visible;
    overflow-x: hidden;
    overflow-y: visible;
}

p{
    color: var(--color-font);
    font-size: var(--font-size-text);
    letter-spacing: 0.06rem;
    font-weight: 200;
    line-height: 1.4rem;
}
.container{
    max-width: 1340px;
}

/* Titulos */
.at-title01{
    font-size: var(--font-size-title-2);
    color: var(--color-font-dark);
    font-weight: 700;
    letter-spacing: 0.08rem;
    line-height: 1.9375rem;
}

.at-title_box01{
    font-size: var(--font-size-title-4);
    color: var(--color-font-dark);
    font-weight: 700;
    letter-spacing: 0.125rem;
    line-height: 1.375rem;
}

/* Btns */
.at-btn01{
    padding: 20px 17.5px;
    color: var(--color-font-white);
    background-color: var(--color-details-primary);
    font-size: var(--font-size-button);
    border: none;
    line-height: 1.25rem;
    letter-spacing: 0.055rem;
    font-weight: 400;
    position: relative;
    margin-left: 10px;
    display: inline-flex;
    justify-content: center;
    transition: .3s ease-in;
}
.at-btn01:hover{
    color: var(--color-font-white);
    box-shadow: 0px 7px 15px 0px #00000025;

}
.at-btn01::after{
    content: "";
    background-image: url(./img/assets/btn-detalhe.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18px;
    height: 100%;
    position: absolute;
    top: -0.92px;
    left: -17px;
}
.at-btn01-modific{
    background-color: var(--color-font-white);
    color: var(--color-font-dark);
}
.at-btn01-modific:hover{
    color: var(--color-font-dark);
}
.at-btn01.at-btn01-modific::after{
    background-image: url(./img/assets/btn-detalhe-white.svg);
}


/* Carousel conif */
.swiper-pagination-bullet{
    width: 30px;
    height: 4px;
    border-radius: 0;
    background-color: var(--bg-color-gray-secondary);
}
.swiper-pagination-bullet-active{
    width: 10px;
    background-color: var(--color-details-primary);
}
/* Carousel conif */


/* Estilos específicos para desktops e dispositivos com telas maiores */
@media screen and (min-width: 993px) 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) {

}


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

}