:root {
  /*TRANSITION*/
  --transition-15ms: 0.15s;
  --transition-25ms: 0.25s;
  --transition-50ms: 0.5s;

  /*GENERAL*/
  --font: "FontApp", Arial, Helvetica, sans-serif;

  --border-radius: 8px;
  --border-radius-small: 4px;

  /*COLORS*/
  --color-white: #ffffff;
  --color-black: #000000;
  
  --color-blue: #2997FF;
  --color-yellow: #FEC83F;
  
  --color-red: #C00;
  
  
  --color-grey:#F8F8F9;
}
/**/
*[bg="transparent"]{ background-color: rgba(0,0,0,0) !important; }
*[bg="white"]{ background-color:var(--color-white) !important; }
*[bg="black"]{ background-color:var(--color-black) !important; }
*[bg="blue"]{ background-color:var(--color-blue) !important; }
*[bg="yellow"]{ background-color:var(--color-yellow) !important; }
*[bg="grey"]{ background-color:var(--color-grey) !important; }

*[bg="black-gradient-1"]{background-image: linear-gradient( 120deg, hsl(0deg 0% 0%) 0%, hsl(214deg 100% 4%) 16%, hsl(204deg 100% 5%) 24%, hsl(199deg 100% 5%) 30%, hsl(198deg 79% 6%) 35%, hsl(199deg 60% 8%) 40%, hsl(201deg 49% 9%) 45%, hsl(201deg 43% 10%) 50%, hsl(201deg 49% 9%) 55%, hsl(199deg 60% 8%) 60%, hsl(198deg 79% 6%) 65%, hsl(199deg 100% 5%) 70%, hsl(204deg 100% 5%) 76%, hsl(214deg 100% 4%) 84%, hsl(0deg 0% 0%) 100% ); }
*[bg="blue-gradient-1"]{ background-image: linear-gradient( 195deg, hsl(201deg 43% 10%) 0%, hsl(200deg 70% 12%) 16%, hsl(200deg 99% 13%) 24%, hsl(202deg 100% 15%) 30%, hsl(204deg 100% 18%) 35%, hsl(206deg 100% 21%) 40%, hsl(208deg 100% 24%) 45%, hsl(209deg 99% 27%) 50%, hsl(208deg 100% 24%) 55%, hsl(206deg 100% 21%) 60%, hsl(204deg 100% 18%) 65%, hsl(202deg 100% 15%) 70%, hsl(200deg 99% 13%) 76%, hsl(200deg 70% 12%) 84%, hsl(201deg 43% 10%) 100% ); }

/**/
*[color="white"]{ color:var(--color-white); }
*[color="black"]{ color:var(--color-black); }
*[color="blue"]{ color:var(--color-blue); }
*[color="yellow"]{ color:var(--color-yellow); }
*[color="grey"]{ color:var(--color-grey); }


/**/

/*margin*/
*[mb="10"] { margin-bottom: 10px; }
*[mb="20"] { margin-bottom: 20px; }
*[mb="40"] { margin-bottom: 40px; }
*[mb="60"] { margin-bottom: 60px; }

*[mt="10"] { margin-top: 10px; }
*[mt="20"] { margin-top: 20px; }
*[mt="40"] { margin-top: 40px; }
*[mt="60"] { margin-top: 60px; }


/********************************************/
/********************************************/
/********************************************/

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
}
body, html {
	height: 100%;
	font-family: 'Montserrat';
	position:relative;	
}
html{
	z-index:-1;
	overflow: auto;
	overflow-x:hidden !important;
	background-color:var(--color-black);
}


.container {
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	position: relative;
}
.content {
	width: 100%;
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

/* Reset styles for heading tags */
h1, h2, h3, h4, h5, h6 {
    font-size: inherit; /* Inherit font size from parent */
    font-weight: inherit; /* Remove bold weight by default */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    line-height: inherit; /* Inherit line-height from parent */
    color: inherit; /* Inherit color from parent */
}

/**/
.body_cont{
	width:100%;
	overflow:hidden;
}
.body_default .body_cont{
	background-color: inherit;
	padding-top:80px;
}

/*grid*/
.grid {
  width: calc(100% - 12px);
  display: grid;
  grid-template-columns: auto; /* Ajusta las columnas al contenido */
  grid-auto-rows: auto; /* Ajusta las filas al contenido */
  gap: 0px;
}
.grid[columns="1"] {
  grid-template-columns: repeat(1, 1fr);
}
.grid[columns="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.grid[columns="3"] {
  grid-template-columns: repeat(3, 1fr);
}
.grid[columns="4"] {
  grid-template-columns: repeat(4, 1fr);
}
.grid[columns="5"] {
  grid-template-columns: repeat(5, 1fr);
}
.grid[columns="6"] {
  grid-template-columns: repeat(6, 1fr);
}
.grid[gap="0"] {
  gap: 0px;
}
.grid[gap="10"] {
  gap: 10px;
}
.grid[gap="20"] {
  gap: 20px;
}
.grid[gap="30"] {
  gap: 30px;
}
.grid[gap="40"] {
  gap: 40px;
}
.grid div[pos]{
	position:relative;
}

/********************************************/
/**********************VIEWS*****************/
/********************************************/
.view_cont {
	position:relative;
	z-index:1;
	width: 100%;
	height: auto; /* Cada contenedor ocupa el 100% de la altura de la ventana */
	
	/*display: flex;
	align-items: center;
	justify-content: center;*/
	background-color: lightgray;
	box-sizing: border-box;
	display:flow-root;
}
.view_cont[height="full"]{
	min-height:100vh;
}
.view_cont.active {
	background-color: lightblue; /* Color diferente cuando está activa */
}
*[overflow="hidden"]{
	overflow:hidden !important;

}

.view_slider{
	position:absolute;
	top:0px;
	left:0px;
	transition:0.25s;
	width:100%;
	height:auto;
	min-height:100vh;
}
.view_cont:not(.active) .view_slider {
	opacity:0;
	visibility:hidden;
	transition:0.25s;
}
.view_cont:not(.active) .view_slider * {
	animation:none;
}
.view_cont.active .view_slider {
	opacity:1;
	visibility:visible;
	transition:1s;
}

.view_slider[pos="center"]{
	z-index:2;
	opacity:1;

}
.view_slider[pos="left"]{
	z-index:-1;
	transform: translate3d(-100%,0,0);
	opacity:0;
}
.view_slider[pos="right"]{
	z-index:-1;
	transform: translate3d(100%,0,0);
	opacity:0;
}
.view_slider[pos="left"] *,
.view_slider[pos="right"] *{
	animation:none;
}



.view_cont:not(.active) .content_fx {
	opacity:0;
	visibility:hidden;
	transition:0.25s;
}
.view_cont:not(.active) .content_fx * {
	animation:none;
}
.view_cont.active .content_fx {
	opacity:1;
	visibility:visible;
	transition:1s;
}

/*parallax video*/
.view_cont[data-index="9"],
.view_cont[data-index="10"],
.view_cont[data-index="11"],
.view_cont[data-index="12"],
.view_cont[data-index="13"],
.view_cont[data-index="14"],
.view_cont[data-index="15"]{
	background-color: transparent;
}
.view_cont[data-index="9"].active + .view_cont[data-index="10"] + .view_cont[data-index="11"]  + .view_cont[data-index="12"] + .view_cont[data-index="13"] + .view_cont[data-index="14"] + .view_cont[data-index="15"] + .view_bg,
.view_cont[data-index="10"].active + .view_cont[data-index="11"]  + .view_cont[data-index="12"] + .view_cont[data-index="13"] + .view_cont[data-index="14"] + .view_cont[data-index="15"] + .view_bg,
.view_cont[data-index="11"].active + .view_cont[data-index="12"] + .view_cont[data-index="13"] + .view_cont[data-index="14"] + .view_cont[data-index="15"] + .view_bg,
.view_cont[data-index="12"].active + .view_cont[data-index="13"] + .view_cont[data-index="14"] + .view_cont[data-index="15"] + .view_bg,
.view_cont[data-index="13"].active + .view_cont[data-index="14"] + .view_cont[data-index="15"] + .view_bg,
.view_cont[data-index="14"].active + .view_cont[data-index="15"] + .view_bg,
.view_cont[data-index="15"].active + .view_bg{
	display:block;
}
[height="parallax"]{
	min-height:50vh;
	margin-top:25vh;
	margin-bottom:25vh;
}

[height="parallax-fx-separator-1"]{
	height:35vh;
}
[height="parallax-fx-separator-2"]{
	height:50vh;
}
[height="parallax-fx-separator-3"]{
	height:50vh;
}
[height="parallax-fx-separator-4"]{
	height:50vh;
}

/********************************************/
/********************************************/
/********************************************/
.header{
	position:fixed;
	z-index:5;
	top:0px;
	left:0px;
	right:0px;
	transition: background-color 0.25s;
}

.header .content{
	height:70px;
	max-width:100%;
}
.header_logo{
	position:absolute;
	left:40px;
	top:0px;
	bottom:0px;
	width:300px;	
	background-size:100px;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url(img/logo_white.svg);
	transition:0.25s;
	
	box-sizing: border-box;
	padding-left:115px;
	line-height:70px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:16px;
}
.header_logo_img {
    position: absolute;
    left: 0px;
    top: 23px;
    right: 199px;
    bottom: 23px;
}
@media screen and (max-width: 580px) {
	.header_logo {
		transition:0s;
		font-size:0px;
	}
}

.header_logo[navidad]{
	transform:translate3d(-8px,-5px,0);
	background-size:110px;
}


.header_menu{
	position:absolute;
	right:40px;
	top:0px;
	bottom:0px;
	width:41px;
	height:41px;
	top:50%;
	transform: translate3d(0,-50%,0);
	cursor:pointer;
	transition:0.25s;
	border-radius: 100%;
}

.header_button{
	position:absolute;
	right:100px;
	top:0px;
	bottom:0px;
	width:auto;
	height:41px;
	line-height:37px;
	top:50%;
	transform: translate3d(0,-50%,0);
	cursor:pointer;
	/transition:0.25s;
	box-sizing:border-box;
	padding:0px 15px;
	border-radius: 20px;
	
	color: var(--color-white);
	border: 2px solid var(--color-white);
}


.header_menu svg, .header_menu svg circle, .header_menu svg rect{
	transition:0.25s;
}
.header[type="black"]{
	color: var(--color-white);
	background: var(--color-black);
}
.header[type="black"] .header_logo{
	background-image:url(img/logo_white.svg);
}
.header[type="black"] .header_logo[navidad]{
	background-image: url(img/navidad/logo_blanco_navidad.png);
}

.header[type="black"] .header_menu svg circle{
	stroke: var(--color-white);
}
.header[type="black"] .header_menu svg rect{
	fill: var(--color-white);
}
.header[type="black"] .header_button{
	color: var(--color-white);
	border: 2px solid var(--color-white);
}
.header[type="black"] .header_button:hover{
	background-color:var(--color-white);
	color:var(--color-black);
}
.header[type="black"] .header_menu:hover{
	background-color:var(--color-white);
}
.header[type="black"] .header_menu:hover svg rect{
	fill: var(--color-black);
}

.header[type="white"]{
	color:var(--color-black);
	background: var(--color-white);
}
.header[type="white"] .header_logo{
	background-image:url(img/logo_black.svg);
}
.header[type="white"] .header_logo[navidad]{
	background-image: url(img/navidad/logo_negro_navidad.png);
}
.header[type="white"] .header_menu svg circle{
	stroke: var(--color-black);
}
.header[type="white"] .header_menu svg rect{
	fill: var(--color-black);
}
.header[type="white"] .header_button{
	color: var(--color-black);
	border: 2px solid var(--color-black);
}
.header[type="white"] .header_button:hover{
	background-color:var(--color-black);
	color:var(--color-white);
}
.header[type="white"] .header_menu:hover{
	background-color:var(--color-black);
}
.header[type="white"] .header_menu:hover svg rect{
	fill: var(--color-white);
}

.header_button[type="language"]{
	right:225px;
	padding-left:10px;
	padding-right:10px;
	width:50px;
	text-align:center;
}
.header[type="white"] .header_button[type="language"].active{
	color:var(--color-white);
	background-color:var(--color-black);
}
.header[type="black"] .header_button[type="language"].active{
	color:var(--color-black);
	background-color:var(--color-white);
}
@media screen and (max-width: 980px) {
	.header_logo {
		left: 20px;
	}
	
	.header_menu {
		right: 20px;
	}
	.header_button {
		right: 70px;
	}
	.header_button[type="language"]{
		right:187px;
	}
}

@media screen and (max-width: 780px) {
	.header .content{
		height:60px;
	}
	.header_logo {
		line-height: 60px  !important;
	}
	
}
@media screen and (max-width: 580px) {
	.header_button[type="language"]{
		right:70px;
	}
	#header_contact{
		display:none;
	}
}

