/* Animación secuencial en pantallas grandes */
@media (min-width: 769px) {
    .itemBubble.envista:nth-child(1) .txtBubble,
    .itemBubble.envista:nth-child(1) .titBubble {
        transition-delay: 0s;
    }
    .itemBubble.envista:nth-child(2) .txtBubble,
    .itemBubble.envista:nth-child(2) .titBubble {
        transition-delay: 0.3s;
    }
    .itemBubble.envista:nth-child(3) .txtBubble,
    .itemBubble.envista:nth-child(3) .titBubble {
        transition-delay: 0.6s;
    }
    .itemBubble.envista:nth-child(4) .txtBubble,
    .itemBubble.envista:nth-child(4) .titBubble {
        transition-delay: 0.9s;
    }
/*
    
    .grupoGotas::before {
		content: '';
		position: sticky;
		top: 0;
		width: 100%;
		left: 0;
		background: #FFF;
		//height: 220px;
		height: 32vh;
		z-index: 92;
		display: block;
    }
    
    .grupoGotas {
		position: relative;
	}
*/

}

@media (max-width: 768px) {
    .itemBubble.envista .txtBubble,
    .itemBubble.envista .titBubble {
        transition-delay: 0s;
    }
    
    .menuDeskTop {
        display: none;
    }
	
	.menuMobile {
		display: flex;
	}
	
	h1.tituloPrin {
		font-size: 38px;
		text-align: center;
		padding: 15px;
	}
	
	p.ttxtHomePr {
		padding: 15px;
	}
	
	.btnGenTransp {
		font-size: 18px;
	}
/*
	
	.conteidoBotellaAnn {
		flex-direction: column;
		justify-content: start;
		align-items: center;
		position: relative;
		height: auto;
	}
	
	.contAnimBotl {
		display: none;
	}
	
	div#Botella {
		background: #FFF;
		min-height: auto;
	}
	
	.animBotella svg {
		height: auto !important;
	}
	
	.boxAnnBotella {
		padding: 35px 15px;
		width: 100%;
	}

	.contentInfoAnimBotella {
		margin: 25px auto;
	}
*/

	div#Botella {
		min-height: 60vh;
	}

	.boxAnnBotella {
		flex: 2;
		padding: 15px;
	}
	
	.conteidoBotellaAnn {
		position: relative;
		display: block;
		height: auto;
        padding-bottom: 250px;
	}
	
	.contentInfoAnimBotella {
		margin: 0 auto;
	}
	
	.animBotella svg {
		margin-left: -15%;
	}
	
	.bodyModoConsu {
		max-width: 100%;
	}
	
	.contAnimBotl {
		display: none;
	}

    .animBotella {
        width: 100%;
    }
    
	.container.contentBubbles {
		flex-direction: column;
		height: auto;
	}
	
	.boxBubbles {
		flex-direction: column;
		align-items: center;
	}
	
	.tituloAnimBotella {
		font-size: 25px;
		margin-bottom: 15px;
	}
	
	.textAnimBotella {
		font-size: 16px;
	}
	
	.itemBubble {
		padding: 15px 35px;
		max-width: initial;
		text-align: center;
	}
	
	.boxBeneficios .itemBubble {
		max-width: initial;
	}
	
	img.imgBubble {
		width: 80%;
	}
	
	.titBubble {
		font-size: 26px;
	}
	
	.txtBubble {
		font-size: 20px;
	}
	
	.boxInfoBienestar {
		padding: 15px;
	}
	
	.tituloInfoBienestar {
		font-size: 50px;
	}

	.textoInfoBienestar {
		font-size: 22px;
	}
	
	footer {
		padding-top: 40vh;
	}
	
	ul.listadoLinksFooter {
		text-align: center;
		margin: 30px auto 15px;
	}
	
	a.linksFooter {
		display: flex;
		justify-content: center;
		flex-direction: column-reverse;
	}
	
	a.linksFooter svg.icon {
		display: block;
		margin: 0 auto;
		height: 28px;
		margin-top: 15px;
	}
	
	p.txtFooter {
		font-size: 20px;
	}
	
	.container-fluid.barraMobile {
		align-items: flex-start;
		padding-top: 15px;
	}
	
	.moodWhite .navbar-light .navbar-toggler {
		color: #0C1637;
		border: 0;
	}
	
	.itemGotas {
		flex-direction: column;
	}
	
	.imagenGota {
		width: 100%;
        height: 320px;
        position: sticky;
        left: 0;
        top: 0;
        background: #FFF;
	}
	
	.bodyGota {
		width: 100%;
		text-align: center;
	}
	
	h3.tituloGota {
		font-size: 30px;
		margin-bottom: 15px;
	}
	
	.boxBeneficio {
		padding: 60px 25px;
	}
	
	h3.tituloBeneficio {
		font-size: 30px;
	}

/*
	.boxModConsu {
		flex-direction: column;
	}
*/
	
	.contentModoConsu {
		flex: 2;
	}
	
	.primerParrModoConsu {
		font-size: 20px;
	}

	h1.tituloModCons {
		font-size: 26px;
	}

	p.bolPModCons {
		font-size: 20px;
	}

	h3.subtModCons {
		font-size: 22px;
	}
	img.botellaSimu {
		width: 100%;
	}
	
	.boxBotellaInt .conentAnimBotGir {
		width: 320%;
		margin-left: -140%;
	}
	
/*
	.boxBotellaInt {
		background: rgb(104, 148, 192);
		background: linear-gradient(180deg, rgba(104, 148, 192, 1) 0%, rgba(113, 154, 196, 1) 22%, rgba(130, 164, 200, 1) 24%, rgba(209, 222, 234, 1) 54%, rgba(194, 210, 224, 1) 100%);
	}
*/
	
	.fondoGradBotes {
		display: none;
	}
	
	.content {
        display: none;
    }
    
    .location-box {
		width: calc(100% - 70px);
	}
	
	.boxContactoGen {
		height: 100%;
		flex-direction: column;
	}

	.formContacto, .infoContacto {
		flex: none;
		width: 100%;
	}
	
	form#formContacto textarea, form#formContacto input {
		max-width: none;
	}
	
	button#enviarBtn {
		display: block;
		margin: 15px auto;
	}

	#btnBuscarLoc span {
		display: none;
	}

	#btnBuscarLoc i {
		display: block;
	}
	
	.conNosotros {
		display: block;
	}
	
	.sticky-container {
        margin: 0 auto;
		max-width: 120px;
        top: 15vh;
    }
}