@import url(css/pages/default/at-header.css);
@import url(css/pages/default/at-footer.css);


:is(input){
    
}

:is(input:focus){
    
}
:root{

    /* Cores para fonts */
	--color-font: #08080a;
	--color-font-light: #;
	--color-font-dark: #;
	--color-font-gray: #;
	--color-font-white: #ffffff;

	--color-details-primary: #f0131c;
	--color-details-secondary: #ad1b21;

    /* Cores para BG */
	--bg-dark: #08080a;
    --bg-light: #;

	--bg-details-primary: #f0131c;
	--bg-details-secondary: #ad1b21;

    /* Cores para Bordas */
    --color-border-01: #;
    
    /* Fonts Size Menu*/
    --font-size-menu: 1rem;

    /* Fonts Size Titulos*/
    --font-size-title-1: 40px;
    --font-size-title-2: 25px;

    /* Fonts Size Texto */
	--font-size-text: 18px;
	--font-size-text-big: 20px; 
	--font-size-text-small: 16px; 

    /* Fonts Size Texto */
	--font-weight-1: 100;
	--font-weight-3: 300;
	--font-weight-5: 500;
	--font-weight-7: 700;
	--font-weight-9: 900;

    /* 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);
	font-weight: var(--font-weight-3);
}
.container{
	max-width: 1200px;
}
/* Btns */
.at-btn01{
    background: linear-gradient(90deg, var(--color-details-secondary) 0%, var(--color-details-primary) 100%);
	color: var(--color-font-white);
	font-size: 18px;
	font-weight: var(--font-weight-5);
	display: inline-block;
	padding: 15px 25px;
	text-transform: uppercase;
	border-radius: 10px;
	letter-spacing: .05rem;
}
.at-btn01:hover{
	color: var(--color-font);
}

/* Btns */

/* Titulos */
.at-title-01{
	color: var(--color-font-white);
	font-weight: var(--font-weight-7);
	text-transform: uppercase;
	font-size: var(--font-size-title-1);
}
.at-title-01 .destaque{
    color: var(--color-details-primary);
    font-weight: var(--font-weight-7);
    line-height: 1.3;
}
.at-title-big{
	font-size: 230px;
	font-weight: var(--font-weight-7);
	letter-spacing: -1rem;
    background: linear-gradient(180deg, var(--color-details-primary) 0%, #000 70%);
	-webkit-background-clip: text;
	color: transparent;
	opacity: .6;
}
.at-title-box-01{
    
}
/* Titulos */

/* 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) {

    
}

/* 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) {

    

}

/* 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) {

    
}

/* Estilos para dispositivos com até 576px de largura */
 /* Estilos específicos para dispositivos móveis */
 @media screen and (max-width: 576px) {
	.container{
		padding: 0 25px;
	}
	:root{
		/* Fonts Size Titulos*/
		--font-size-title-1: 30px;
		--font-size-title-2: 22px;
	
		/* Fonts Size Texto */
		--font-size-text: 16px;
		--font-size-text-big: 18px; 
		--font-size-text-small: 14px; 
	
	}
	.at-title-big{
		font-size: 125px;
	}
}