
/*slide_1 mobile
*/

 body {
 /* overflow: hidden;
      margin: 0;
	min-height: 1920px;
	height: 5000px; 
    position: relative;*/
  }

*{  margin:0px;
	
	left:0px;
}

.contenedor_infografia_fucsia{
	margin: 0px auto;
	padding: 0px;
	height: auto;
	position:relative;
	display: flex;
	justify-content: center;
	overflow-y: hidden;
}

.vista_mobile{
		display:block;
	}
	
	.vista_desktop{
		display:none;
	}

#slide_1_d{
	margin:0px;
	display: none;
	padding: 0px;
}

.slide_1-textos{
		position: relative;
	}
		.titulo{
			color: white;
			background-color: transparent;
			font-size:1.7em;
			font-weight: bold;
			text-align: center;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin-top:0%; 
			padding-top: 139%;
			/*animation: titulo 1.5s cubic-bezier(0.981, 0.002, 0.391, 1.212);*/
			margin:0% 3.7%;
			display:block;
			width: 95vw;
			letter-spacing: 1pt;
	}
		
		.titulo_secundario{
			background-color: transparent;
			color:white;
			font-size:3em;
			font-weight: bold;
			text-align: center;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% 3.7% 0%;
			letter-spacing: 8px;
			width: 90vw;
			/*animation: titulo_secundario 1.5s cubic-bezier(0.981, 0.002, 0.391, 1.212);*/
	}
	
		.descripcion_italica{
			color:white;
			font-size:1.6vw;
			font-style: italic;
			text-align: center;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin-top:60%; margin-left: 13.4%;
			text-transform: uppercase;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
			/*animation: descripcion_italica 1.5s cubic-bezier(0.981, 0.002, 0.391, 1.212);*/
	}
	
	.descripcion_normal{
			color:white;
			font-size:4.5vw;
			font-style: normal;
			text-align: center;
			text-justify: center;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin:2% auto;
			animation-delay: 0.5s;
	        width: 90vw;	
		    padding:2% 5% 10%;
		    line-height: 1.2em;
			letter-spacing: .03em;
		   /* animation: descripcion_normal 1.5s cubic-bezier(0.981, 0.002, 0.391, 1.212);*/
	}
	.flores{
		rotate: 270deg;
		width: 40%; 
		margin-left:7.45%; margin-top:90%;
		position:absolute;
		
		
	}
	
	.modelo{
		position: absolute;
		opacity: 1;
		margin-left:0%; margin-top: -5%;/* posición inicial */
		/*animation-name: modelo;*/
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		width: 100vw;
		
	}

	.nubes_m{
		margin-top: 156%;
		background-color: transparent;
		width:100vw;
		
	}
	
	.degrade_azul_m{
		margin-top: 10%;
		background-color: transparent;
		width:100vw;
		height: auto;
}

	.botella_m {
		width:100vw;
		height: auto;
		bottom: 0px;
		
		border-bottom: 0px; 
		margin-bottom: -5px; 
		padding-top: 10px;
}

	.slide_2-textos{
		background-color:#40797b ;
		padding-top: 179%;
	}

	.titulo_slide_2{
		    
			color:white;
			font-size:6vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			pading-top:50%; 
		    margin: 0% 0% 0% 15%;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
		}
	.titulo_secundario_slide_2{
		background-color: transparent;
			color:white;
			font-size:7vw;
			font-weight: bold;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% auto;
			padding-left: 10%;
			letter-spacing: 5px;
			width: 90vw;
}
    .descripcion_normal_slide_2{
			color:white;
			font-size:4vw;
			font-style: normal;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% auto;
			animation-delay: 0.5s;
	        width: 70vw;	
		    padding:5% 0% 3%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		
	}
	.descripcion_legal_slide_2{
		   color:white;
			font-size:3vw;
			font-style: normal;
			text-align: left;
			font-family: 'Addington CF';
			margin:0% auto;
			animation-delay: 0.5s;
	        width: 70vw;	
		    padding:2% 0%;
		    line-height: 1.2em;
			letter-spacing: .03em;
		    background-color:transparent;
	}

.bartender_m{
	
}


.slide_3-textos_m{
	}

.slide_3-textos{
		background-color:#ffffff ;
		
		padding-bottom: 0%;
}

	.titulo_slide_3{
		    
			color:#277A7C;
			font-size:6vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			pading-top:50%;
			padding-left: 15%;
		    margin: 0% auto;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
		}
	.titulo_secundario_slide_3{
		background-color: transparent;
			color:#277A7C;
			font-size:7vw;
			font-weight: bold;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 10%;
		    margin: 0% auto;
			letter-spacing: 5px;
			width: 90vw;
}
    .descripcion_normal_slide_3{
			color:#000000;
			font-size:4vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin: 0% auto;
			animation-delay: 0.5s;
	        width: 70vw;	
		    padding:3% 0% 3%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		
	}
	.bartender_original-div {
      width: 100%;
      height: auto;
      background-color: transparent;
      opacity: 1;
      transform: scale(1);
      transition: opacity 0.5s, transform 0.5s;
      cursor: pointer;
	  margin-top: 2%;	
    }

    .bartender_overlay-div {
      width: 100%;
      height: auto;
      background-color: white;
      opacity: 0;
      transform: scale(0) translate(-50%, -50%);;
      transition: opacity 0.5s, transform 0.5s;
      cursor: pointer;
      position: absolute;
      margin-left: 0%;
	  z-index: 99;
      
	   
    }



	#bartender_overlayDiv {
   		opacity: 0;
 		transition: opacity 0.5s ease; 
		maring-top:50%;
	  	top:50%;	
	}

    .titulo_cocktail_slide_3{
	background-color: transparent;
	color:#277A7C;
	font-size:5vw;
	font-weight: bold;
	text-align: left;
	text-justify: center;
	font-family: 'Addington CF';
	/*position: absolute;*/
	margin:0% auto 3% ;
	padding:2% 8%; 	
	letter-spacing: 5px;
	width: 70vw;
	border-top:solid .25px #454545;
	border-bottom:solid .25px #454545;
	text-transform:uppercase;	
}