#header_brands,#header_publisher{
	transform:translate3d(0,-200%,0);
	transition:1s;
}


.header_button_language_cont{
	display:none;
	color:inherit !important;
	padding:0px;
	overflow:hidden;
}
.header_button_language_cont a{
	color:inherit !important;
	text-decoration:none;
}
.header_button_language_item:hover{
	color:var(--color-blue) !important;
}
.header_button.active[type="language"]{
	height: 80px;
	transform: translate3d(0, -20px, 0);
	
}
.header_button.active[type="language"] span{
	display:none;
}
.header_button.active[type="language"] .header_button_language_cont{
	display:block;	
}
.header_button_language_item{
	text-align:center;
}


/********************************************/
/********************************************/
/********************************************/
.menu_bg{
	position:fixed;
	z-index:-1;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.9);
	overflow:hidden;
	transform: translate3d(0, 0, 0);
	opacity:0;
	transition:0.5s;
}
.menu_bg.active{
	opacity:1;
	z-index:100000;
	transform: translate3d(0, 0, 0); /* Solo la vista activa estará en la posición visible */
}
.menu_bg .content{
	position:relative;
	height:100vh;
}
.menu_cont {
    position: absolute;
    width: 100vw;
    top: 0px;
    left: calc(100% - 400px);
    bottom: 0px;
	transform: translate3d(100%, 0, 0);
    background-color: var(--color-black);
	opacity:0;
	transition:0.5s;
	color:var(--color-white);
}
.menu_bg.active .menu_cont{
	opacity:1;
	transform: translate3d(0, 0, 0); /* Solo la vista activa estará en la posición visible */
}
@media screen and (max-width: 500px) {
	.menu_cont {
		left: 0px;
		right:0px;
		width:100%;
	}
}
.menu_content{
	width:100%;
	max-width:400px;
	box-sizing:border-box;
	padding:40px;
	padding-top:20px;
}
@media screen and (max-width: 980px) {
	.menu_content{
		padding-right:20px;
		padding-top:16px;
	}
}
@media screen and (max-width: 500px) {
	.menu_content{
		max-width:100%;
	}
}
.menu_content a,
.menu_content a menu_content_item{
	color:inherit !important;
	text-decoration:none;
}

.menu_close{
	width:41px;
	height:41px;
	margin-left:auto;
	cursor:pointer;
	margin-bottom:30px;
}
.menu_close svg,.menu_close svg rect, .menu_close svg circle{
	transition:0.25s;
}

.menu_close:hover svg rect{
	fill: var(--color-blue);
	background-color:var(--color-white);
}

.menu_content_item{
	font-size: 30px;
	font-style: normal;
	font-weight: 300;
	margin-bottom:50px;
	cursor:pointer;
	transition:0.25s;
}
.menu_content_item:hover{
	color:var(--color-blue);
}
.menu_content_item[selected]{
	color:var(--color-blue);
}
.menu_content_item[type="login"]{
	position:absolute;
	left:30px;
	bottom:50px;
	right:0px;
	
}
/********************************************/
/********************************************/
/********************************************/

.slider_scroll_down{
	position:fixed;
	z-index:4;
	left:40px;
	right:40px;
	bottom:40px;

	line-height:14px;
	font-size: 20px;
	font-style: normal;
	font-weight: 275;
	
	visibility:hidden;
	opacity:0;
	transition:0.25s;
}
.view_cont.active[data-index="0"] .slider_scroll_down{
	visibility: visible;
	opacity:1;
}
.slider_scroll_btn_cont {
	position: absolute;
	z-index: 2;
	height: 35px;
	width: 110px;
	bottom: 40px;
	right: -10px;
}
			
.slider_scroll{
	display:inline-block;
	width:35px;
	height:35px;
	
	background-color: #063;
	line-height:35px;
	text-align:center;
	font-weight:600;
	border-radius:5px;
	cursor:pointer;
	transition:0.25s;
	background-image: url(img/arrow.svg);
	background-size: 60% 60%;
	background-position: left 8px  center ;
	background-repeat:no-repeat;
	border-radius:100%;
	
}
.slider_scroll:nth-child(1){
	margin-right:22px;
	transform:rotate3d(0,0,1,180deg);
}

.slider_scroll_down[type="black"] .slider_scroll{
	background-color:rgba(255,255,255,0.8);
	color:var(--color-black);
	
}
.slider_scroll_down[type="black"] .slider_scroll:hover{
	background-color:rgba(255,255,255,1);
}

.slider_scroll_down[type="white"] .slider_scroll{
	background-color:rgba(0,0,0,0.8);
	color:var(--color-white);
	background-image: url(img/arrow_white.svg);
}
.slider_scroll_down[type="white"] .slider_scroll:hover{
	background-color:rgba(0,0,0,1);
}

.slider_scroll_down_text_left{
	position:absolute;
	left:0px;
	bottom:0px;
	font-size:24px;
}
.slider_scroll_down_text_left div[pos]{
	display: inline-block;
	vertical-align:top;
	margin-right:20px;
	transition:0.25s;
}


.slider_scroll_down_text_right{
	position:absolute;
	right:0px;
	bottom:30px;
	display: inline-block;
	vertical-align:top;
}
.slider_scroll_down_text_right div[pos]{
	display: inline-block;
	vertical-align:top;
	margin-right:10px;
	transition:0.25s;
}
.slider_scroll_down_text_right div[pos="left"]{
	font-size:40px;
}
.slider_scroll_down_text_right div[pos="right"]{
	transform: translate3d(0,-5px,0);
}

.slider_scroll_down[type="black"]{
	color:var(--color-white);
}
.slider_scroll_down[type="black"] svg path{
	stroke:var(--color-white);
}

.slider_scroll_down[type="white"]{
	color:var(--color-black);
}
.slider_scroll_down[type="white"] svg path{
	stroke:var(--color-black);
}


/********************************************/
/********************************************/
/********************************************/

.view_submenu {
	display: flex;
	justify-content: center; /* Centra los elementos horizontalmente */
	align-items: center;     /* Centra verticalmente si fuera necesario */
	gap: 20px;               /* Espacio entre las opciones del menú */
}

.menu_item {
	font-size: 18px;
	padding: 10px 5px;
	cursor: pointer;
	color: #B5B5B5;             /* No seleccionado - gris */
	transition: color 0.3s ease;
	font-weight: 700;
	transition:0.15s;
}

.menu_item.selected{
	color: var(--color-blue);             /* Seleccionado - negro */
	cursor:default;
}
.menu_item.divisor {
	color: var(--color-black);             /* Seleccionado - negro */
	cursor:default;
	padding:10px 0px;
}

.menu_item[type]:not(.selected):hover {
	color: var(--color-blue);               /* Cambia a negro al hacer hover */
}
	
/********************************************/
/********************************************/
/********************************************/
	
	
/********************************************/
/***************SLIDER 1*********************/
/********************************************/
.slider_1_content{
	position:absolute;
	width:100%;
	top:100px;
	left:50%;
	transform: translate3d(-50%, 0,0);
	text-align:center;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5957982781228055) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5957982781228055) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5957982781228055) 50%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
@media screen and (max-width: 980px) {
	.slider_1_content {
		top:60px;
	}
}


.slider_1_title{
	box-sizing:border-box;
	padding:30px;
	
	color: var(--color-white);
	font-size: 5vh;
	font-style: normal;
	font-weight: 100;
	line-height: 120%; /* 45px */
	letter-spacing: 1rem;
	animation: slider_1_title_fx 1.5s forwards; /* Animación */
	
	 /* Propiedades para evitar que una palabra sea más ancha que el contenedor */
    overflow-wrap: break-word; /* Fuerza la palabra a romperse si es demasiado larga */
    word-break: break-word; /* Controla la ruptura de palabras */
}
@keyframes slider_1_title_fx {
	0% {
		opacity: 0; /* Finaliza visible */
		transform: translate3d(-50%,0,0); /* Regresa a la posición original */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0,0,0); /* Regresa a la posición original */
	}
}
@media screen and (max-width: 980px) {
	.slider_1_title {
		letter-spacing: 0.5rem;
	}
}


.slider_1_text{
	box-sizing:border-box;
	padding:30px;
	padding-top:0px;
	
	color: var(--color-white);
	font-size: 3vh;
	font-style: normal;
	font-weight: 600;
	line-height: 130%; /* 52px */
		
	animation: slider_1_text_fx 1.5s ease forwards; /* Animación */
}
@keyframes slider_1_text_fx {
    0% {
        opacity: 0; /* Comienza invisible */
        transform: translate3d(50%, 0, 0); /* Fuera de la pantalla a la derecha */
    }
    100% {
        opacity: 1; /* Finaliza visible */
        transform: translate3d(0, 0, 0); /* Regresa a la posición original */
    }
}

.slider_1_video {
    position: absolute;
    z-index: -1;
    bottom: 0px;
    left: 50%;
    width: 100%;
    transform: translate3d(-50%, 0,0);
    max-width: 77vh;
    height: auto;
    max-height: 65%;
    overflow: hidden;
}
.slider_1_video video{
	position: relative;
	bottom: -12px; /* Alinea el video al fondo del contenedor */
	left: 50%;
	transform: translate3d(-50%, 0,0);
	width: 100%; /* Ocupa todo el ancho */
	height: 100%; /* Mantiene la relación de aspecto */
	object-fit: 100%; /* Mantiene la relación de aspecto sin deformar */
}

/********************************************/
/***************SLIDER 2*********************/
/********************************************/
.slider_2_content{
	position:absolute;
	width:100%;
	top:100px;
	left:50%;
	transform: translate3d(-50%, 0,0);
	text-align:center;
	
	background-color:rgba(255,255,255,0.8);
}

@media screen and (max-width: 980px) {
	.slider_2_content {
		top:60px;
	}
}
.slider_2_title{
	box-sizing:border-box;
	padding:30px;
	
	
	
	color: var(--color-black);
	font-size: 5vh;
	font-style: normal;
	font-weight: 100;
	line-height: 120%; /* 45px */
	letter-spacing: 1rem;
	
	animation: slider_2_title_fx 1.5s forwards; /* Animación */
	
	 /* Propiedades para evitar que una palabra sea más ancha que el contenedor */
    overflow-wrap: break-word; /* Fuerza la palabra a romperse si es demasiado larga */
    word-break: break-word; /* Controla la ruptura de palabras */
}
@keyframes slider_2_title_fx {
	0% {
		opacity: 0; /* Finaliza visible */
		transform: translate3d(100%,0,0); /* Regresa a la posición original */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0,0,0); /* Regresa a la posición original */
	}
}
.slider_2_text{
	box-sizing:border-box;
	padding:30px;
	padding-top:0px;
	
	color: var(--color-black);
	font-size: 3vh;
	font-style: normal;
	font-weight: 600;
	line-height: 130%; /* 52px */
		
	animation: slider_2_text_fx 1.5s ease forwards; /* Animación */
}
@keyframes slider_2_text_fx {
    0% {
        opacity: 0; /* Comienza invisible */
        transform: translate3d(-100%, 0, 0); /* Fuera de la pantalla a la derecha */
    }
    100% {
        opacity: 1; /* Finaliza visible */
        transform: translate3d(0, 0, 0); /* Regresa a la posición original */
    }
}



.slider_2_video_cont {
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translate3d(-50%, 0,0);
    bottom: 0px;
    width: 145vh;
    max-width: 1700px;
    font-size: 0px;
    animation: slider_2_video_cont_fx 1s ease forwards;
}
@keyframes slider_2_video_cont_fx {
	0% {
		opacity:0;
		transform: translate3d(50%,0,0);
	}
	100% {
		opacity:1;
		transform: translate3d(-50%,0,0);
	}
}
.slider_2_video_cont img{
	width:100%;
}
.slider_2_video_cont_frame {
    position: absolute;
    left: 22.5%;
    right: 22.5%;
    top: 7.3%;
    bottom: 15%;
    overflow: hidden;
}
.slider_2_video_cont video{
	width:100%;
}

@media screen and (max-width: 1024px) {
	.slider_2_video_cont {
		width:120%;
		bottom: 0px;
	}
}
@media screen and (max-width: 780px) {
	.slider_2_video_cont {
		width:140%;
		bottom: 10%;
	}
}
@media screen and (max-width: 580px) {
	.slider_2_video_cont {
		width:145%;
		bottom: 20%;
	}
}

