* {
  max-width: 100%;
  margin: 0;
  pointer-events: none;
  box-sizing: border-box;
  padding: 0;
  scroll-behavior: smooth;
}

header * {
  pointer-events: all;
}

#content-menu {
  pointer-events: all;
}

:root {
  --main-height: max(25vw, 350px);
  --secondary-height: 20vh;

  --main-padding-top: 20vh;
  
  --main-white: rgba(255,255,255,0.9);

  --main-text-shadow: 2px 2px black;
  --secondary-text-shadow: 1px 1px black;

  --font-size-2: clamp(0.625rem, 1vw, 1.1rem);
  --font-size-1: clamp(0.8rem, 1.15vw, 1.5rem);

  --color-disenio: #c5ac90;
  --color-local: #b2bad6;
  --color-versatilidad: #e5a386;
  --color-humano: #e3a0ae;
  --color-innovacion: #b98ea6;
  --color-calidad: #e9cb87;
  --color-confianza: #e3b8ad;
  --color-tendencia: #9cb293;
  --color-inteligente: #a7ccdc;
  --color-actualizacion: #9e9a83;
}

body {
    background: #14181c;
}

button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

.splide__text__area {
  overflow: scroll;
}

.inner__ambassador {
  font-size: 2rem !important;
}

/* NAVBAR */
.navbar {
    width: 100%;
    height: 100px;
    padding-left: calc(2vw - 6px);
    padding-right: 2vw;
    position: fixed;
    z-index: 100;
    color: var(--main-white);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-menu {
  width: 15px;
}

.logo {
  width: 20%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.rrss {
  list-style: none;
  display: flex;
  width: clamp(10vw, 12vw, 14vw);
  justify-content: space-between;
  position: absolute;
  right: 2vw;
}

.rrss a {
  pointer-events: all;
  cursor: pointer;
}

.rrss li img {
  width: 15px;
}

.menu-container {
  pointer-events: all;
}

.menu-container button {
  pointer-events: all;
  top: calc(50% - 14px)
}

.menu-container li {
  list-style: none;
  margin-bottom: 1.5vh;
}

.nav-menu:not(.menu-active) {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideOutLeft;
}

.nav-menu.menu-active {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: slideInLeft;
}

.menu-container a {
  text-decoration: none;
  color: var(--main-white);
  pointer-events: all;
  display: flex;
  align-items: center;
}

.nav-menu {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  padding-left: 14px;
  padding-top: 4vh;
}

/* .menu-container:focus-within .nav-menu {
  display: block;
} */

.hamburger {
  padding: 6px;
}

.hamburger.active .bar:nth-child(2) {
  opacity: 0;
}

.hamburger.active .bar:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

.hamburger.active .bar:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

.display-none {
  display: none;
}

.bar {
  display: block;
  width: 14px;
  height: 3px;
  /* margin: 5px auto; */
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255,255,255,0.9);
}

.bar:nth-of-type(2) {
  margin: 3px 0;
}

.col {width:50%}

@media (max-width: 800px) {
	.col {width:100%}
	.san_valentin {flex-direction:column}
}

/* SECTIONS */

.section-container {
    width: 100vw;
    position: relative;
    overflow: hidden;
    height: max(100vh, 1024px);
}

.section-2 {
    background-color: #fff;
}

#tendencia .text-col {
	padding: 25px;
}

/* GENERAL */
.grabbing {
    cursor: grabbing !important;
}

.transition-transform-ease {
    transition-delay: 0.1s;
    transition-duration: 0.2s;
    transition-property: transform;
    transition-timing-function: ease;
}

.bold {
  font-weight: 700;
}

/* TODO  */
.splide__inner__innovacion .splide__track__mobile img{
  object-position: top;
}

#CybotCookiebotDialog {
  pointer-events: all;
}

#CybotCookiebotDialog * {
  pointer-events: all;
}

.CookieDeclaration {
  display: none;
}

/* TYPOS */
@font-face {
  font-family: 'Axiforma';
  src: url('./../assets/fonts/kastelov_-_axiforma_black-webfont.woff')
        url('./../assets/fonts/kastelov_-_axiforma_black-webfont.woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Axiforma';
  src: url('./../assets/fonts/kastelov_-_axiforma_black_italic-webfont.woff')
        url('./../assets/fonts/kastelov_-_axiforma_black_italic-webfont.woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Axiforma';
  src: url('./../assets/fonts/kastelov_-_axiforma_bold-webfont.woff')
        url('./../assets/fonts/kastelov_-_axiforma_bold-webfont.woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Axiforma';
  src: url('./../assets/fonts/kastelov_-_axiforma_bold_italic-webfont.woff')
        url('./../assets/fonts/kastelov_-_axiforma_bold_italic-webfont.woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Axiforma';
  src: url('./../assets/fonts/kastelov_-_axiforma_regular-webfont.woff')
        url('./../assets/fonts/kastelov_-_axiforma_regular-webfont.woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Axiforma';
  src: url('./../assets/fonts/kastelov_-_axiforma_italic-webfont.woff')
        url('./../assets/fonts/kastelov_-_axiforma_italic-webfont.woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Axiforma';
  src: url('./../assets/fonts/kastelov_-_axiforma_light-webfont.woff')
        url('./../assets/fonts/kastelov_-_axiforma_light-webfont.woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Axiforma';
  src: url('./../assets/fonts/kastelov_-_axiforma_light_italic-webfont.woff')
        url('./../assets/fonts/kastelov_-_axiforma_light_italic-webfont.woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Axiforma';
  src: url('./../assets/fonts/kastelov_-_axiforma_thin-webfont.woff')
        url('./../assets/fonts/kastelov_-_axiforma_thin-webfont.woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Axiforma';
  src: url('./../assets/fonts/kastelov_-_axiforma_thin_italic-webfont.woff')
        url('./../assets/fonts/kastelov_-_axiforma_thin_italic-webfont.woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}