.cocktail_ul{ 
	list-style-type: none;
    margin:0% auto 3% ;
	padding:2% 15%; 	
	font-family: 'Addington CF';
	}
.cocktail_li::before{
	 content: "\2022"; /* Código Unicode para el bullet */
     color: #277A7C; /* Cambiar color del bullet a azul */
     display: inline-block;
     width: .8em;
     margin-left: 5%;
}

.cocktail_li{
	color: black; /* Cambiar color del texto a negro */
    margin-bottom: 5px; /* Espacio entre elementos de la lista */
    
}

.descripcion_cocktail_slide_3{
			color:#000000;
			font-size:3vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% auto;
			animation-delay: 0.5s;
	        width: 75vw;	
		    padding:0% 0% 5%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
			text-transform: uppercase;
		
	}



		.fondo_botonera{
		position: absolute;
		opacity: 1;
		margin-left:0%; margin-top: 0%;/* posición inicial */
		/*animation-name: modelo;*/
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		width: 100vw;
		background-color: transparent;
		z-index: -5;	
		
	}

		.slide_4_botonera {
      	display: flex;
      	justify-content: space-around;
		margin-top:35%; 
		}
		

		#slide_4_botonera {
		margin-top:0%; 
    	transition: margin-top 0.5s ease;
		width: 100%;
		height: 100%;
 		}

		#slide4_botonera_subida{
		transform: translateY(0);
      		transition: opacity 1s, transform 1s ease-in-out;	
}

			.titulo_slide_4{
		    color:white;
			font-size:5vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			padding-top:12%;
			padding-left: 12%;
		    margin: 18% auto 0%;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
			position:relative;
			
			}

			.titulo_secundario_slide_4{
			background-color: transparent;
			color:white;
			font-size:6vw;
			font-weight: normal;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 11.5%;
		    margin: 0% auto 0%;
			letter-spacing: 5px;
			width:auto;
			position:relative;
				clear:both;
			}

			.subtitulo_secundario_slide_4{
			background-color: transparent;
			color:#277A7C;
			font-size:4.5vw;
			font-weight: normal;
			text-align: center;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 5%;
		    margin: 0% auto 2%;
			letter-spacing: 3px;
			width:auto;
			position:relative;
			clear:both;
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;	
			}

		.texto_normal_slide_4{
			background-color: transparent;
			color:black;
			font-size:3.5vw;
			font-weight: normal;
			text-align: center;
			text-justify: center;
			font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 0%;
		    margin: 0% auto 0%;
			letter-spacing: .25px;
			position:relative;
			line-height: 1em;
			width: 90vw;
			
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			}

.slide_4_button {
      width: 72%;
      height: auto;
      background-color: transparent;
      color: white;
      border: none;
      cursor: pointer;
	  position:relative;
	  margin:160% 15% 10%;
	
    }
    .slide_4_active {
      background-color: blue;
    }


    .slide_4_subDiv {
      width: 100px;
      height: 100px;
      background-color: red;
      margin-top: 10px;
      opacity: 0;
      transform: scale(0);
      transition: opacity 1s, transform 1s;
    }

#slide_4_fondo2{
	transform: scale(0);
    transition: opacity 1s, transform 1s;
}

#slide4-tit_1{
	margin-top:47%;
}

#slide4-tit_2{
	margin-top: -25%;
}

#slide4-tit_3{
	margin-top: -25%;
}

#slide4-text_x_3{
	transform: scale(0);
    transition: opacity 1s, transform 1s;
	margin-top:-11%;
	margin-left: 70%;
}

.texto_refuerzo_slide_4{
			background-color: transparent;
			color:white;
			font-size:3.5vw;
			font-weight: normal;
			text-align: left;
			text-justify: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 0%;
		    margin: -70% auto 0%;
			letter-spacing: .35px;
			position:relative;
			line-height: 1.2em;
			width: 60vw;
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			}



.titulo_slide_5{
		    background-color: transparent;
			color:#277A7C;
			font-size:6vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position:absolute;*/
			pading-top:50%;
			padding-left: 15%;
		    margin: 5% auto 0%;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
		}
	.titulo_secundario_slide_5{
		background-color:transparent;
			color:#277A7C;
			font-size:7vw;
			font-weight: bold;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position:absolute;*/
			padding-left: 10%;
		    margin: 0% auto;
			letter-spacing: 5px;
			width: 90vw;
}

 .descripcion_normal_slide_5{
			color:#277A7C;
			font-size:4vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin: 0% auto;
			animation-delay: 0.5s;
	        width: 70vw;	
		    padding:3% 0% 3%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		
	}

 .descripcion_cargo_slide_5{
			color:#000;
			font-size:3vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin: 0% auto;
			animation-delay: 0.5s;
	        width: 70vw;	
		    padding:3% 0% 3%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		
	}