.slider_2_konecta {
	position: absolute;
	z-index: 3;
	top: 0px;
	left:0px;
	bottom:0px;
	right: 0px;
	z-index: 3;
	transform: translate3d(0,0,0);
	background-image: url(img/slider_2_bg_konnect_desktop.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.slider_2_video_cont_img_mobile{
	display:none;
}
@media screen and (max-width: 1300px) {
	.slider_2_konecta {
		top: -10%;
		background-image: url(img/slider_2_bg_konnect_mobile_small.png);
	}
	.slider_2_video_cont_img_mobile{
		display:block;
	}
	.slider_2_video_cont_img_desktop{
		display:none;
	}
}
@media screen and (max-width: 1024px) {
	.slider_2_konecta {
		top: -16%;
		background-image: url(img/slider_2_bg_konnect_mobile.png);
	}

}

/********************************************/
/***************SLIDER 3*********************/
/********************************************/
.slider_3_content{
	position:absolute;
	width:100%;
	top:100px;
	left:50%;
	transform: translate3d(-50%, 0,0);
	text-align: center;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5957982781228055) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5957982781228055) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5957982781228055) 50%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

@media screen and (max-width: 980px) {
	.slider_3_content {
		top:60px;
	}
}

.slider_3_title{
	box-sizing:border-box;
	padding:40px;
	
	color: var(--color-white);
	font-size: 5vh;
	font-style: normal;
	font-weight: 100;
	line-height: 120%; /* 45px */
	letter-spacing: 1rem;
		
	animation: slider_3_title_fx 1.5s forwards; /* Animación */
	
	 /* Propiedades para evitar que una palabra sea más ancha que el contenedor */
    overflow-wrap: break-word; /* Fuerza la palabra a romperse si es demasiado larga */
    word-break: break-word; /* Controla la ruptura de palabras */
}

@keyframes slider_3_title_fx {
	0% {
		opacity: 0; /* Finaliza visible */
		transform: translate3d(-100%,0,0); /* Regresa a la posición original */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0,0,0); /* Regresa a la posición original */
	}
}
@media screen and (max-width: 980px) {
	.slider_3_title {
		letter-spacing: 0.5rem;
	}
}

.slider_3_text{
	box-sizing:border-box;
	padding:40px;
	padding-top:0px;
	
	color: var(--color-white);
	
	font-size: 3vh;
	font-style: normal;
	font-weight: 600;
	line-height: 130%; /* 52px */
		
	animation: slider_3_text_fx 1.5s ease forwards; /* Animación */
}
@keyframes slider_3_text_fx {
    0% {
        opacity: 0; /* Comienza invisible */
        transform: translate3d(100%, 0, 0); /* Fuera de la pantalla a la derecha */
    }
    100% {
        opacity: 1; /* Finaliza visible */
        transform: translate3d(0, 0, 0); /* Regresa a la posición original */
    }
}
.slider_3_video {
    position: absolute;
    z-index: -1;
    top: 50%;
    height: calc(150%);
    max-height: 900px;
    width: 100%;
    max-width: 1250px;
    left: 50%;
    transform: translate3d(-50%, -38%,0);
    overflow: hidden !important;
}
.slider_3_video video{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: contain; 
}

/********************************************/
/***************SLIDER 4*********************/
/********************************************/
.slider_4_content{
	position:relative;
	width:100%;
	margin-top:20vh;
	margin-bottom:20vh;
	text-align:left;
}

.slider_4_title{
	box-sizing:border-box;
	padding:40px;
	
	font-size: 45px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	opacity: 0; 
	animation: slider_4_title_fx 1.5s forwards; /* Animación */
}
@keyframes slider_4_title_fx {
	0% {
		opacity: 0; /* Finaliza visible */
		transform: translate3d(-100%,0,0); /* Regresa a la posición original */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0,0,0); /* Regresa a la posición original */
	}
}
.slider_4_text{
	box-sizing:border-box;
	width:100%;
	padding:40px;
	padding-top:0px;

	
	
	font-size: 30px;
	font-style: normal;
	font-weight: 300;
	opacity: 0; 
	animation: slider_4_text_fx 1.5s ease forwards; /* Animación */
}
@keyframes slider_4_text_fx {
	0% {
		opacity: 0; /* Comienza invisible */
		transform: translate3d(100%, 0, 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}

/*********/

.slider_4_box{
	box-sizing:border-box;
	text-align:left;
	padding-top:80px;
	padding-bottom:100px;
}
.slider_4_box img,
.slider_4_box video{
	width:100%;
}

.slider_4_box .grid#grid_1{
	padding:40px;

}
.slider_4_box .grid#grid_2{
	width:calc(100% - 80px);
	grid-template-columns: 45% 55%;
}

.slider_4_box_title{
	font-size: 100px;
	font-style: normal;
	font-weight: 700;
	animation: slider_4_box_title_fx 1.5s forwards; /* Animación */

}

@media screen and (max-width: 1300px) {
	.slider_4_box_title{
		font-size: 80px;
	}
}
@media screen and (max-width: 980px) {
	.slider_4_box_title{
		font-size: 50px;
	}
}

.slider_4_box_text_1{
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: 35px;
}

.slider_4_box_text_2{
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.slider_4_box .grid#grid_1 video{
	border-radius:40px;
	margin-top:40px;
	
}
.slider_4_box .grid#grid_1 div[pos="right"]:nth-child(2){
	/* Flexbox para centrar el contenido */
	display: flex;            /* Activamos Flexbox */
	flex-direction: column;   /* Colocar los elementos en columna */
	justify-content: center;  /* Alinear elementos verticalmente en el centro */
	align-items: center;      /* Alinear elementos horizontalmente en el centro */
}

.view_cont .slider_4_box .grid#grid_1 div[pos="left"]:first-child{
	opacity: 0; 
}
.view_cont.active .slider_4_box .grid#grid_1 div[pos="left"]:first-child{
	animation: slider_4_box_left_fx 1s forwards; 
}
@keyframes slider_4_box_left_fx {
	0% {
		opacity: 0; 
		transform: translate3d(-50%,-25%,0) rotate3d(0,0,1,-20deg); 
	}
	100% {
		opacity: 1;
		transform: translate3d(0,0,0) rotate3d(0,0,1,0deg); 
	}
}

.view_cont .slider_4_box .grid#grid_1 div[pos="right"]:nth-child(2){
	opacity: 0; 
}
.view_cont.active .slider_4_box .grid#grid_1 div[pos="right"]:nth-child(2){
	animation: slider_4_box_right_fx 1.25s forwards; 
}
@keyframes slider_4_box_right_fx {
	0% {
		opacity: 0; 
		transform: translate3d(50%,-25%,0) rotate3d(0,0,1,20deg);
	}
	100% {
		opacity: 1;
		transform: translate3d(0,0,0) rotate3d(0,0,1,0deg);
	}
}


@media screen and (max-width: 1200px) {

	.slider_4_box:not([data-idex="3"]) .grid#grid_2{
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width: 1024px) {
	.slider_4_box .grid, .slider_4_box_title{
		width:100% !important;
		/*text-align:center;*/
	}
	
	.slider_4_box .grid#grid_1[columns="2"]{
		grid-template-columns: repeat(1, 1fr);
		text-align:left;
	}
	.slider_4_box .grid#grid_2{
		grid-template-columns: 300px calc(100% - 300px);
	}
	#layer_results .slider_4_box_title{
		/*text-align:center;*/
	}
	#layer_results .grid#grid_2 {
        grid-template-columns:  repeat(2, 1fr);
		width:100%;
		max-width:400px;
		/*margin-left:auto;*/
		margin-right:auto;
    }
	
	.slider_4_box .grid video,
	.slider_4_box .grid img {
		margin: auto;
		margin-top: 40px;
		max-width: 600px;
	}
}

@media screen and (max-width: 980px) {
	.slider_4_box .grid[columns="2"], .slider_4_box_title{
		width:100% !important;
		/*text-align:center;*/
	}
	.slider_4_box:not([data-idex="3"]) .grid#grid_2{
		grid-template-columns: repeat(1, 1fr);
		/*text-align:center;*/
	}
	
}

.slider_4_2_img{
	animation: slider_4_2_img_fx 15s ease infinite; /* Animación */
}
@keyframes slider_4_2_img_fx {
	0% {
		transform: scale3d(1, 1, 1) rotate3d(0,0,1,0deg);
	}
	25% {
		transform: scale3d(0.95, 0.95, 0.95) rotate3d(0,0,1,5deg);
	}
	50% {
		transform: scale3d(1, 1, 1) rotate3d(0,0,1,-5deg);
	}
	75% {
		transform: scale3d(0.95, 0.95, 0.95) rotate3d(0,0,1,5deg);
	}
	100% {
		transform: scale3d(1, 1, 1) rotate3d(0,0,1,0deg);
	}
}

.slider_4_box_4_number{
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height:80px;
}
.slider_4_box_4_text{
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	text-transform:uppercase;
}


