:root {
    --just-black: #000;
    --TS-black: #1E1E1E;
    --TS-dark-gray: #2D2D2D;
    --TS-light-gray: #9D9D9D;
    --TS-white: #FAFAFA;
    --TS-yellow: #FFC300;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html {
    font-size: 62.5%;
    font-family: 'DM Sans', sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings:
      "slnt" 0;
    scroll-behavior: smooth;
}
li {
    list-style: none;
}
body {
    font-size: 1.7rem;
    background-color: var(--just-black);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}
body.preload .header--outer-section {
  opacity: 0 !important;
  transform: translateX(100px) !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
}   
input,
textarea,
input.btnEnviar {
    font-family: 'Inter', sans-serif;
    border-radius: 7px;
} 
/* WHATSAPP */
.float,
.floatEmail {
    position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color: var(--azul-oscuro-facorsa);
	color: var(--just-white);
	border-radius:50px;
	text-align:center;
  	font-size: 33px;
    box-shadow: 2px 2px 3px #222;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  	z-index:100;
    cursor: pointer;
}
.floatEmail {
    bottom: 120px;
}
.float:hover,
.floatEmail:hover {
    background-color: var(--rojo-facorsa);
}
.my-float,
.my-floatEmail {
    margin-top: 0;
}
/* WHATSAPP */