.director_mercadeo{
	margin:5% auto ;
	width: 80vw;
	height: auto;
	display: block;
	padding-bottom: 20%;
}



* {
  box-sizing: border-box;
margin:0px;
	padding: 0px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
	
	#slide_1_d{
	margin:0px;
	display: block;
	padding: 0px;
}
	.vista_mobile{
		display:none;
	}
	
	.vista_desktop{
		display:block;
	}
	
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
	
	.contenedor_infografia_fucsia{
	margin: 0px auto;
	padding: 0px;
	height: 100vh;
	/*position:relative;
	display: flex;*/
	justify-content: center;
	
}

	
	.vista_mobile{
		display:none;
	}
	
	.vista_desktop{
		display:block;
	}
	
	#slide_1_d{
	margin:0px;
	display: block;
	padding: 0px;
}
	
	.slide_1-textos{
		position: absolute;
		height: 0px;
		
		
	}
	

		.titulo{
			color:white;
			font-size:4vw;
			font-weight: bold;
			text-align: center;
			text-justify: center;
			font-family: 'Addington CF';
			position: absolute;
			margin-top:37.5%; margin-left: 19.5%;
			width: auto;
			animation-direction: normal;
			animation: animacion-titulo 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
			
			
			background-color: transparent;
			padding-top: 0px;
			/*animation: titulo 1.5s cubic-bezier(0.981, 0.002, 0.391, 1.212);*/
		    display:block;
			letter-spacing: 0pt;
				
	}
		 .titulo-animacion-normal {
  		animation: animacion-titulo 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}

		.titulo-animacion-reversa {
 		animation: animacion-titulo-reversa .9s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}	
		
	
	
		.titulo_secundario{
			color:white;
			font-size:7vw;
			font-weight: bold;
			text-align: center;
			text-justify: center;
			 font-family: 'Addington CF';
			position: absolute;
			margin-top:44%; margin-left: 12%;
			letter-spacing: 8px;
			animation: animacion-titulo_secudario 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
			
			background-color: transparent;
			width: auto;
	}
		 .titulo_secundario-animacion-normal {
  		animation: animacion-titulo_secudario 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}

		.titulo_secundario-animacion-reversa {
 		animation: animacion-titulo_secudario-reserva 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}
	
		.descripcion_italica{
			color:white;
			font-size:1.6vw;
			font-style: italic;
			text-align: center;
			font-family: 'Addington CF';
			position: absolute;
			margin-top:60%; margin-left: 13.4%;
			text-transform: uppercase;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
			animation: animacion-descripcion_italica 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
	}
	
		 .descripcion_italica-animacion-normal {
  		
		animation: animacion-descripcion_italica 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}

		 .descripcion_italica-animacion-reversa {
 		
		animation: animacion-descripcion_italica-reserva 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}
	
	.descripcion_normal{
			color:white;
			font-size:1.4vw;
			font-style: normal;
			text-align: center;
			font-family: 'Addington CF';
			position: absolute;
			margin-top:68%; margin-left: 10%;
			width:90%;
		    animation-delay: 0.5s;
		    animation: animacion-descripcion_normal 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
			line-height: 1.2em;
			letter-spacing: .03em;
	}
	
	 .descripcion_normal-animacion-normal {
  		animation: animacion-descripcion_normal 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}

		.descripcion_normal-animacion-reversa {
 		animation: animacion-descripcion_normal-reserva 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}
	
	.flores{
		rotate: 270deg;
		width: 360px; height: auto;
		margin-left:7%; margin-top:5.8%;
		position: absolute;
		animation: animacion-flores_normal 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
	}
	
	.flores-animacion-normal {
  		animation: animacion-flores_normal 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}

		.flores-animacion-reversa {
 		animation: animacion-flores-reserva 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}
	
	.degradado {
  position: absolute;
  top: 4%;
  bottom: 0;
  height: 21%; /* Usa 100vh para ocupar toda la altura del viewport */
  width: 100%; /* Ancho al 100% */
  background: linear-gradient(to bottom, rgba(36, 122, 124, 0), rgba(36, 122, 124, 1)); /* Degradado de color a transparente */
  background-size: 100% 60%; /* La opacidad máxima empieza desde el 30% de la altura */
  background-position: bottom;
  background-repeat: no-repeat;
	}
	


	
	.modelo{
		position: absolute;
		margin-top:4%;
		opacity: 1;
		margin-left:68%; /* posición inicial */
		animation: animacion-modelo 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		animation-timing-function: ease-in-out;
		width: 50%;
		
		
	}	
	 .modelo-animacion-normal {
  		animation: animacion-modelo 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);	 
		}

		.modelo-animacion-reversa {
 		animation: animacion-modelo-reserva 4s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);	 
		}
	
	
	.slide_2-textos{
		background-color:transparent;
		padding-top: 10%;
		opacity: 1;
	}
	
	.titulo_slide_2{
		    
			color:white;
			font-size:2vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			pading-top:0%; 
		    margin: 0% 0% 0% 10%;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
		   
		}
	.titulo_secundario_slide_2{
		background-color: transparent;
			color:white;
			font-size:3vw;
			font-weight: bold;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% auto;
			padding-left: 10%;
			letter-spacing: 5px;
			width: auto;
}
	
    .descripcion_normal_slide_2{
			color:white;
			font-size:1.2vw;
			font-style: normal;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% 10%;
			animation-delay: 0.5s;
	        width: auto;	
		    padding:5% 0% 0%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		  
		
	}
	
	.descripcion_normal_slide_2_legal{
			color:white;
			font-size:0.6vw;
			font-style: normal;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% 10%;
			animation-delay: 0.5s;
	        width: auto;	
		    padding:5% 0% 0%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		  
		
	}
	
	.barril_y_coctel{
		position: absolute;
		top:-1%;
		left: 0%;
		width: 100%;
		height: auto;
	}
	
	
	


