/*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: 100px;
}

.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{
	width: 100vw;
	height: auto;
}


.slide_3-textos_m{
	}

.slide_3-textos{
		background-color:#ffffff ;
		padding-top: 5%;
		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:0%;
	  	top:52%;	
	}

    .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;
		
	}

		.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%;
 		}

			.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;	
			}

			.numero_grande{
			font-size: 2.5em;	
			}
			
		.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:44%;
}

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

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

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

.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%;}
	
	.vista_mobile{
		display:none;
	}
	
	.vista_desktop{
		display:block;
	}
	
	
	
}


@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%;
		}
}