:root {
	--blanco: #FBFCFC;

	--negro18: #181818;
	--negro20: #202020;
	--negro24: #242424;
	--negro25: #252525;
	--negro30: #303030;

	--tit1: 40px;
	--tit2: 35px;
	--tit3: 30px;

	--paragraph: 18px;
	--main-color: #F29D38;
	--gris: rgba(255, 255, 255, 0.4);
}

/*  Poppins Regular  */

@font-face {
    font-family: 'Poppins';
    src: url('fuentes/Poppins-Regular.ttf') format('truetype');
    /* Puedes agregar formatos adicionales según el tipo de fuente */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fuentes/Poppins-SemiBold.ttf') format('truetype');
    /* Puedes agregar formatos adicionales según el tipo de fuente */
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fuentes/Poppins-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

body {
	background: #1e1e1e;
}

.centradoV {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
}

.gris {
	color: var(--gris);
}

/* Para navegadores basados en WebKit como Chrome y Safari */
::-webkit-scrollbar {
  width: 10px;
  background: #252525;
}

::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
}