.slide_4_fondo2 {
  position: absolute;
  top: 40%;
  left: 40%;
  width: 150px;
  height: 150px;
  background-color: red;
  transition: transform 1s;
}

	
	.slide_3-textos_m{
		width: 30%;
		height: auto;
	}

.slide_3-textos{
		background-color:#ffffff ;
		padding-top: 105%;
		padding-bottom: 0%;
}

	.titulo_slide_3{
		    
			color:#277A7C;
			font-size:3vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			pading-top:50%;
			padding-left: 20%;
		    margin: 0% auto;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
		}
	.titulo_secundario_slide_3{
		background-color: transparent;
			color:#277A7C;
			font-size:4vw;
			font-weight: bold;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 20%;
		    margin: 0% auto;
			letter-spacing: 5px;
			width: 50vw;
}
    .descripcion_normal_slide_3{
			color:#000000;
			font-size:1.5vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin: 0% auto;
			animation-delay: 0.5s;
	        width: 30vw;	
		    padding:3% 0% 3% 0%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		
	}
	.bartender_original-div {
      width: 50%;
      height: auto;
      background-color: transparent;
      opacity: 1;
      transform: scale(1);
      transition: opacity 0.5s, transform 0.5s;
      cursor: pointer;
	  margin-top: 2%;
	  	
    }
  
	.bartender_m{
		width:90% ;
		margin-top: -10%;
	}
	
	
    .bartender_overlay-div {
      width: 30%;
      height: auto;
      background-color: white;
      opacity: 0;
      transform: scale(0) translate(-50%, -50%);;
      transition: opacity 0.5s, transform 0.5s;
      cursor: pointer;
      position: absolute;
      margin-left: 0%;
	  z-index: 99;
      
	   
    }



	#bartender_overlayDiv {
   		opacity: 0;
 		transition: opacity 0.5s ease; 
		left:60%;
	  	maring-top:0%;
	  	top:41%;		
	}

    .titulo_cocktail_slide_3{
	background-color: transparent;
	color:#277A7C;
	font-size:2.5vw;
	font-weight: bold;
	text-align: left;
	text-justify: center;
	font-family: 'Addington CF';
	/*position: absolute;*/
	margin:0% auto 3% ;
	padding:2% 8%; 	
	letter-spacing: 5px;
	width: 28vw;
	border-top:solid .25px #454545;
	border-bottom:solid .25px #454545;
	text-transform:uppercase;	
}

.cocktail_ul{ 
	list-style-type: none;
    margin:0% auto 3% ;
	padding:2% 15%; 	
	font-family: 'Addington CF';
	}
.cocktail_li::before{
	 content: "\2022"; /* Código Unicode para el bullet */
     color: #277A7C; /* Cambiar color del bullet a azul */
     display: inline-block;
     width: .8em;
     margin-left: 5%;
}

.cocktail_li{
	color: black; /* Cambiar color del texto a negro */
    margin-bottom: 5px; /* Espacio entre elementos de la lista */
    
}

