/*-----------------------------------------------------------------------------
ESTILOS BASE TIPOGRAFÍA | VARIABLES |
--------------------------------------------------------------------------------*/

:root {
  --fullayout: 2400px;
  --maxlayout: 1920px;
  --layout: 1440px;
  --layout1230: 1230px;
  --layout1170: 1170px;
  --layout990: 990px;
  --layout750: 750px;
  --vino: #821747;
  --azul: #243752;
  --crema: #e3e0dc;
  --light: #fafafb;
  --gris: #666666;
  --blanco: #fff;
  --rojo: #cc0000;
  --yellow: #fbe400;
  --cafe: #6b3938;
  --verde: #35b736;
}

* {
  box-sizing: border-box;
}

*::selection {
  background: var(--azul);
  color: var(--blanco);
}

html {
  scroll-behavior: smooth;
}

h1,
h2 {
  font-family: "BebasNeue-Regular", sans-serif;
}

p,
input,
label,
textarea {
  font-family: "open_sansregular", sans-serif;
}

span {
  font-family: "open_sansregular", sans-serif !important;
}

ul {
  padding-left: 0;
  margin: 0;
  font-family: "open_sansregular", sans-serif;
}

li {
  list-style: none;
  font-family: "open_sansregular", sans-serif;
}

body {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  font-family: "open_sansregular", sans-serif;
  color: var(--gris);
}

@font-face {
  font-family: "BebasNeue-Regular";
  src: url("../fonts/BebasNeue-Regular.ttf") format("ttf"),
    url("../fonts/BebasNeue-Regular.woff") format("woff2"),
    url("../fonts/BebasNeue-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "open_sans_extraboldregular";
  src: url("../fonts/OpenSans-ExtraBold.ttf") format("ttf"),
    url("../fonts/opensans-extrabold-webfont.woff2") format("woff2"),
    url("../fonts/opensans-extrabold-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "open_sans_lightregular";
  src: url("../fonts/OpenSans-Light.ttf") format("ttf"),
    url("../fonts/opensans-light-webfont.woff2") format("woff2"),
    url("../fonts/opensans-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "open_sansregular";
  src: url("../fonts/OpenSans-Regular.ttf") format("ttf"),
    url("../fonts/opensans-regular-webfont.woff2") format("woff2"),
    url("../fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "open_sansbold";
  src: url("../fonts/OpenSans-Bold.ttf") format("ttf"),
    url("../fonts/opensans-bold-webfont.woff2") format("woff2"),
    url("../fonts/opensans-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}