.slider_4_box_phones_bg_cont{
	position:absolute;
	z-index:1;
	left:50%;
	bottom:0px;
	top:0px;
	width: 100%;
	transform: translate3d(-50%,0,0);
	max-width: 1400px;
	animation: slider_4_box_phones_bg_cont_fx 1.25s forwards;
	
}
@keyframes slider_4_box_phones_bg_cont_fx {
	0% {
		opacity: 0; 
		transform: translate3d(-50%,100px,0) rotate3d(0,0,1,20deg);
	}
	100% {
		opacity: 1;
		transform: translate3d(-50%,100px,0) rotate3d(0,0,1,0deg);
	}
}
.slider_4_box_phones_bg{
	position:absolute;
	right:0px;
	bottom:0px;
	top:0px;
	width: 50%;
	background-image:url(img/slider_4_phones.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:   100% auto;
	transform:scale3d(1.6,1.6,1.6);
}
@media screen and (max-width: 1200px) {
	.slider_4_box_phones_bg {
		width: 50%;
	}
}
@media screen and (max-width: 1024px) {
	.slider_4_box_phones_bg_cont {
		position: relative;
		width: 85%;
		height: 30vh;
		margin-top: -60px;
		transform: translate3d(-50%,100px,0);
	}
	.slider_4_box_phones_bg {
		width: 100%;
		background-image:url(img/slider_4_phones_mobile.png);
		background-position:top center;
		transform:scale3d(1.2,1.2,1.2);
	}
}


/********************************************/
/***************SLIDER 5*********************/
/********************************************/

.slider_5_title {
	box-sizing: border-box;
	padding: 40px;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	margin-top: 100px;
	margin-bottom:80px;
	text-align: center;
	animation: slider_5_title_fx 1.5s ease forwards; /* Animación */
}
@keyframes slider_5_title_fx {
	0% {
		opacity: 0; /* Comienza invisible */
		transform: translate3d(-100%, 0, 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}


.slider_5_creative_cont {
	position: relative;
	z-index:-1;
	margin-top: 50px;
	margin-bottom: 20px;
	height: 450px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}


.slider_5_creative_item {
	width: 80%;
	max-width: 800px;
	height: 100%;
	position: absolute;
	background-color: #033;
	transition: transform 0.4s ease, opacity 0.4s ease, z-index 0.4s ease;
	
	overflow:hidden;
	border-radius: 20px;
}

.slider_5_creative_item[pos="far-left"] {
	z-index: 0;
	transform: translate3d(calc(-200% - 40px), 0, 0);
	opacity: 0.1;
}

.slider_5_creative_item[pos="left"] {
	z-index: 0;
	transform: translate3d(calc(-100% - 20px), 0, 0);
	opacity: 0.5;
}

.slider_5_creative_item[pos="center"] {
	z-index: 1;
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.slider_5_creative_item[pos="right"] {
	z-index: 0;
	transform: translate3d(calc(100% + 20px), 0, 0);
	opacity: 0.5;
}

.slider_5_creative_item[pos="far-right"] {
	z-index: 0;
	transform: translate3d(calc(200% + 40px), 0, 0);
	opacity: 0.1;
}

.slider_5_creative_item.hidden {
	visibility: hidden;
	transform: translate3d(300%, 0, 0);
}

.prev-btn, .next-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px;
	cursor: pointer;
	z-index: 2;
}

.slider_5_creative_item[pos="left"],
.slider_5_creative_item[pos="right"]{
	cursor:pointer;
}
.slider_5_creative_item[pos="left"]:hover,
.slider_5_creative_item[pos="right"]:hover{
	opacity:1 !important;
}

.slider_5_creative_item_mobile {
	position: absolute;
	bottom: 0px;
	right: 40px;
	height: 100%;
	transform: translate3d(0,110%,0);
}
.slider_5_creative_item:not([pos="center"]) .slider_5_creative_item_mobile{
	animation: item_mobile_close_fx 1s ease forwards; /* Animación */
}
@keyframes item_mobile_close_fx {
	0% {
		transform: translate3d(0,20px,0);
	}
	100% {
		transform: translate3d(0,110%,0);
	}
}
.slider_5_creative_item[pos="center"] .slider_5_creative_item_mobile{
	animation: item_mobile_open_fx 1s ease forwards; /* Animación */
}
@keyframes item_mobile_open_fx {
	0% {
		transform: translate3d(0,110%,0);
	}
	100% {
		transform: translate3d(0,20px,0);
	}
}

.slider_5_creative_item_mobile img{
	height: 100%;
}
.slider_5_creative_item_mobile video {
	position: absolute;
	height: 100%;
	object-fit: cover;
	top: 6px;
	width: 93%;
	left: 8px;
	border-radius: 15px;
}

/**/
.slider_5_creative_item_text{
	position: absolute;
	bottom: 30px;
	left: 30px;
	color:var(--color-white);
	font-size:30px;
	text-align:left;
	transform: translate3d(-150%,0,0);
}
/*.slider_5_creative_item:not([pos="center"]) .slider_5_creative_item_text{
	animation: item_mobile_text_close_fx 1s ease forwards; 
}
@keyframes item_mobile_text_close_fx {
	0% {
		transform: translate3d(0%,0,0);
	}
	100% {
		transform: translate3d(-150%,0,0);
	}
}*/
.slider_5_creative_item[pos="center"] .slider_5_creative_item_text{
	animation: item_mobile_text_open_fx 1s ease forwards; /* Animación */
}
@keyframes item_mobile_text_open_fx {
	0% {
		transform: translate3d(-150%,0,0);
	}
	100% {
		transform: translate3d(0%,0,0);
	}
}

.slider_5_creative_item_text_1{
	font-size:25px;
	font-weight: 600;
	text-shadow: 1px 2px 9px rgba(0,0,0,0.75);
}
.slider_5_creative_item_text_2{
	margin-top:3px;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:1.5px;
	text-shadow: 1px 2px 9px rgba(0,0,0,0.9);
}
@media screen and (max-width: 800px) {
	.slider_5_creative_item_mobile img {
		height: 90%;
	}
	.slider_5_creative_item_mobile {
		bottom: -50px;
		right:calc(50% - 106px);
	}
	.slider_5_creative_item_text{
		bottom: auto;
		right:30px;
		text-align:center;
		top:15px;
	}
	.slider_5_creative_item_text_1{
		font-size:20px;
	}
	.slider_5_creative_item_text_2{
		font-size:16px;
	}
}


	
/**/
.slider_5_creative_item_bg{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
}
.slider_5_creative_item[pos="center"] .slider_5_creative_item_bg{
	animation: slider_5_creative_item_bg_fx 5s ease infinite alternate;
}
@keyframes slider_5_creative_item_bg_fx {
	0% {
		transform: scale3d(1,1,1);
	}
	50% {
		transform: scale3d(1.1,1.1,1.1);
	}
	100% {
		transform: scale3d(1,1,1);
	}
}

.slider_5_creative_item[type="Batman"] .slider_5_creative_item_bg{
	background-image:url(formats/Batman/background.png);
	background-position:left center;
}
.slider_5_creative_item[type="Fanta"] .slider_5_creative_item_bg{
	background-image:url(formats/Fanta/background.jpg);
	background-position:left center;
}
.slider_5_creative_item[type="Purina"] .slider_5_creative_item_bg{
	background-image:url(formats/Purina/background.png);
	background-position:left bottom;
}
.slider_5_creative_item[type="Maybelline"] .slider_5_creative_item_bg{
	background-image:url(formats/Maybelline/background.jpg);
	background-position:left bottom;
}
.slider_5_creative_item[type="Gosthbusters"] .slider_5_creative_item_bg{
	background-image:url(formats/Gosthbusters/background.jpg);
	background-position:left bottom;
}
.slider_5_creative_item[type="Takis"] .slider_5_creative_item_bg{
	background-image:url(formats/Takis/background.jpg);
	background-position:left bottom;
}

.slider_5_creative_item_magnifier{
	position: absolute;
	z-index:10;
	left: 50%;
	top: 50%;
	width:70px;
	height:70px;
	background-image:url(img/plus_white.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center center;
	opacity:0;
	transform: translate3d(-50%,-50%,0) scale3d(0.7,0.7,0.7);
	transition:0.5s;
	background-color:rgba(0,0,0,0.5);
	border-radius:100%;
}
.slider_5_creative_item[pos="center"]{
	cursor:pointer;
}
.slider_5_creative_item[pos="center"]:hover .slider_5_creative_item_magnifier{
	opacity:1;
	transform: translate3d(-50%,-50%,0)  scale3d(1,1,1);
}

.slider_5_fx{
	animation: slider_5_fx_fx 1s ease forwards;
	padding-bottom:100px;
}
@keyframes slider_5_fx_fx {
	0% {
		transform: translate3d(0,100% , 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}


.prev-btn {
	left: 0px;
}

.next-btn {
	right: 0px;
}

/* Drag styles */
.creative_dragging {
	cursor: grabbing;
}

/********************************************/
/*********************************************/
/********************************************/

.marquee-container-1 {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px; /* Espaciado entre las dos filas */
	animation: marquee-container-1_fx 2s ease forwards;
}
@keyframes marquee-container-1_fx {
	0% {
		transform: translate3d(0, -25%, 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}
.marquee-container-2 {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0px; /* Espaciado entre las dos filas */
	animation: marquee-container-2_fx 2s ease forwards;
}
@keyframes marquee-container-2_fx {
	0% {
		transform: translate3d(0, -25%, 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}

.marquee-content {
	display: flex;
	will-change: transform; /* Indica al navegador que vamos a cambiar la propiedad transform */
}

.marquee-item {
    position: relative;
    width: 300px;
    height: 180px;
    margin-right: 20px;
    color: white;
    text-align: left;
    font-size: 18px;
    flex-shrink: 0;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    box-sizing: border-box;
}
.marquee-item:hover .marquee-item_bg{
	transform: scale3d(1.1, 1.1, 1.1);
}
.marquee-item:hover .marquee-item_magnifier{
	transform: scale3d(1, 1, 1);
	opacity:1;
}

.marquee-item_bg{
	position:absolute;
	z-index:-1;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	transition:0.5s;
}
.marquee-item[type="Absolut"] .marquee-item_bg{
	background-image:url(formats/Absolut/background.jpg);
}
.marquee-item[type="Carls"] .marquee-item_bg{
	background-image:url(formats/Carls/background.jpg);
}
.marquee-item[type="Chanel"] .marquee-item_bg{
	background-image:url(formats/Chanel/background.jpg);
}
.marquee-item[type="Cocacola"] .marquee-item_bg{
	background-image:url(formats/Cocacola/background.jpg);
}
.marquee-item[type="DisneyGenerico"] .marquee-item_bg{
	background-image:url(formats/DisneyGenerico/background.jpg);
}
.marquee-item[type="DisneyShogun"] .marquee-item_bg{
	background-image:url(formats/DisneyShogun/background.jpg);
}
.marquee-item[type="JohnnieWalker"] .marquee-item_bg{
	background-image:url(formats/JohnnieWalker/background.jpg);
}
.marquee-item[type="Kerastase"] .marquee-item_bg{
	background-image:url(formats/Kerastase/background.jpg);
}
.marquee-item[type="Nestea"] .marquee-item_bg{
	background-image:url(formats/Nestea/background.jpg);
}
.marquee-item[type="PacoRabbane"] .marquee-item_bg{
	background-image:url(formats/PacoRabbane/background.png);
}
.marquee-item[type="Sonic"] .marquee-item_bg{
	background-image:url(formats/Sonic/background.jpg);
}
.marquee-item[type="SuperMario"] .marquee-item_bg{
	background-image:url(formats/SuperMario/background.jpg);
}

.marquee-item_magnifier{
	position: absolute;
	right: 10px;
	top: 10px;
	width:30px;
	height:30px;
	background-image:url(img/plus_white.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	opacity:0.5;
	transform: scale3d(0.7,0.7,0.7);
	transition:0.5s;
}
.marquee-item_text_cont{
	width:100%;
	box-sizing:border-box;
	padding:20px;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.2830642528748244) 0%, rgba(0,0,0,0.1819406573692065) 49%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.2830642528748244) 0%, rgba(0,0,0,0.1819406573692065) 49%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,0.2830642528748244) 0%, rgba(0,0,0,0.1819406573692065) 49%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.marquee-item .slider_5_creative_item_text_1{
	font-size:20px;
	text-shadow: 2px 2px 6px rgba(0,0,0,0.95);
}
.marquee-item .slider_5_creative_item_text_2{
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

/*************************************************/

.marquee-overlay{
	position:fixed;
	z-index:-1;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.9);
	overflow:hidden;
	transform: translate3d(0, 0, 0) scale3d(1.5,1.5,1.5);
	opacity:0;
	transition:0.5s;
	
	/* Flexbox para centrar el contenido */
	display: flex;            /* Activamos Flexbox */
	flex-direction: column;   /* Colocar los elementos en columna */
	justify-content: center;  /* Alinear elementos verticalmente en el centro */
	align-items: center;      /* Alinear elementos horizontalmente en el centro */
	box-sizing:border-box;
	padding:30px;
	padding-bottom:80px;
}
.marquee-overlay.active{
	opacity:1;
	z-index:100000;
	transform: translate3d(0, 0, 0) scale3d(1,1,1); /* Solo la vista activa estará en la posición visible */
}

.marquee-overlay_video_cont{
	position:relative;
	width:auto;
	height:auto;
	margin:auto;
}


.overlay_close {
	position: absolute;
	width: 41px;
	height: 41px;
	margin-left: auto;
	cursor: pointer;
	margin-bottom: 30px;
}
.overlay_close svg,.overlay_close svg rect, .overlay_close svg circle{
	transition:0.25s;
}
.overlay_close:hover svg rect{
	fill: var(--color-blue);
	background-color:var(--color-white);
}


.marquee-overlay[device="desktop"] .overlay_close {
	right: 10%;
	top: -60px;
}
.marquee-overlay[device="desktop"] .marquee-overlay_video_cont img{
	width:100%;
	max-width:1200px;
	max-height:65vh
}
.marquee-overlay[device="desktop"] .marquee-overlay_video_cont video {
	position: absolute;
	height: 75.5%;
	object-fit: contain;
	top: 6.5%;
	width: 75.5%;
	left: 13%;
}

.marquee-overlay[device="mobile"] .overlay_close {
	right: 0%;
	top: -60px;
}
.marquee-overlay[device="mobile"] .marquee-overlay_video_cont img{
	width:100%;
	max-width:400px;
	max-height:65vh
}
.marquee-overlay[device="mobile"] .marquee-overlay_video_cont video {
	position: absolute;
	height: 96.5%;
	object-fit: cover;
	top: 1.5%;
	width: 93%;
	left: 3.5%;
	border-radius: 30px;
}
.marquee-overlay-text_cont {
	position: absolute;
	bottom: -80px;
	left: 0px;
	color: var(--color-white);
	text-align: center;
	width: 100%;
}



/********************************************/
/***************SLIDER 6*********************/
/********************************************/

.slider_6_title {
	box-sizing: border-box;
	padding: 40px;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom:50px;
	text-align: center;
	animation: slider_6_title_fx 1.5s ease forwards; /* Animación */
}
@keyframes slider_6_title_fx {
	0% {
		opacity: 0; /* Comienza invisible */
		transform: translate3d(100%, 0, 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}
.view_cont[data-index="7"] .view_submenu{
	animation: slider_6_view_submenu_fx 1.5s ease forwards; /* Animación */
}
@keyframes slider_6_view_submenu_fx {
	0% {
		opacity: 0; /* Comienza invisible */
		transform: translate3d(-100%, 0, 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}


.slider_6_icon_cont{
	width:100%;
	max-width:800px;
	margin:auto;
	padding:50px;
	box-sizing:border-box;
	transition:0.25s;
	animation: slider_6_icon_cont_fx 1.5s ease forwards;
}
@keyframes slider_6_icon_cont_fx {
	0% {
		opacity: 0; /* Comienza invisible */
		transform: translate3d(0, 50%, 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}
@media screen and (max-width: 980px) {
	.slider_6_icon_cont{
		grid-template-columns: repeat(3, 1fr) !important;
	}
}
.view[data-index="5"] .view_submenu{
	animation: slider_6_icon_cont2_fx 1.5s ease forwards;
}
@keyframes slider_6_icon_cont2_fx {
	0% {
		opacity: 0; /* Comienza invisible */
		transform: translate3d(0, 300%, 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}


.slider_6_icon{
	position:relative;
	height:70px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	border-radius:10px;
	transform:scale3d(1,1,1);
	transition:0.25s;
	background-repeat:no-repeat;
	background-position:center center;
	transition:0.25s;
}
.slider_6_icon:hover{
	transform:scale3d(1.25,1.25,1.25);
}
.slider_6_icon_img{
	position:absolute;
	top:-10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
	background-size: contain;
	background-position:center center;
	background-repeat:no-repeat;
	transition:0.25s;
}
.slider_6_icon[icon="3"]{ background-color:#0C2F59; }
.slider_6_icon[icon="5"]{ background-color:#F00; }
.slider_6_icon[icon="6"]{ background-color:#F4020B; }
.slider_6_icon[icon="7"]{ background-color:#191414; }
.slider_6_icon[icon="9"]{ background-color:#312280; }
.slider_6_icon[icon="12"]{ background-color:#0c089c; }
.slider_6_icon[icon="16"]{ background-color:#232F3E; }
.slider_6_icon[icon="19"]{ background-color:#0058A3; }
.slider_6_icon[icon="21"]{ background-color:#004580; }
.slider_6_icon[icon="22"]{ background-color:#302216; }

.slider_6_icon[icon="26"]{ background-color:#104C97; }
.slider_6_icon[icon="27"]{ background-color:#EE312D; }
.slider_6_icon[icon="30"]{ background-color:#000; }

.slider_6_icon[icon="group_m"]{ background-color:#ffffff; }
.slider_6_icon[icon="group_m"] .slider_6_icon_img{ background-image:url(logos/group_m.svg); background-size: 60%;}

.slider_6_icon[icon="havas"]{ background-color:#ffffff; }
.slider_6_icon[icon="havas"] .slider_6_icon_img{ background-image:url(logos/havas.svg); background-size: 60%;}

.slider_6_icon[icon="ipg_mediabrands"]{ background-color:#ffffff; }
.slider_6_icon[icon="ipg_mediabrands"] .slider_6_icon_img{ background-image:url(logos/ipg_mediabrands.svg); }

.slider_6_icon[icon="omg"]{ background-color:#ffffff; }
.slider_6_icon[icon="omg"] .slider_6_icon_img{ background-image:url(logos/omg.svg); background-size: 75%; }

.slider_6_icon[icon="publicis"]{ background-color:#ffffff; }
.slider_6_icon[icon="publicis"] .slider_6_icon_img{ background-image:url(logos/publicis.svg); }

.slider_6_icon[icon="dentsu_aegis"]{ background-color:#fff; }
.slider_6_icon[icon="dentsu_aegis"] .slider_6_icon_img{ background-image:url(logos/dentsu.svg); background-size: contain; }

/**/
.slider_6_cat[type="agency"]{
	display:none;
	transform: translate3d(-10px,0,0);
}
.slider_6_cat[type="agency"] .slider_6_icon{
	height:100px;
	top:15px;
	left:15px;
	right:15px;
	bottom:15px;
	
}
@media screen and (max-width: 980px) {
	.slider_6_cat[type="agency"] .slider_6_icon_cont{
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media screen and (max-width: 480px) {
	.slider_6_icon_img{
		position:absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		background-size: contain;
		background-position:center center;
		background-repeat:no-repeat;
		transition:0.25s;
	}
	.slider_6_icon[icon="dentsu_aegis"] .slider_6_icon_img{ background-image:url(logos/dentsu.svg); background-size: 80%; }
}


/********************************************/
/***************SLIDER 7*********************/
/********************************************/
.slider_7_title {
	box-sizing: border-box;
	padding: 40px;
	margin-top:100px;
	text-align: center;
	font-size: 30px;
	font-style: normal;
	font-weight: 200;
	line-height: 100%; /* 30px */
	letter-spacing: 13.2px;
	animation: slider_7_title_fx 1.5s ease forwards;
}
@keyframes slider_7_title_fx {
	0% {
		opacity: 0; /* Comienza invisible */
		transform: translate3d(0, 250%, 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}


.slider_7_text {
	box-sizing: border-box;
	padding: 40px;
	padding-top:20px;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom:50px;
	text-align: center;
	animation: slider_7_text_fx 1.5s ease forwards;
}
@keyframes slider_7_text_fx {
	0% {
		opacity: 0; /* Comienza invisible */
		transform: translate3d(0, 300%, 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}
.slider_7_video_cont{
	position:relative;
	margin:auto;
	margin-bottom:150px;
	width:100%;
	max-width:1000px;
	animation: slider_7_video_cont_fx 1.5s ease forwards;
}
@keyframes slider_7_video_cont_fx {
	0% {
		opacity: 0; /* Comienza invisible */
		transform: translate3d(0, 50%, 0); /* Fuera de la pantalla a la derecha */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0, 0, 0); /* Regresa a la posición original */
	}
}
.slider_7_video_cont img{
	width:100%;
}
.slider_7_video_cont_frame {
	position: absolute;
	left: 11.5%;
	right: 11.5%;
	top: 3%;
	bottom: 16%;
	overflow:hidden;
}
.slider_7_video_cont video{
	width:100%;
}

/**/


.circle {
	position: absolute;
	left:50%;
	top:50%;
	transform:translate3d(-50%,-50%,0);
	
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: transparent;
	animation: circle_fx 5s infinite linear;
	opacity: 0;
	background-image:url(img/parallax_circle.png);
	background-size:contain;
	
	/*box-shadow: 0 0 15px 5px rgba(65, 220, 245, 0.5), 0 0 25px 10px rgba(70, 5, 200, 0.5);*/
	
}


.circle:nth-child(1) {
	animation-delay: 0s;
}
.circle:nth-child(2) {
	animation-delay: 0.83s;
}
.circle:nth-child(3) {
	animation-delay: 1.66s;
}
.circle:nth-child(4) {
	animation-delay: 2.5s;
}
.circle:nth-child(5) {
	animation-delay: 3.33s;
}



@keyframes circle_fx {
	0% {
		transform: translate3d(-50%,-50%,0) scale3d(0.5,0.5,0.5);
		opacity: 0.1;
	}
	
	50% {
		transform: translate3d(-50%,-50%,0) scale3d(2.5,2.5,2.5);
		opacity: 0.4;
	}

	100% {
	  transform: translate3d(-50%,-50%,0) scale3d(5,5,5);
		opacity: 0;
	}
}



.circle_bg{
	position: absolute;
	left:50%;
	top:50%;
	width: 200px;
	height: 200px;
	background: rgb(226,212,255);
	background: -moz-radial-gradient(circle, rgba(226,212,255,0.2521653764703301) 0%, rgba(0,0,0,0) 50%);
	background: -webkit-radial-gradient(circle, rgba(226,212,255,0.2521653764703301) 0%, rgba(0,0,0,0) 50%);
	background: radial-gradient(circle, rgba(226,212,255,0.2521653764703301) 0%, rgba(0,0,0,0) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2d4ff",endColorstr="#000000",GradientType=1);
	transform: translate3d(-50%,-50%,0) scale3d(4,4,4);
	animation: circle_bg_fx 5s infinite ease-in-out;
	opacity: 0;

}
@keyframes circle_bg_fx {
	0% {
		opacity: 0.2;
	}
	50% {
		opacity: 0.8;
	}
	100% {
		opacity: 0.2;
	}
}

.view_bg {
    position: fixed;
    z-index: -1;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    /* z-index: 0; */
    height: 100vh;
    overflow: hidden;
    display: none;
    background-color: var(--color-black);
	display:none;
}
/********************************************/
/***************SLIDER 8*********************/
/********************************************/

	
.slider_8_txt{
	width:100%;
	color:var(--color-white);
	box-sizing:border-box;
	padding:30px;
	text-align:center;
}
.slider_8_txt_1{
	font-size:40px;
	font-weight: 600;
	animation: slider_8_txt_1_fx 3s forwards ease;
	opacity: 1;
}
@keyframes slider_8_txt_1_fx {
	0% {
		transform: translate3d(0,250%,0); /* Regresa a la posición original */
	}
	100% {
		transform: translate3d(0,0,0); /* Regresa a la posición original */
	}
}
.slider_8_txt_2{
	margin:auto;
	margin-top:50px;
	font-size:25px;
	font-weight: 400;
	line-height: 46px; /* 153.333% */
	letter-spacing: 9.3px;
	width: 100%;
	max-width: 600px;
	animation: slider_8_txt_2_fx 2.5s forwards;
	opacity: 1;
}
@keyframes slider_8_txt_2_fx {
	0% {
		opacity: 0; /* Finaliza visible */
		transform: translate3d(0,150%,0); /* Regresa a la posición original */
	}
	30% {
		opacity: 0; /* Finaliza visible */
		transform: translate3d(0,150%,0); /* Regresa a la posición original */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0,0,0); /* Regresa a la posición original */
	}
}


.slider_8_txt_3{
	font-size:70px;
	font-weight: 600;
	animation: slider_8_txt_3_fx 3s forwards; /* Animación */
	color: var(--color-blue);
	opacity: 1;
}
@keyframes slider_8_txt_3_fx {
	0% {
		opacity: 0; /* Finaliza visible */
		transform: translate3d(0,250%,0); /* Regresa a la posición original */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0,0,0); /* Regresa a la posición original */
	}
}

.slider_8_txt_4{
	margin:auto;
	margin-bottom:50px;
	font-size:25px;
	font-weight: 400;
	line-height: 46px; /* 153.333% */
	letter-spacing: 1px;
	width: 100%;
	max-width: 600px;
	animation: slider_8_txt_4_fx 3s forwards; /* Animación */
	opacity: 1;
}
@keyframes slider_8_txt_4_fx {
	0% {
		opacity: 0; /* Finaliza visible */
		transform: translate3d(0,150%,0); /* Regresa a la posición original */
	}
	50% {
		opacity: 0; /* Finaliza visible */
		transform: translate3d(0,150%,0); /* Regresa a la posición original */
	}
	100% {
		opacity: 1; /* Finaliza visible */
		transform: translate3d(0,0,0); /* Regresa a la posición original */
	}
}

.slider_8_txt_5{
	font-size:70px;
	font-weight: 600;
	animation: slider_8_txt_3_fx 3s forwards; /* Animación */
	color: var(--color-blue);
	opacity: 1;
}


.slider_8_txt_6{
	margin:auto;
	margin-bottom:50px;
	font-size:25px;
	font-weight: 400;
	line-height: 46px; /* 153.333% */
	letter-spacing: 1px;
	width: 100%;
	max-width: 600px;
	animation: slider_8_txt_4_fx 3s forwards; /* Animación */
	opacity: 1; 
}

@media screen and (max-width: 1200px) {
	.slider_8_txt .grid[columns="2"]{
		display:block;
		margin-top:50px;
		width: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.slider_8_txt_3,
	.slider_8_txt_5{
		font-size:120px;
	}
	.slider_8_txt_4,
	.slider_8_txt_6{
		font-size:35px;
	}
}


/********************************************/
/***************SLIDER 9*********************/
/********************************************/
.slider_9_content{
	position:relative;
	width:100%;
	max-width:1400px;
	margin-top:100px;
	/*margin-bottom:150px;*/
	margin-left:auto;
	margin-right:auto;		
}


.slider_9_content .view_submenu{
	animation: slider_9_view_submenu_fx 1s ease; /* Animación infinita */
}
@keyframes slider_9_view_submenu_fx {
	0% {
		opacity: 0; 
		transform: translate3d(-150%,0,0); 
	}
	100% {
		opacity: 1; 
		transform: translate3d(0,0,0); 
	}
}

.slider_9_section {
	background-color: #F8F8F9;
	height: auto;
	min-height: 650px;
	width: calc(100% - 80px);
	max-width: 100%;
	margin: auto;
	margin-top: 40px;
	border-radius: 20px;
	margin-bottom: 0px;
	
	/* Flexbox para centrar el contenido */
	display: flex;            /* Activamos Flexbox */
	flex-direction: column;   /* Colocar los elementos en columna */
	justify-content: center;  /* Alinear elementos verticalmente en el centro */
	align-items: center;      /* Alinear elementos horizontalmente en el centro */
	box-sizing:border-box;
	padding:30px;		
	
}

@media screen and (max-width: 980px) {
	.slider_9_section {
		animation: slider_9_section_mobile_fx 0.75s ease forwards;
	}
}
@media screen and (min-width: 981px) {
	.slider_9_section {
		animation: slider_9_section_fx 0.75s ease forwards;
	}
}
@keyframes slider_9_section_fx {
	0% {
		transform:translate3d(-100%,0,0);
	}
	100% {
		transform:translate3d(0,0,0);
	}
}
@keyframes slider_9_section_mobile_fx {
	0% {
		transform:translate3d(-50%,0,0);
	}
	100% {
		transform:translate3d(0,0,0);
	}
}

.slider_9_section_text {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 650px;
	background: rgb(248 248 249 / 95%);
	border-radius: 16px;
	box-sizing: border-box;
	padding: 10px;
	margin:auto;
	animation: slider_9_section_text_fx 2s ease; /* Animación infinita */
	text-align:center;
}
@keyframes slider_9_section_text_fx {
	0% {
		opacity: 0; 
	}
	100% {
		opacity: 1; 
	}
}

.slider_9_section_text_1{
	font-size:45px;
	font-style: normal;
	font-weight: 600;
	margin-bottom:30px;
	margin-top:30px;
	/* Añadimos la animación */
	animation: slider_9_section_text_1_fx 1.25s ease-in-out forwards; /* Animación infinita */
}
@keyframes slider_9_section_text_1_fx {
	0% {
		opacity: 0; 
		transform: translate3d(0,-50%,0); 
	}
	100% {
		opacity: 1; 
		transform: translate3d(0,0,0); 
	}
}
.slider_9_section_text_2{
	font-size:25px;
	font-style: normal;
	font-weight: 600;
	margin-bottom:30px;
	animation: slider_9_section_text_2_fx 1.25s ease-in-out forwards; /* Animación infinita */
}
@keyframes slider_9_section_text_2_fx {
	0% {
		opacity: 0; 
		transform: translate3d(0,50%,0); 
	}
	100% {
		opacity: 1; 
		transform: translate3d(0,0,0); 
	}
}
.slider_9_section_text_3{
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 177%;
	margin-bottom:30px;
	animation: slider_9_section_text_3_fx 1.25s ease-in-out forwards; /* Animación infinita */
}
@keyframes slider_9_section_text_3_fx {
	0% {
		opacity: 0; 
		transform: translate3d(0,50%,0); 
	}
	100% {
		opacity: 1; 
		transform: translate3d(0,0,0); 
	}
}
.slider_9_section_img_desktop_1 {
	position: absolute;
	z-index: 0;
	left: -25px;
	bottom: -50px;
	width: 300px;
	height: 500px;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

	/* Añadimos la animación */
	animation: slider_9_section_img_desktop_1_fx 5s ease-in-out infinite; /* Animación infinita */
}
@keyframes slider_9_section_img_desktop_1_fx {
	0% {
		transform: rotate3d(1, 1, 0, 0deg); /* Sin rotación inicial */
	}
	50% {
		transform: rotate3d(1, 1, 0, 25deg); /* Gira un poco */
	}
	100% {
		transform: rotate3d(1, 1, 0, 0deg); /* Vuelve a la posición original */
	}
}


.slider_9_section_img_desktop_2 {
	position: absolute;
	z-index: 0;
	right: -25px;
	top: -25px;
	width: 300px;
	height: 500px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;

	/* Añadimos la animación */
	animation: slider_9_section_img_desktop_2_fx 5s ease-in-out infinite; /* Animación infinita */
}
@keyframes slider_9_section_img_desktop_2_fx {
	0% {
		transform: rotate3d(0, 0, 1, 0deg); /* Sin rotación inicial */
	}
	50% {
		transform: rotate3d(0, 0, 1, 4deg); /* Gira un poco */
	}
	100% {
		transform: rotate3d(0, 0, 1, 0deg); /* Vuelve a la posición original */
	}
}

.slider_9_section_img_mobile{
	position:absolute;
	z-index:0;
	left:50%;
	transform: translate3d(-50%,0,0);
	bottom:0px;
	width:300px;
	height:400px;
	background-image:url(img/movil_noticia_1.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100% auto;
		
	display:none;
}
@keyframes slider_9_section_img_mobile_fx {
	0% {
		opacity: 0; 
		height:100px;
	}
	100% {
		opacity: 1; 
		height:400px;
	}
}


@media screen and (max-width: 980px) {
	.slider_9_section{
		/*justify-content: start;*/
		min-height:auto;
		padding-top:0px;
		padding-bottom:0px;
		overflow:hidden;
	}
	.slider_9_section_text{
		padding-top:150px;
		padding-bottom:150px;
	
	}
	.slider_9_section_img_desktop_1,
	.slider_9_section_img_desktop_2{
		display:none;
	}
	
	.slider_9_section_img_mobile{
		display:block;
	}
}
@media screen and (max-width: 580px) {
	.slider_9_section_text{
		padding-top:50px;
		padding-bottom:50px;
	
	}
	.slider_9_section_img_mobile{
		position:absolute;
		z-index:0;
		left:50%;
		transform: translate3d(-50%,0,0);
		bottom:0px;
		width:200px;
		height:300px;
		background-image:url(img/movil_noticia_1.png);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:100% auto;
	}
}


.slider_9_section_item{
	width:100%;
}
.slider_9_section_item[type="monetize"],
.slider_9_section_item[type="impact"]{
	display:none;
}

.slider_9_section_item[type="integrates"] .slider_9_section_img_desktop_1{ background-image: url(img/movil_noticia_1_1.png); }
.slider_9_section_item[type="integrates"] .slider_9_section_img_desktop_2{ background-image: url(img/movil_noticia_1_2.png); }
.slider_9_section_item[type="integrates"] .slider_9_section_img_mobile{ background-image: url(img/movil_noticia_1.png); }

.slider_9_section_item[type="monetize"] .slider_9_section_img_desktop_1{ background-image: url(img/movil_noticia_2_1.png); }
.slider_9_section_item[type="monetize"] .slider_9_section_img_desktop_2{ background-image: url(img/movil_noticia_2_2.png); }
.slider_9_section_item[type="monetize"] .slider_9_section_img_mobile{ background-image: url(img/movil_noticia_2.png); }

.slider_9_section_item[type="impact"] .slider_9_section_img_desktop_1{ background-image: url(img/movil_noticia_3_1.png); }
.slider_9_section_item[type="impact"] .slider_9_section_img_desktop_2{ background-image: url(img/movil_noticia_3_2.png); }
.slider_9_section_item[type="impact"] .slider_9_section_img_mobile{ background-image: url(img/movil_noticia_3.png); }


/********************************************/
/***************SLIDER 10*********************/
/********************************************/

.slider_10_title {
	box-sizing: border-box;
	padding: 40px;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	margin-top: 100px;
	text-align: center;
	animation: slider_10_title_fx 1.25s ease-in-out forwards; /* Animación infinita */
}
@keyframes slider_10_title_fx {
	0% {
		opacity: 0; 
		transform: translate3d(50%,0,0); 
	}
	100% {
		opacity: 1; 
		transform: translate3d(0,0,0); 
	}
}



.slider_10_icon_cont{
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:50px;
	margin-bottom:20px;
	box-sizing:border-box;
	transition:0.25s;
	animation: slider_10_title_fx 1.25s ease-in-out forwards;
}
@media screen and (max-width: 1200px) {
	.slider_10_icon_cont{
		grid-template-columns: repeat(4, 1fr) !important;
	}
}
@media screen and (max-width:980px) {
	.slider_10_icon_cont{
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
.slider_10_subtitle{
	font-size:25px;
	text-align:center;
	margin-bottom:100px;
	animation: slider_10_title_fx 1.25s ease-in-out forwards;
}
.slider_10_icon_cont .slider_6_icon{
	background-size:contain;
	background-position:center center;
	filter: grayscale(100%);
}
.slider_6_icon[icon="el_espanol"]{ background-image:url(publishers/el_espanol.png); }
.slider_6_icon[icon="hola"]{ background-image:url(publishers/hola.png);}
.slider_6_icon[icon="infobae"]{ background-image:url(publishers/infobae.png);}
.slider_6_icon[icon="kiwilimon"]{ background-image:url(publishers/kiwilimon.png);}
.slider_6_icon[icon="marieclaire"]{ background-image:url(publishers/marieclaire.png);}
.slider_6_icon[icon="meteored"]{ background-image:url(publishers/meteored.png);}
.slider_6_icon[icon="muyinteresante"]{ background-image:url(publishers/muyinteresante.png);}
.slider_6_icon[icon="peoople"]{ background-image:url(publishers/peoople.png);}
.slider_6_icon[icon="samsung"]{ background-image:url(publishers/samsung.png);}
.slider_6_icon[icon="semana"]{ background-image:url(publishers/semana.png);}
.slider_6_icon[icon="timeout"]{ background-image:url(publishers/timeout.png);}
.slider_6_icon[icon="vandal"]{ background-image:url(publishers/vandal.png);}

/********/

.peoople_cont{
	animation: peoople_logo_fx 1.25s ease-in-out forwards; /* Animación infinita */
}
@keyframes peoople_logo_fx {
	0% {
		opacity: 0; 
		transform: translate3d(-50%,0,0); 
	}
	100% {
		opacity: 1; 
		transform: translate3d(0,0,0); 
	}
}
.peoople_logo{
	width:100%;
	height:60px;
	background-image:url(peoople/logo_peoople.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:250px;
	margin-top:100px;
	margin-bottom:50px;
	animation: peoople_logo_fx 1.25s ease-in-out forwards; /* Animación infinita */
}
@keyframes peoople_logo_fx {
	0% {
		opacity: 0; 
		transform: translate3d(-50%,0,0); 
	}
	100% {
		opacity: 1; 
		transform: translate3d(0,0,0); 
	}
}


.peoople_title {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 30px;
    max-width: 1060px;
    margin: auto;
    font-size: 22px;
    font-style: normal;
    font-weight: 200;
    line-height: 184%;
    letter-spacing: 0.8rem;
    animation: peoople_logo_fx 1.25s ease-in-out forwards;
    text-align: center;
}
.peoople_desc{
	animation: peoople_logo_fx 1.25s ease-in-out forwards;
}
.peoople_desc .grid img{
	 width:100%;
	 max-width:100px;
}
.peoople_video{
	width:100%;
	max-width:600px;
	margin:auto;
}
.people_text_1{
	font-size:25px;
	line-height: 150%;
	font-weight: 300;
}
.peoople_cont .grid#grid_1{
	padding-bottom:100px;
	animation: slider_9_view_submenu_fx 1s ease; /* Animación infinita */
}
.peoople_cont  .grid#grid_1 div[pos="right"]{
	padding:30px;
	padding-left:0px;
	padding-top:100px;
	text-align:left;
	box-sizing:border-box;
}

.peoople_cont  .grid#grid_2{
	font-size:16px;
	text-align:center;
	margin-bottom:50px;
}
.peoople_cont  .grid#grid_2 div{
	margin-top:50px;
}

@media screen and (max-width:980px) {
	.peoople_cont  .grid#grid_1{
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.peoople_cont  .grid#grid_1 div[pos="right"]{
		padding-left:30px;
		text-align:center;
		
	}
	.peoople_cont  .grid#grid_2{
		grid-template-columns: repeat(3, 1fr) !important;
	}
}



/********************************************/
/***************SLIDER 11*********************/
/********************************************/
.slider_11_cont{
	width:100%;
	box-sizing:border-box;
	padding:40px;
	/*padding-top:50px;*/
	padding-bottom:150px;

}


.slider_11_cont .content{
	max-width:1120px;
}
.slider_11_item{
	border-radius:20px;
	min-height:600px;
	/* Flexbox para centrar el contenido */
	display: flex;            /* Activamos Flexbox */
	flex-direction: column;   /* Colocar los elementos en columna */
	justify-content: center;  /* Alinear elementos verticalmente en el centro */
	align-items: center;      /* Alinear elementos horizontalmente en el centro */
	box-sizing:border-box;
	padding:40px;
	padding-top:100px;
	padding-bottom:100px;
	text-align:center;
	
	border:3px solid var(--color-black);
	
	animation: slider_11_item_fx 1.2s forwards; /* Animación */
}
@keyframes slider_11_item_fx {
	0% {
		opacity:0;
		transform: translate3d(50%, 0,0); 
	}

	100% {
		opacity:1;
		transform: translate3d(0, 0%,0); 
	}
}
.slider_11_item a{
	color:inherit;
	text-decoration: none;
}
@media screen and (max-width: 980px) {
	.slider_11_cont{
		box-sizing:border-box;
		padding:30px;
		padding-top:100px;
		padding-bottom:80px;
	}
	.slider_11_item{
		padding:30px;
		padding-top:50px;
		padding-bottom:50px;
	}
}

.slider_11_item_title{
	font-size: 50px;
	font-style: normal;
	font-weight: 600;
}
.slider_11_item_text_1{
	font-size:25px;
	margin-top:10px;
	font-weight: 300;
	margin-bottom:50px;
	letter-spacing:1px;
}
.slider_11_item_text_2{
	width:100%;
	max-width:700px;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	margin-bottom:50px;
}
.slider_11_item_btn{
	font-size:20px;
	color:var(--color-white);
	background-color:var(--color-black);
	border-radius:25px;
	box-sizing:border-box;
	padding:15px;
	padding-left:30px;
	padding-right:30px;
	cursor:pointer;
	transition:0.25s;
}
.slider_11_item_btn:hover{
	background-color:var(--color-blue);
}



/********************************************/
/***************SLIDER 12*********************/
/********************************************/

.slider_12_cont{
	position:relative;
	margin-top:50px;
}

.slider_12_title{
	text-align:center;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	animation: slider_12_grid_fx 1.2s forwards; /* Animación */
	box-sizing:border-box;
	padding: 0px 30px;
}

/**/
.slider_12_grid {
	width:100%;
	max-width:1200px;
	margin:auto;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 20px;
	width: 100%;
	box-sizing:border-box;
	margin-top:50px;
	margin-bottom:150px;
	
	padding-left:40px;
	padding-right:40px;
	
	animation: slider_12_grid_fx 1.2s forwards; /* Animación */
}
@keyframes slider_12_grid_fx {
	0% {
		opacity:0;
		transform: translate3d(-50%, 0,0) ; 
	}

	100% {
		opacity:1;
		transform: translate3d(0, 0%,0); 
	}
}


.slider_12_item {
	position:relative;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	width:auto;
	
	border-radius: 15px;
	color: white;
	color:var(--color-black);
	background-color: #E2E2E2;
	transition: all 0.25s ease;
	overflow:hidden;
}



.slider_12_item_country{
	width:100%;
	max-width:60px;
	margin:auto;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	color:var(--color-blue);
	text-align:center;
	border-bottom: 1px solid #B5B5B5;
	box-sizing:border-box;
	padding-top:10px;
	padding-bottom:20px;
}

.slider_12_item_button{
	margin:auto;
	margin-top:20px;
	width:35px;
	height:35px;
	border-radius:100%;
	
	background-color:#B5B5B5;
	
	
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;

	display: flex;            /* Activamos Flexbox */
	flex-direction: column;   /* Colocar los elementos en columna */
	justify-content: center;  /* Alinear elementos verticalmente en el centro */
	align-items: center;      /* Alinear elementos horizontalmente en el centro */
	
	transition: all 0.25s ease;
}

.slider_12_item:hover{ background-color:#f2f2f2; }
.slider_12_item:hover .slider_12_item_button{ color:var(--color-blue); background-color: #E2E2E2; }


.slider_12_item_text_cont a{
	color:inherit;
	text-decoration:none;
}
.slider_12_item_text_cont a:hover{
	color:var(--color-blue);
}


.slider_12_item.active .slider_12_item_country{
	margin-left:0px;
	border:0px;
}

.slider_12_item.active .slider_12_item_country_title,
.slider_12_item.active .slider_12_item_button,
.slider_12_item_text_cont,
.slider_12_item_text_hour,
.slider_12_item_text_btn
{
	display:none;
}

.slider_12_item.active .slider_12_item_text_cont,
.slider_12_item.active .slider_12_item_text_hour,
.slider_12_item.active .slider_12_item_text_btn{
	display:block;
}
.slider_12_item_text_cont{
	font-size:14px;
	color: var(--color-white);
	text-align:left;
	box-sizing:border-box;
	padding:15px;
	transform: translate3d(0, 0,0); 
	animation: slider_12_item_text_cont_fx 0.5s forwards;
}
@keyframes slider_12_item_text_cont_fx {
	0% {
		transform: translate3d(-50%, 0,0); 
	}
	100% {
		transform: translate3d(0, 0,0); 
	}
}
.slider_12_item_text_hour{
	position:absolute;
	bottom:20px;
	left:30px;
	font-size: 60px;
	font-style: normal;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.20);
	animation: slider_12_item_text_hour_fx 0.5s forwards;
}
@keyframes slider_12_item_text_hour_fx {
	0% {
		transform: translate3d(0, 100%,0); 
	}
	100% {
		transform: translate3d(0, 0,0); 
	}
}
.slider_12_item_text_hour span{
	font-size:12px;
	
}
.slider_12_item_text_btn{
	position:absolute;
	right:0px;
	bottom:0px;
	border-radius:15px 0px 0px 0px;
	background-color:var(--color-blue);
	box-sizing:border-box;
	padding: 10px 30px;
	animation: slider_12_item_text_btn_fx 0.5s forwards;
	transition:0.25s;
	cursor:pointer;
}
@keyframes slider_12_item_text_btn_fx {
	0% {
		transform: translate3d(100%, 0,0); 
	}
	100% {
		transform: translate3d(0, 0,0); 
	}
}
.slider_12_item_text_btn:hover{
	background-color:var(--color-white);
	
}
.slider_12_item_text_btn:hover svg path{
	stroke:var(--color-blue);
}

/**/

@media screen and (min-width: 981px) {
	.slider_12_item_country_title{
		width:100%;
		height:200px;
		font-size:16px;
		text-align: center;
	}
	.slider_12_item_country_title div{
		position: absolute;
		bottom: 80px;
		left:50%;
		transform:rotate3d(0,0,1,-180deg) translate3d(50%,0,0);
		writing-mode: vertical-rl; 
		text-orientation: mixed; 
	}
	.slider_12_item.active{
		background-color:var(--color-black);
		transition:0.25s;
		width: 320px;
		flex-grow: 0;
		transition: all 0.5s ease;
		cursor:default;
	}
	
}
@media screen and (max-width: 980px) {
	.slider_12_grid{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.slider_12_item_country_title{
		width:100%;
		font-size:16px;
		text-align: center;
		box-sizing:border-box;
		padding:20px;
		padding-bottom:0px;
	}
	
	.slider_12_item.active{
		background-color:var(--color-black);
		transition:0.25s;
		width: 100%;
		min-height:350px;
	}

}
@media screen and (max-width: 768px) {
	.slider_12_grid{
		grid-template-columns: repeat(1, 1fr);
	}
	

}



/***********FOOTER*************/

.footer{
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding: 20px 40px;
	background-color:#2D2D2D;
	font-size:14px;
	color:var(--color-white);
	margin-top:50px;
}

@media screen and (max-width: 980px) {
	.footer{
		padding: 100px 40px;
	}
}
.footer a{
	color:inherit;
	text-decoration:none;
}
.footer .grid{
	width:100%;
	grid-template-columns: 20% 60% 20%;
}

.footer .grid div[pos="left"]{
	text-align:left;
	line-height:40px;
}
.footer .grid div[pos="center"]{
	text-align:center;
	line-height:40px;
}
.footer .grid div[pos="center"] .footer_link{
	border-radius:15px;
	text-transform:uppercase;
	font-size:12px;
	cursor:pointer;
}
.footer .grid div[pos="center"] .footer_link:hover{
	color:var(--color-blue);
}
.footer .grid div[pos="center"] .footer_link:nth-child(2){
	margin-left:50px;
	margin-right:50px;
}

.footer .grid div[pos="right"]{
	text-align:right;
}

.footer_iab{
	display:inline-block;
	width:100px;
	height:40px;
	background-image: url(img/iab.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right center;
}
.footer_linkedin{
	display:inline-block;
	width:40px;
	height:40px;
	background-image: url(img/linkedin.svg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right center;
	margin-right:20px;
}

@media screen and (max-width: 1100px) {
	.footer .grid{
		width:100%;
		grid-template-columns: repeat(1, 1fr);
	}
	.footer .grid div[pos="left"],
	.footer .grid div[pos="right"]{
		text-align:center;
	}
	.footer .grid div[pos="center"]{
		margin-top:30px;
		margin-bottom:30px;
	}
	.footer .grid div[pos="center"] .footer_link:nth-child(2){
		margin-left:0px;
		margin-right:0px;
	}
	.footer .grid div[pos="center"] .footer_link{
		margin:auto !important;
		display:block;
		max-width:300px;
		box-sizing:border-box;
		padding:10px 20px;
		background-color:rgba(0,0,0,0.2);
		
		margin-top:10px !important;
		margin-bottom:10px !important;
	}
}

/**************************/
/**************************/
/**************************/
.contact_cont form{
animation: contact_cont_fx 1.2s forwards; /* Animación */
}
@keyframes contact_cont_fx {
	0% {
		opacity:0;
		transform: translate3d(-50%, 0,0); 
	}

	100% {
		opacity:1;
		transform: translate3d(0, 0%,0); 
	}
}

.contact_cont .content{
	max-width:900px;
	box-sizing:border-box;
	padding:40px;
}
@media screen and (max-width: 980px) {
	.contact_cont .grid{
		grid-template-columns: repeat(1, 1fr);
	}	
	.contact_cont .content{
		max-width:650px;
	}
}
.contact_title{
	text-align:center;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	animation: contact_title_fx 1.2s forwards; /* Animación */
}
@keyframes contact_title_fx {
	0% {
		opacity:0;
		transform: translate3d(50%, 0,0); 
	}

	100% {
		opacity:1;
		transform: translate3d(0, 0%,0); 
	}
}

.contact_subtitle{
	margin-top:30px;
	margin-bottom:100px;
	text-align:center;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	animation: contact_title_fx 1.2s forwards; /* Animación */
}

.input{
	border-bottom:2px solid var(--color-black);
}
.input select{
	cursor:pointer;
}
.input textarea{
	height:200px;
}
.input_title{
	font-weight: 600;
}
.input_text::placeholder{
	color: #CCC;
	letter-spacing:1px;
}
.input_error .input_text::placeholder{
	color: var(--color-red) !important;
}
/* Para Chrome, Safari, Edge y Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Para Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
.input_text{
	width:100%;
	border:0px;
	line-height:40px;
	height:40px;
	font-family: inherit;
	font-size:18px;
	font-weight:400;
	outline:none;
	color:var(--color-blue);
	background-color:rgba(0,0,0,0);
}

.contact_cont .grid .input:nth-child(9),
.contact_cont .grid .input:nth-child(10),
.contact_cont .grid .input:nth-child(11) {
  grid-column: 1 / -1; /* Hace que el último input ocupe ambas columnas */
 
}

.checkbox{
	margin-top:50px;
	margin-bottom:30px;
	text-align:center;
}
.checkbox input,
.checkbox label{
	cursor:pointer;
}

.checkbox a{
	color:inherit;
	text-decoration:none;
}
.checkbox a:hover{
	color:var(--color-blue);
}

.contact_send_btn{
	margin:auto;
	max-width:150px;
	text-align:center;
	width:auto;
	font-size:20px;
	color:var(--color-white);
	background-color:var(--color-blue);
	border-radius:25px;
	box-sizing:border-box;
	padding:15px;
	padding-left:30px;
	padding-right:30px;
	cursor:pointer;
	transition:0.25s;
	margin-bottom:100px;
}
.contact_send_btn:hover{
	background-color:var(--color-black);
}

.work_cont a{
	color:inherit !important;
	text-decoration:none;
}

.input_error{
	border-bottom:2px solid var(--color-red);
	animation: input_error_fx 0.5s ease-in-out;
}
.checkbox.input_error{
	border:0px solid var(--color-red);
	color:var(--color-red);
}
.input_error .input_text{
	color:var(--color-red);
}
@keyframes input_error_fx {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

.form_error{
	border: 2px solid var(--color-red);
	color:var(--color-red);
	border-radius:10px;
	margin-bottom:30px;
	box-sizing:border-box;
	padding:15px;
	text-align:center;
	display:none;
}


.contact_sent{
	background-color:var(--color-grey);
	border-radius:20px;
	box-sizing:border-box;
	padding:100px 50px;
	padding-right:25%;
	text-align:center;
	box-sizing:border-box;
	
	background-image:url(img/contact_sent.png);
	background-size: auto 95%;
	background-position:right 30px bottom;
	background-repeat:no-repeat;
	width:calc(100% - 60px);
	max-width:800px;
	margin:auto;
	margin-bottom:200px;
	display:none;
	animation: contact_sent_fx 1s forwards;
}
@keyframes contact_sent_fx {
	0% {
		opacity:0;
		transform: translate3d(50%, 0,0); 
	}

	100% {
		opacity:1;
		transform: translate3d(0, 0,0); 
	}
}
@media screen and (max-width: 1300px) {
	.contact_sent {
		padding-right:40%;
	}
}
@media screen and (max-width: 980px) {
	.contact_sent {
		background-size: 300px;
		padding-right:50px;
		padding-bottom:450px;
		background-position:center bottom;
	}
}
.contact_send_title{
	color:var(--color-blue);
	font-weight: 600;
	font-size:35px;
	margin-bottom:35px;
}
.contact_send_text{
	line-height:1.5rem;
}

/************************************************/
/************************************************/
/************************************************/

.about_cont{
background: rgb(0,247,255);
background: -moz-linear-gradient(180deg, rgba(0,247,255,0) 0%, rgba(6,243,175,0.2) 23%, rgba(217,208,15,0.1997308623924684) 47%, rgba(203,36,129,0.3) 71%, rgba(51,72,190,0.7643376039655021) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,247,255,0) 0%, rgba(6,243,175,0.2) 23%, rgba(217,208,15,0.1997308623924684) 47%, rgba(203,36,129,0.3) 71%, rgba(51,72,190,0.7643376039655021) 100%);
background: linear-gradient(180deg, rgba(0,247,255,0) 0%, rgba(6,243,175,0.2) 23%, rgba(217,208,15,0.1997308623924684) 47%, rgba(203,36,129,0.3) 71%, rgba(51,72,190,0.7643376039655021) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f7ff",endColorstr="#3348be",GradientType=1);
}

.about_cont .content{
	max-width:1000px;
	box-sizing:border-box;
	padding:40px;
}

.footer-about{
	background-color:var(--color-white);
	padding-top:100px;
}
.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Envía el video detrás de todo el contenido */
    overflow: hidden; /* Asegura que no haya desbordamiento si el video es más grande */
}

/* Estilos para el video en sí */
#bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%; /* Se asegura de que ocupe el 100% del ancho */
    min-height: 100%; /* Se asegura de que ocupe el 100% del alto */
    width: auto;
    height: auto;
    transform: translate(-50%, -50%); /* Centra el video */
    z-index: -1;
    object-fit: cover; /* Mantiene el aspecto del video y cubre toda el área */
    pointer-events: none; /* Evita que el video interfiera con los clics en otros elementos */
    background-size: cover; /* Asegura que el video cubra completamente el contenedor */
}


.about_us_cont{
	position:relative;
	width:100%;
	margin-top:100px;
	padding-bottom: 100px;
	margin-bottom:100px;
	color:var(--color-white);
	
}
.about_us_item{
	position:relative;
	width:calc(50% - 50px);

	margin-bottom:150px;
	animation: about_us_item_fx 1.2s forwards;
}
@keyframes about_us_item_fx {
	0% {
		opacity:0;
		transform: translate3d(0, 100%,0); 
	}

	100% {
		opacity:1;
		transform: translate3d(0, 0%,0); 
	}
}

@media screen and (min-width: 981px) {
	.about_us_item[pos="left"]{
		margin-right:auto;
	}
	.about_us_item[pos="right"]{
		margin-left:auto;
	}
}


.about_us_line{
	position:absolute;
	left:50%;
	transform: translate3d(-50%,0,0);
	top:0px;
	bottom:0px;
	width:5px;
	height:100%;
	background-color: rgba(255,255,255,0.3);
	border-radius:4px;
	
	animation: about_us_line_fx 1.2s forwards;
}
@keyframes about_us_line_fx {
	0% {
		opacity:0;
		transform: translate3d(0, 25%,0); 
	}

	100% {
		opacity:1;
		transform: translate3d(0, 0%,0); 
	}
}
.about_us_line_scroll {
	width: 100%;
	height: 0%;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 4px;
	transition: height 0.15s ease-out;
	max-height:100%;
}

.about_us_item_number{
	position:absolute;
	width:51px;
	height:51px;
	background-color: rgba(255,255,255,0.95);
	border-radius:100%;
	text-align:center;
	line-height:51px;
	color:var(--color-black);
	font-weight: 700;
	font-size:14px;

	-webkit-box-shadow: #FFF 0 -1px 4px, #fff 0 -2px 10px, #2dd6ff 0 -10px 20px, #a32e9a 0 -18px 40px, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: #FFF 0 -1px 4px, #fff 0 -2px 10px, #2dd6ff 0 -10px 20px, #a32e9a 0 -18px 40px, 5px 5px 15px 5px rgba(0,0,0,0);
	
}
.about_us_item[pos="left"] .about_us_item_number{
	bottom:-26px;
	right:-75px;
}
.about_us_item[pos="right"] .about_us_item_number{
	bottom:-26px;
	left:-75px;
}




#about_logo_1{
	transform: translate3d(3px,13px,0)
}
#about_logo_2{
	transform: translate3d(0,10px,0);
}

.about_us_item_pointer{
	position:absolute;
	bottom:-5px;
	
	width:9px;
	height:9px;
	background-color:var(--color-white);
	border-radius:100%;
}
.about_us_item[pos="left"] .about_us_item_pointer{
	right:0px;
}
.about_us_item[pos="right"] .about_us_item_pointer{
	left:0px;
}



.about_us_item_title{
	position:relative;
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	padding-bottom:30px;
	border-bottom:1px solid var(--color-white);
	
}
.about_us_item_text{
	margin-top:30px;
	font-size: 18px;
	line-height:150%;
	font-weight: 400;
	box-sizing:border-box;
}
.about_us_item[pos="left"] .about_us_item_text{
	padding-right:100px;
}
.about_us_item[pos="right"] .about_us_item_title,
.about_us_item[pos="right"] .about_us_item_text{
	padding-left:100px;
}

@media screen and (max-width: 980px) {
	.about_us_cont{
		position:relative;
		left:50%;
		width: calc(100%);
		max-width:500px;
		transform: translate3d(-50%,0,0);
	}
	.about_us_item{
		margin-left:75px;
		width: calc(100% - 75px);
		max-width:500px;
	}
	.about_us_item[pos="left"]{
		margin-right:auto;
	}
	.about_us_item[pos="right"]{
		margin-right:auto;
	}
	
	.about_us_item[pos="left"] .about_us_item_number{
		left:-75px;
		right:inherit;
	}
	.about_us_item[pos="right"] .about_us_item_number{
		left:-75px;
		right:inherit;
	}
	.about_us_item[pos="left"] .about_us_item_pointer{
		left:0px;
		right:inherit;
	}
	.about_us_item[pos="right"] .about_us_item_pointer{
		left:0px;
		right:inherit;
	}
	
	.about_us_item[pos="right"] .about_us_item_title,
	.about_us_item[pos="left"] .about_us_item_text,
	.about_us_item[pos="right"] .about_us_item_text{
		padding-left:inherit;
		padding-right:30px;
	}
	.about_us_line{
		position:absolute;
		left:26px;
		transform: translate3d(-50%,0,0);
	}
}

/*****************************************/
/*****************************************/
.work_cont{
	width:100%;
	margin-top:100px;
	margin-bottom:0px;
}
.work_cont .footer_linkedin{
	margin-right:0px;
}
.work_cont .grid{
	box-sizing:border-box;
	padding-left:40px;
	padding-right:40px;
	/* grid-template-columns: repeat(1, 1fr);*/
	 grid-template-columns: 55% 45%;
}
.work_cont .grid div[pos="left"]{
	text-align:center;
	animation: work_cont_left_fx 1.2s forwards;
}
@keyframes work_cont_left_fx {
	0% {
		opacity:0;
		transform: translate3d(-50%, 0,0); 
	}

	100% {
		opacity:1;
		transform: translate3d(0, 0,0); 
	}
}
.work_cont .grid div[pos="left"] img{
	border-radius:25px;
	max-width:600px;
	margin:auto;
}
.work_cont .grid div[pos="right"]{
	padding-left:40px;
	width:100%;
	max-width:500px;
	animation: work_cont_right_fx 1.2s forwards;
}
@keyframes work_cont_right_fx {
	0% {
		opacity:0;
		transform: translate3d(50%, 0%,0); 
	}

	100% {
		opacity:1;
		transform: translate3d(0, 0,0); 
	}
}
.work_cont .contact_send_btn{
	margin-left:0px;
	max-width:180px;
	margin-bottom:0px;
}
.work_title{
	font-size: 35px;
	font-style: normal;
	font-weight: 600;
	margin-top:15px;
	margin-bottom:30px;
}
.work_text{
	margin-bottom:50px;
}

@media screen and (max-width: 1200px) {
	.work_cont .grid{
		grid-template-columns: repeat(1, 1fr);
	}
	.work_cont .grid div[pos="right"]{
		padding-right:40px;
		text-align:center;
		margin:auto;
	}
	.work_cont .contact_send_btn{
		margin-left:auto;
	}
	
	
}


/**************************************/

.pol_cont{
	margin:auto;
	width:100%;
	max-width:1200px;
	box-sizing:border-box;
	padding:40px;
	line-height:150%;
}
@media screen and (max-width: 980px) {
	.pol_cont{
		box-sizing:border-box;
		padding:30px;
	}
}
.pol_cont h2{
	font-size:30px;
	font-weight:600;
	color:var(--color-blue);
	line-height:150%;
}
.pol_cont p strong{
	color:var(--color-blue);
	text-transform:uppercase;
}
.pol_cont p{
	margin-top:20px;
}
.pol_cont a strong ,
.pol_cont a{
	font-weight:600 !important;
	text-decoration:none;
	color: #000;
	text-transform:inherit !important;
	transition:0.15s;
}
.pol_cont a:hover strong,
.pol_cont a:hover{
	color:var(--color-blue);
}

.pol_cont td{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;

}


/******/

@keyframes bubbleEffect {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	25% {
		transform: scale(0.2);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.bubble {
	animation: bubbleEffect 1s;
}


/***************/
#cookieConsent {
    display: none;
    position: fixed;
	z-index:100000;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #232323;
    color: white;
    text-align: center;
    padding: 30px;
    z-index: 1000;
}

#cookieConsent a {
    color: var(--color-blue);
    text-decoration: none;
}

#cookieConsent button {
	margin-top:15px;
    background-color: var(--color-blue);
    color: var(--color-white);
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    margin-left: 10px;
	border-radius:15px;
}

.cookieThemeImg{
	position: absolute;
	bottom:-30px;
	right:-200px;
	width:250px;
	height:200px;
	background-image:url(img/navidad/montruo_galleta_gorro.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom center;

}

#cookieConsent .content[navidad]{
	max-width:950px;
}
@media screen and (max-width: 1400px) {
	#cookieConsent .content[navidad]{
		max-width:750px;
	}
}
@media screen and (max-width: 1200px) {
	#cookieConsent .content[navidad]{
		max-width:600px;
	}
}
@media screen and (max-width: 980px) {
	/*.cookieThemeImg{
		position: relative;
		width:100%;
		right:0;
	}*/
	#cookieConsent .content[navidad]{
		margin-left:0px;
		max-width:80%;
	}
}

@media screen and (max-width: 780px) {
	#cookieConsent .content[navidad]{
		max-width:70%;
	}
	.cookieThemeImg{
		width:180px;
		right:-150px;
	}
}

@media screen and (max-width: 480px) {
	.cookieThemeImg{
		width:160px;
		right:-120px;
	}
}


.form_cont{
	position:relative;
}
.contact_send_loading {
    margin: auto;
    max-width: 150px;
    text-align: center;
    width: auto;
    margin-bottom: 100px;
	display:none;
}

/******************************/
.slider_12_grid[navidad]{
	margin-top:-160px;
}
.slider_12_grid[navidad] .slider_12_item{
	background-color:transparent !important;
	padding:0px;
}
.office_theme_icon{
	width:100%;
	height:100px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top center;
}
.office_theme_icon[icon="1"]{
	background-image:url(img/navidad/calcetin_rojo_verde.png);
}
.office_theme_icon[icon="3"]{
	background-image:url(img/navidad/calcetin_nieve.png);
}
.office_theme_icon[icon="5"]{
	background-image:url(img/navidad/calcetin_cinturon.png);
}
.office_theme_icon[icon="7"]{
	background-image:url(img/navidad/calcetin_muerdago.png);
}
@media screen and (max-width: 980px) {
	.slider_12_grid[navidad]{
		display:none;
	}
}

/*********************/

canvas {
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.page {
  background-color: #1D1717;
  height: 100%;
  overflow: hidden;
  position: relative;
  h3 {
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 60px;
    color: #B93C3F;
    left: 50%;
    top: 50%;
    padding: 0;
    margin: 0;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 2;
  }
}