.descripcion_cocktail_slide_3{
			color:#000000;
			font-size:1.1vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% auto;
			animation-delay: 0.5s;
	        width: auto;	
		    padding:0% 0% 5%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
			text-transform: uppercase;
			margin-left: 11%;
		
	}


		.fondo_botonera{
		position: absolute;
		opacity: 1;
		margin-left:0%; margin-top: -10px;/* posición inicial */
		/*animation-name: modelo;*/
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		width: 100vw;
		height:auto;
		background-color: transparent;
			
			
		
	}
	
		.fondo_botonera_borde_blanco{
		position: absolute;
		opacity: 1;
		margin-left:0%; margin-top: 3px;/* posición inicial */
		/*animation-name: modelo;*/
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		width: 100vw;
		height:auto;
		background-color: transparent;
			
			
		
	}
	
	
	.slide_4_botonera {
      	display: flex;
  		flex-direction: column; /* Establece la disposición en columna */
  		align-items: center; /* Centra los elementos horizontalmente */
  		margin-top: -5%;
		margin-left:75%;
		
		
		
		}
		
	.slide_4_botonera div {
  margin-bottom: 3.5%; /* Añade espaciado entre los elementos */
}
		#slide_4_botonera {
		margin-top:40%; 
    	/*transition: margin-top 0.5s ease;*/
		width: 100%;
		height: auto;
		
		transform: translateY(15%);
	    transition: opacity 1s, transform 2.5s ease-in-out;	
 		}

			.titulo_slide_4{
		    color:white;
			font-size:3vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			padding-top:11%;
			padding-left: 8%;
		    margin: 16% auto 0%;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
			position:relative;
			
			}

	
			
			.titulo_secundario_slide_4{
			background-color: transparent;
			color:white;
			font-size:4vw;
			font-weight: normal;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 8%;
		    margin: 0% auto 0%;
			letter-spacing: 5px;
			width:auto;
			position:relative;
				clear:both;
			}

	 		.circulo_fondo_1{
				background-color: #CCD8D5;
				width: 27%;
				height: auto;
				margin-left: 8%;
				text-align: center;
				border-radius: 50%;
				opacity: 1;
			}
	
			.circulo_fondo_2{
				background-color: #CCD8D5;
				width: 28.5%;
				height: auto;
				margin-left: 8%;
				text-align: center;
				border-radius: 90%;
				transform: scale(0);
      		transition: opacity 1s, transform 1s;
				opacity: 0;
			}
	
			.circulo_fondo_3{
				background-color: #CCD8D5;
				width: 28%;
				height: auto;
				margin-left: 7.5%;
				text-align: center;
				border-radius: 50%;
				transform: scale(0);
      		transition: opacity 1s, transform 1s;
				opacity: 0;
			}
			.subtitulo_secundario_slide_4{
			background-color: transparent;
			color:#277A7C;
			font-size:2.2vw;
			font-weight: normal;
			text-align: center;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 5%;
			padding-top: 6%;
			padding-bottom: 2%;	
		    margin: 0% auto ;
			letter-spacing: 0px;
			width:90%;
			position:relative;
			clear:both;
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			text-transform: uppercase;	
			}

		.texto_normal_slide_4{
			background-color: transparent;
			color:black;
			font-size:1.5vw;
			font-weight: normal;
			text-align: center;
			text-justify: center;
			font-family: 'Addington CF';
			/*position: absolute;*/
			padding: 5% 6% 15% 6%;
		    margin: 0% auto 0%;
			letter-spacing: .25px;
			position:relative;
			line-height: 1em;
			width: 90%;
			
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			}

	.subtitulo_secundario_slide_4_3{
			background-color: transparent;
			color:#277A7C;
			font-size:1.6vw;
			font-weight: normal;
			text-align: center;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 5%;
			padding-top: 10%;	
		    margin: 0% auto ;
			letter-spacing: 0px;
			width:65%;
			position:relative;
			clear:both;
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			text-transform: uppercase;	
			}

		.texto_normal_slide_4_3{
			background-color: transparent;
			color:black;
			font-size:1.1vw;
			font-weight: normal;
			text-align: center;
			text-justify: center;
			font-family: 'Addington CF';
			/*position: absolute;*/
			padding: 5% 6% 15% 6%;
		    margin: 0% auto 0%;
			letter-spacing: .25px;
			position:relative;
			line-height: 1em;
			width: 60%;
			
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			}
		
.slide_4_button {
      width: 60%;
      height: auto;
      background-color: transparent;
      color: white;
      border: none;
      cursor: pointer;
	  position:relative;
	  margin:0% 15% 10%;
	
    }
    .slide_4_active {
      background-color:transparent;
    }


    .slide_4_subDiv {
      width: 100px;
      height: 100px;
      background-color: red;
      margin-top: 10px;
      opacity: 0;
      transform: scale(0);
      transition: opacity 1s, transform 1s;
    }

#slide_4_fondo2{
	transform: translateY(260%);
	opacity: 0;
     transition: opacity 1s, transform 2.5s ease-in-out;
	background-color:transparent;
	}
	
	

#slide4-tit_1{
	margin-top:-75%;
	
}
   	
#slide4-tit_2{
	margin-top: -25%;
}
	#circulo_fondo2{
		margin-top: -27%;
	}
	
#slide4-tit_3{
	margin-top: -25%;
}

	#circulo_fondo3{
		margin-top: -50%;
	}
	.numero_grande{
			font-size: 2em;	
			}
#slide4-text_x_3{
	transform: scale(0);
    transition: opacity 1s, transform 1s;
	margin-top:-14%;
	margin-left:75%;
}

.texto_refuerzo_slide_4{
			background-color: transparent;
			color:white;
			font-size:1.4vw;
			font-weight: normal;
			text-align: left;
			text-justify: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 0%;
		    margin: 0% auto 0%;
			letter-spacing: .35px;
			position:relative;
			line-height: 1.2em;
			width: 25vw;
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			}

	
	
.titulo_slide_5{
		    background-color: transparent;
			color:#277A7C;
			font-size:3vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position:absolute;*/
			pading-top:50%;
			padding-left: 15%;
		    margin: 30% auto 0%;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
		}
	.titulo_secundario_slide_5{
		background-color:transparent;
			color:#277A7C;
			font-size:4vw;
			font-weight: bold;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position:absolute;*/
			padding-left: 10%;
		    margin: 0% auto;
			letter-spacing: 5px;
			width: 90vw;
}

 .descripcion_normal_slide_5{
			color:#277A7C;
			font-size:2vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin: 0% 0% 0% 15%;
			animation-delay: 0.5s;
	        width: 30vw;	
		    padding:3% 0% 3% ;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		
	}

 .descripcion_cargo_slide_5{
			color:#000;
			font-size:1.3vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin: 0% 0% 0% 15%;
			animation-delay: 0.5s;
	        width: 30vw;	
		    padding:3% 0% 3%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		
	}

