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

:is(svg){
    fill: #1A6FBA !important;
}
:is(input){
    background-color: var(--color-font-white);
    border: 0.0625rem solid var(--color-border-01);
    border-radius: 0.5rem;
    font-weight: 400;
    font-size: 20px;
    line-height: 164.02%;
    color: var(--color-font-light);
    box-shadow: 0 0 1rem 0 rgba(255,255,255,0);
    letter-spacing: -.04em;
    transition: all .3s ease-out 0s;
    height: 3.0625rem;
    padding: 0 1rem;
}

:is(input:focus){
    box-shadow: 0 0 1rem 0 #fff!important;
    transition: all .3s ease-out 0s!important;
}
:root{

    /* Cores para fonts */
	--color-font: #;
	--color-font-light: #b2b2b2;
	--color-font-dark: #;
	--color-font-gray: #686868;
	--color-font-white: #ffffff;

	--color-details-primary: #55ac4d;
	--color-details-secondary: #;

    /* Cores para BG */
	--bg-dark: #0e3725;
    --bg-light: #;

	--bg-details-primary: #;
	--bg-details-secondary: #;

    /* Cores para Bordas */
    --color-border-01: #f9f9f9;
    --color-border-02: #;
    --color-border-03: #;
    
    /* Fonts Size Menu*/
    --font-size-menu: 1rem;

    /* Fonts Size Titulos*/
    --font-size-title-1: 2.2rem;
	--font-size-title-2: 1.75rem;
	--font-size-title-3: 1.425rem;
	--font-size-title-4: 1.225rem;

    /* Fonts Size Texto */
	--font-size-text: 1rem;
	--font-size-text-big: 1.125rem; 
	--font-size-text-small: .875rem; 

    /* Fonts Size Texto */
	--font-weight-1: 100;
	--font-weight-3: 300;
	--font-weight-5: 500;
	--font-weight-7: 700;
	--font-weight-9: 900;

    /* Button Config */
	--bg-button-01: #55ac4d;
	--color-button-01: #ffffff;
	--font-size-button-01: 1rem;

    --padding-button-01: .5rem 1rem;
    --radius-button-01: 8px; 

    /* Fonts Family */
    --font-family-01: 'Inter', sans-serif;;

}
html{
    font-size: var(--font-size-text);
}
body{
    font-family: var(--font-family-01);
    background-color: var(--bg-dark);
    font-size: var(--font-size-text);
    overflow-x: hidden !important;
    overflow-y: visible !important;
}
.container{
    max-width: 1294px;
}   
/* Btns */
.at-btn-01{
    background-color: var(--bg-button-01);
    color: var(--color-button-01);
    font-size: var(--font-size-button-01);
    padding: var(--padding-button-01);
    font-weight: var(--font-weight-7);
    border-radius: var(--radius-button-01);
    display: inline-flex;
    border: 0;
    text-wrap: nowrap;
    flex-wrap: nowrap;
}
/* Btns */

/* Titulos */
.at-title-01{
    font-size: var(--font-size-title-1);
    color: var(--color-font-white);
    font-weight: var(--font-weight-9);
    line-height: 1.3;
}
.at-title-01 .destaque{
    color: var(--color-details-primary);
    font-size: var(--font-size-title-1);
    font-weight: var(--font-weight-9);
    line-height: 1.3;
}

.at-title-02{
    font-size: var(--font-size-title-2);
    color: var(--color-font-white);
    font-weight: var(--font-weight-7);
    line-height: 1.2;
}
.at-title-02 .destaque{
    color: var(--color-details-primary);
    font-size: var(--font-size-title-2);
    font-weight: var(--font-weight-9);
    line-height: 1.2;
}
.at-title-box-01{
    font-weight: var(--font-weight-7);
    font-size: var(--font-size-title-3);
    color: var(--color-font-white);
    line-height: 1.3;
}
/* Titulos */


/* Config carousel Slick */

.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    gap: .2rem;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    margin: 0 0.125rem;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 0.75rem;
    height: 0.75rem;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: var(--color-font-gray);
    border-radius: 50%;
}
.slick-dots .slick-active button{
    background: var(--color-details-primary);
}

/* Config carousel Slick */

/* Estilos para dispositivos com largura entre 993px e 1200px */
/* Estilos específicos para desktops e dispositivos com telas maiores */
@media screen and (min-width: 993px) and (max-width: 1200px) {
    html{
        font-size: 85% !important;
    }
    .container{
        max-width: 980px;
    }
    
}

/* Estilos para dispositivos com largura entre 769px e 992px */
/* Estilos específicos para tablets e dispositivos com telas maiores */
@media screen and (max-width: 999px) {
    html{
        font-size: 90% !important;
    }


}

/* Estilos para dispositivos com largura entre 577px e 768px */
/* Estilos específicos para tablets e dispositivos com telas um pouco maiores */
@media screen and (min-width: 577px) and (max-width: 768px) {
    html{
        font-size: 90% !important;
    }
    .container{
        padding-right: 32px;
        padding-left: 32px;
    }
    .col-12 {
        padding-right: 32px;
        padding-left: 32px;
    }
}

/* Estilos para dispositivos com até 576px de largura */
 /* Estilos específicos para dispositivos móveis */
 @media screen and (max-width: 576px) {
    html{
        font-size: 90% !important;
    }
    .container{
        padding-right: 30px;
        padding-left: 30px;
    }
    :root{
        /* Fonts Size Menu*/
        --font-size-menu: .9rem;

        /* Fonts Size Titulos*/
        --font-size-title-1: 1.725rem;
        --font-size-title-2: 1.725rem;
        --font-size-title-3: 1.325rem;
        --font-size-title-4: 1.210rem;

        /* Fonts Size Texto */
        --font-size-text: .9rem;
        --font-size-text-big: 1rem;
        --font-size-text-small: px; 

        /* Button Config */
        --font-size-button-01: .9rem;

    }
}