.director_mercadeo{
	margin:-35% 55% 0% ;
	padding: 0%;
	width: 40vw;
	height: auto;
	display: block;
	
	
}

.botella_desktop {
  position: absolute;
  top: 43%;
  left: 15%;
  transform: rotate(-15deg) scale(1); 
  transition: transform 1.5s cubic-bezier(0.981, 0.002, 0.391, 1.212);
  width: 18%;
	margin-left:0%;
	margin-top:0%;
  	
	}

.botella_desktop_bartender {
  position: absolute;
  top: 7.3%;
  left: 37%;
  transition: transform 1.5s cubic-bezier(0.981, 0.002, 0.391, 1.212);
  width: 32%;
  margin-left:0%;
  margin-top:-5%;
  }	
	
.rotacion_cero {
  transform: rotate(0deg) ;
  width: 18%;	 
  opacity: 1;  
}

	

}


@keyframes animacion_botella_color_3 {
	0%   {
	  	background-color: green;
		}
	100%   {
	  	background-color: gray
		}
}

@keyframes animacion-modelo {
   0%   {
	  	opacity: 0;
		margin-left:70%;
		}
   25%   {
	  	opacity: 0;
		margin-left:70%;
		}		
  100% {
	    opacity: 1;
	    margin-left: 50%;
		}
	}


@keyframes animacion-modelo-reserva {
   0%   {
	  	opacity: 1;
	    margin-left: 50%;
		}
   25%   {
	  	opacity: 0;
		margin-left:70%;
		}		
  100% {
	    opacity: 0;
		margin-left:70%;
		}
	}


		
@keyframes animacion-titulo {
 	from{
	  	opacity: 0;
		margin-top:20%;
		
		}
   
  to {
	    opacity: 1;
	    margin-top: 37.5%;
	  
	  
		}
}


@keyframes animacion-titulo-reversa {
 	from{
	  	opacity: 1;
	    margin-top: 37.5%;

		}
   
  to {
	    opacity: 0;
		margin-top:20%;	  
	
		}
}



@keyframes animacion-titulo_secudario {
 	0%{
	  	opacity: 0;
		margin-top:65%;
		}
   
  100% {
	    opacity: 1;
	    margin-top:44%;
		}
}

@keyframes animacion-titulo_secudario-reserva {
 	0%{
	 	 opacity: 1;
	    margin-top:44%;
		}
   
  100% {
	    opacity: 0;
		margin-top:65%;
		}
}

@keyframes animacion-descripcion_italica {
 	0%{
	  	opacity: 0;
		margin-top:75%;
		}
   
  100% {
	    opacity: 1;
	    margin-top:60%;
		}
}

@keyframes animacion-descripcion_italica-reserva {
 	0%{
	  	opacity: 1;
	    margin-top:60%;
		}
   
  100% {
	    
	  	opacity: 0;
		margin-top:75%;
		}
}

@keyframes animacion-descripcion_normal {
 	0%{
	  	opacity: 0;
		margin-top:85%;
		}
   
  100% {
	    opacity: 1;
	   margin-top:68%;
		}
}


@keyframes animacion-descripcion_normal-reserva {
 	0%{
	   opacity: 1;
	   margin-top:68%;
		}
   
  100% {
	    opacity: 0;
		margin-top:85%;
		}
}


@keyframes animacion-flores_normal{
 	0%{
	  	opacity: 0;
		margin-left:-5%;
		}
   
  100% {
	    opacity: 1;
	    margin-left:7%;
		}
}


@keyframes animacion-flores-reserva {
 	0%{
	   opacity: 1;
	    margin-left:7%;
		}
   
  100% {
	    opacity: 0;
		margin-left:-5%;
		}
}


@media only screen and (max-width: 1366px) {
	
	.vista_mobile{
		display:none;
	}
	
	.vista_desktop{
		display:block;
	}
	
	
	.slide_1-textos{
		position: absolute;
		height: 0px;
		
		
	}
	

		.titulo{
			color:white;
			font-size:4vw;
			font-weight: bold;
			text-align: center;
			text-justify: center;
			font-family: 'Addington CF';
			position: absolute;
			margin-top:37.5%; margin-left: 19.5%;
			width: auto;
			animation-direction: normal;
			animation: animacion-titulo 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
			
			
			background-color: transparent;
			padding-top: 0px;
			/*animation: titulo 1.5s cubic-bezier(0.981, 0.002, 0.391, 1.212);*/
		    display:block;
			letter-spacing: 0pt;
				
	}
		 .titulo-animacion-normal {
  		animation: animacion-titulo 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}

		.titulo-animacion-reversa {
 		animation: animacion-titulo-reversa .9s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}	
		
	
	
		.titulo_secundario{
			color:white;
			font-size:7vw;
			font-weight: bold;
			text-align: center;
			text-justify: center;
			 font-family: 'Addington CF';
			position: absolute;
			margin-top:44%; margin-left: 12%;
			letter-spacing: 8px;
			animation: animacion-titulo_secudario 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
			
			background-color: transparent;
			width: auto;
	}
		 .titulo_secundario-animacion-normal {
  		animation: animacion-titulo_secudario 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}

		.titulo_secundario-animacion-reversa {
 		animation: animacion-titulo_secudario-reserva 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}
	
		.descripcion_italica{
			color:white;
			font-size:1.6vw;
			font-style: italic;
			text-align: center;
			font-family: 'Addington CF';
			position: absolute;
			margin-top:60%; margin-left: 13.4%;
			text-transform: uppercase;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
			animation: animacion-descripcion_italica 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
	}
	
		 .descripcion_italica-animacion-normal {
  		
		animation: animacion-descripcion_italica 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}

		 .descripcion_italica-animacion-reversa {
 		
		animation: animacion-descripcion_italica-reserva 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}
	
	.descripcion_normal{
			color:white;
			font-size:1.4vw;
			font-style: normal;
			text-align: center;
			font-family: 'Addington CF';
			position: absolute;
			margin-top:68%; margin-left: 10%;
			width:90%;
		    animation-delay: 0.5s;
		    animation: animacion-descripcion_normal 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
			line-height: 1.2em;
			letter-spacing: .03em;
	}
	
	 .descripcion_normal-animacion-normal {
  		animation: animacion-descripcion_normal 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}

		.descripcion_normal-animacion-reversa {
 		animation: animacion-descripcion_normal-reserva 1.5s forwards cubic-bezier(0.981, 0.002, 0.391, 1.212);
		}
	
	
	
	
	.slide_2-textos{
		background-color:transparent;
		padding-top: 10%;
		opacity: 1;
	}
	
	.titulo_slide_2{
		    
			color:white;
			font-size:2vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			pading-top:0%; 
		    margin: 0% 0% 0% 10%;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
		   
		}
	.titulo_secundario_slide_2{
		background-color: transparent;
			color:white;
			font-size:3vw;
			font-weight: bold;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% auto;
			padding-left: 10%;
			letter-spacing: 5px;
			width: auto;
}
	
    .descripcion_normal_slide_2{
			color:white;
			font-size:1.2vw;
			font-style: normal;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% 10%;
			animation-delay: 0.5s;
	        width: auto;	
		    padding:5% 0% 0%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		  
		
	}
	
	
	.descripcion_normal_slide_2_legal{
			color:white;
			font-size:0.8vw;
			font-style: normal;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% 10%;
			animation-delay: 0.5s;
	        width: auto;	
		    padding:5% 0% 0%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		  
		
	}
	
	

	
	.slide_3-textos_m{
		width: 30%;
		height: auto;
	}

.slide_3-textos{
		background-color:#ffffff ;
		padding-top: 105%;
		padding-bottom: 0%;
}

	.titulo_slide_3{
		    
			color:#277A7C;
			font-size:3vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			pading-top:50%;
			padding-left: 20%;
		    margin: 0% auto;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
		}
	.titulo_secundario_slide_3{
		background-color: transparent;
			color:#277A7C;
			font-size:4vw;
			font-weight: bold;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 20%;
		    margin: 0% auto;
			letter-spacing: 5px;
			width: 50vw;
}
    .descripcion_normal_slide_3{
			color:#000000;
			font-size:1.5vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin: 0% auto;
			animation-delay: 0.5s;
	        width: 30vw;	
		    padding:3% 0% 3% 0%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		
	}
	




.descripcion_cocktail_slide_3{
			color:#000000;
			font-size:1.1vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin:0% auto;
			animation-delay: 0.5s;
	        width: auto;	
		    padding:0% 0% 5%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
			text-transform: uppercase;
			margin-left: 11%;
		
	}


		.fondo_botonera{
		position: absolute;
		opacity: 1;
		margin-left:0%; margin-top: 0px;/* posición inicial */
		/*animation-name: modelo;*/
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		width: 100vw;
		height:auto;
		background-color: transparent;
			
			
		
	}
	
		.fondo_botonera_borde_blanco{
		position: absolute;
		opacity: 1;
		margin-left:0%; margin-top: 3px;/* posición inicial */
		/*animation-name: modelo;*/
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		width: 100vw;
		height:auto;
		background-color: transparent;
			
			
		
	}
	
	
	.slide_4_botonera {
      	display: flex;
  		flex-direction: column; /* Establece la disposición en columna */
  		align-items: center; /* Centra los elementos horizontalmente */
  		margin-top: -5%;
		margin-left:75%;
		
		
		
		}
		
	.slide_4_botonera div {
  margin-bottom: 3.5%; /* Añade espaciado entre los elementos */
}
		#slide_4_botonera {
		margin-top:40%; 
    	/*transition: margin-top 0.5s ease;*/
		width: 100%;
		height: auto;
		
		transform: translateY(15%);
	    transition: opacity 1s, transform 2.5s ease-in-out;	
 		}

			.titulo_slide_4{
		    color:white;
			font-size:3vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			padding-top:11%;
			padding-left: 8%;
		    margin: 16% auto 0%;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
			position:relative;
			
			}

	
			
			.titulo_secundario_slide_4{
			background-color: transparent;
			color:white;
			font-size:4vw;
			font-weight: normal;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 8%;
		    margin: 0% auto 0%;
			letter-spacing: 5px;
			width:auto;
			position:relative;
				clear:both;
			}

	 		.circulo_fondo_1{
				background-color: #CCD8D5;
				width: 27%;
				height: auto;
				margin-left: 8%;
				text-align: center;
				border-radius: 50%;
				opacity: 1;
			}
	
			.circulo_fondo_2{
				background-color: #CCD8D5;
				width: 28.5%;
				height: auto;
				margin-left: 8%;
				text-align: center;
				border-radius: 90%;
				transform: scale(0);
      		transition: opacity 1s, transform 1s;
				opacity: 0;
			}
	
			.circulo_fondo_3{
				background-color: #CCD8D5;
				width: 28%;
				height: auto;
				margin-left: 7.5%;
				text-align: center;
				border-radius: 50%;
				transform: scale(0);
      		transition: opacity 1s, transform 1s;
				opacity: 0;
			}
			.subtitulo_secundario_slide_4{
			background-color: transparent;
			color:#277A7C;
			font-size:2.2vw;
			font-weight: normal;
			text-align: center;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 5%;
			padding-top: 6%;
			padding-bottom: 2%;	
		    margin: 0% auto ;
			letter-spacing: 0px;
			width:90%;
			position:relative;
			clear:both;
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			text-transform: uppercase;	
			}

		.texto_normal_slide_4{
			background-color: transparent;
			color:black;
			font-size:1.5vw;
			font-weight: normal;
			text-align: center;
			text-justify: center;
			font-family: 'Addington CF';
			/*position: absolute;*/
			padding: 5% 6% 15% 6%;
		    margin: 0% auto 0%;
			letter-spacing: .25px;
			position:relative;
			line-height: 1em;
			width: 90%;
			
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			}

	.subtitulo_secundario_slide_4_3{
			background-color: transparent;
			color:#277A7C;
			font-size:1.6vw;
			font-weight: normal;
			text-align: center;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 5%;
			padding-top: 10%;	
		    margin: 0% auto ;
			letter-spacing: 0px;
			width:65%;
			position:relative;
			clear:both;
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			text-transform: uppercase;	
			}

		.texto_normal_slide_4_3{
			background-color: transparent;
			color:black;
			font-size:1.1vw;
			font-weight: normal;
			text-align: center;
			text-justify: center;
			font-family: 'Addington CF';
			/*position: absolute;*/
			padding: 5% 6% 15% 6%;
		    margin: 0% auto 0%;
			letter-spacing: .25px;
			position:relative;
			line-height: 1em;
			width: 60%;
			
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			}
		
.slide_4_button {
      width: 60%;
      height: auto;
      background-color: transparent;
      color: white;
      border: none;
      cursor: pointer;
	  position:relative;
	  margin:0% 15% 10%;
	
    }
    .slide_4_active {
      background-color:transparent;
    }


    .slide_4_subDiv {
      width: 100px;
      height: 100px;
      background-color: red;
      margin-top: 10px;
      opacity: 0;
      transform: scale(0);
      transition: opacity 1s, transform 1s;
    }

#slide_4_fondo2{
	transform: translateY(260%);
	opacity: 0;
     transition: opacity 1s, transform 2.5s ease-in-out;
	background-color:transparent;
	}
	
	

#slide4-tit_1{
	margin-top:-90%;
	
}
   	
#slide4-tit_2{
	margin-top: -25%;
}
	#circulo_fondo2{
		margin-top: -27%;
	}
	
#slide4-tit_3{
	margin-top: -25%;
}

	#circulo_fondo3{
		margin-top: -50%;
	}
	.numero_grande{
			font-size: 2em;	
			}
#slide4-text_x_3{
	transform: scale(0);
    transition: opacity 1s, transform 1s;
	margin-top:-19%;
	margin-left:75%;
}

.texto_refuerzo_slide_4{
			background-color: transparent;
			color:white;
			font-size:1.4vw;
			font-weight: normal;
			text-align: left;
			text-justify: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			padding-left: 0%;
		    margin: 0% auto 0%;
			letter-spacing: .35px;
			position:relative;
			line-height: 1.2em;
			width: 25vw;
			opacity: 0;
      		transform: scale(0);
      		transition: opacity 1s, transform 1s;
			}

	
	
.titulo_slide_5{
		    background-color: transparent;
			color:#277A7C;
			font-size:3vw;
			font-style: italic;
		    text-align: left;
			font-family: 'Addington CF';
			/*position:absolute;*/
			pading-top:50%;
			padding-left: 15%;
		    margin: 30% auto 0%;
			letter-spacing: 4.5px;
			width:auto;
			animation-delay: 0.2s;
		}
	.titulo_secundario_slide_5{
		background-color:transparent;
			color:#277A7C;
			font-size:4vw;
			font-weight: bold;
			text-align: left;
			text-justify: center;
			 font-family: 'Addington CF';
			/*position:absolute;*/
			padding-left: 10%;
		    margin: 0% auto;
			letter-spacing: 5px;
			width: 90vw;
}

 .descripcion_normal_slide_5{
			color:#277A7C;
			font-size:2vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin: 0% 0% 0% 15%;
			animation-delay: 0.5s;
	        width: 30vw;	
		    padding:3% 0% 3% ;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		
	}

 .descripcion_cargo_slide_5{
			color:#000;
			font-size:1.3vw;
			font-style:normal;
			font-weight:100;
			text-align: left;
			font-family: 'Addington CF';
			/*position: absolute;*/
			margin: 0% 0% 0% 15%;
			animation-delay: 0.5s;
	        width: 30vw;	
		    padding:3% 0% 3%;
		    line-height: 1.2em;
			letter-spacing: .03em;
			background-color:transparent;
		
	}

.director_mercadeo{
	margin:-35% 55% 0% ;
	padding: 0%;
	width: 40vw;
	height: auto;
	display: block;
	
	
}

	
	
}


