@import url('https://fonts.cdnfonts.com/css/swiss-721');
.container{
    max-width: 1140px;
    position: relative; 
font-family: "Fuente HelveticaNeueLTS", Sans-serif;
    font-weight: 600;
} 
.slider-container {
    width: 100vw;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    background: #222;
    display: flex;
    align-items: center;
}

.slider-track {
    display: flex;
    width: max-content;
    height: 60vh;
    align-items: center;
    will-change: transform; 
}

.slider-track .slide {
    width: 100vw; 
    margin: 0 0vw; 
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem; 
    user-select: none;
}
.slider-track .slide .container{
    max-width: 968px;
}
.slider-track .slide .divbotellas {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
 

.animationhome{
    font-size: 80px;
    font-family: "Fuente HelveticaNeueLTS", Sans-serif;
    background: linear-gradient(to bottom, #4FA2FE, #0068FD); 
	padding-top: 100px !important;
    
} 
.animationhome .botellafila{
    position: absolute;
    width: 100%; 

}
.animationhome .container{ 
    justify-content: center; 
}
.animationhome .contextafter{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    width: 100%;
    top: 114px;
}
.animationhome .contextafter .container{
	max-width:1200px;
}
.animationhome .contextafter .divcont{
    max-width: 485px;
}
.animationhome .contextafter h3{
    font-size: 40px;
    color:#fff;
	font-weight:900;
}
.animationhome .contextafter p{
    font-size: 40px;
}
.animationhome .contextafter p a{
    font-size: 18px;
    background: #FFE951;
    color: #4E81E6;
    border-color: #FFE951;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
}
.animationhome .contextafter .divcont.amarillo h3,
.animationhome .contextafter .divcont.rosado h3{
    color: #222323;
}
.animationhome .contextafter .divcont.amarillo p a{
    background: #057AFE;
    color: #fff;
}
.animationhome .contextafter .divcont.rosado p a{
    background: #FF2F6D;
    color: #fff;
}

.animationhome .contbotella{ 
    color: #FFE951;
    width: 100%; 
    margin-right: -150px;
    padding-top: 150px;
}
.animationhome .divcontbotella{
    text-align: center;
    position: relative;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.animationhome .divcontbotella img{
    position: relative;
    max-width: 100%;
}
.animationhome .divbotellas{
    display: flex;
    inset: 0; 
    text-align: center;
    justify-content: center;
    align-items: center; 
    padding-left: 14%;
    padding-right: 11px;
    /* position: absolute; */
    min-height: 100vh;
    color: #FFE951;
} 
.animationhome .divbotellas.amarillo { z-index: 3;  }
.animationhome .divbotellas.morado   { z-index: 2; color: #4E81E6; }
.animationhome .divbotellas.rosado   { z-index: 1; color: #FF2F6D; }


.divbotellas .text1 , .text2 , .text3{
    font-size: 45px;
    font-weight: 600;
    position: relative;
    max-width: 200px;
    line-height: 36px;
}

.amarillo .text1 {
    top: 100px;
    left: 93px;
}

.bottle {
  width: 100%;
    left: 10px;
}

.imgb {
	z-index:1900;
}

.amarillo .text1{
    position: relative;
    top:00px;
    left: 90px;
}
.amarillo .text1 img{
  position: relative;
    left: -87px;
    top: 34px;
}

.amarillo .text2{
   position: relative;
    top: -135px;
    left: 130px;
}
.amarillo .text2{
    position: relative;

}
.amarillo .text2 img{
    position: absolute;
    right: 280px;
    top: -45px;
}

.text3{
    position: relative;
    top: -10px;
    right: 40px;
}

.amarillo .text3 img{
     position: relative;
    right: 159px !important;
    top: 105px !important;
    width: 150px;
}
.fucsia .text1 {
       position: relative !important;
    top: 131px;
    left: 55px;
}

.fucsia .text1 img{
       position: relative !important;
    top: 71px !important;
    left: 120px !important;
    width: 108px;
}



.fucsia .text2 {
    position: relative;
    left: -60px;
	text-align:left;
}

.fucsia .text2 img {
     position: absolute;
    left: -154px;
    top: -78px !important;
    width: 150px;
}

.rosado .text1 {
       position: relative !important;
    left:72px;
    top: 172px;
}

.rosado .text1 img {
      left: 170px !important;
    top: -74px !important;
    transform: rotate(-22deg) !important;
    width: 163px !important;
}

.rosado .text2 {
position: relative !important;
    left: -144px;
    top: -170px;
}

.rosado .text2 img {
    left: -126px !important;
    top: -68px;
    transform: rotate(23deg)!important;
}

.morado .text1 {
     position: relative !important;
    top: 158px;
    left: 109px;
}

.morado .text1 img{
      left: 97px !important;
    top: -62px !important;
    transform: rotate(49deg);
    min-width: 171px;

}

.morado .text2 {
position: relative !important;
    top: -138px !important;
    left: -98px !important;
    text-align: left;
}

.morado .text2 img{
    position: relative;
    left: -175px !important;
    top:130px!important;

}


.animationhome .text1{
    position: relative;
}
.animationhome .text1 img{
position: absolute;
    left: -85px;
    top: -36px;
}
.animationhome .text2{
    position: relative;
}
.animationhome .text2 img{
    position: absolute;
    right: 199px;
    top: -79px;
}

.amarillo .text2 img {
	    right: 199px;
    top: -38px;
	    width: 120px;
}

.animationhome .botella{
    position: relative;
    margin-left: -82px;
    margin-right: -82px;
}
.animationhome .botella  .imgb{
    visibility: hidden;
}
.animationhome .divbotellas.morado .text1 img{
      left: 101px !important;
    top: -55px !important;
    transform: rotate(82deg);
}
.animationhome .divbotellas.morado .text2 img{
      left: -174px !important;
    top: -69px !important;
    transform: rotate(50deg);
}
.animationhome .divbotellas.rosado{
    margin-left: -38px;
}
.animationhome .divbotellas.rosado .text1 img{
    left: -141px;
    top: -126px;
    transform: rotate(-74deg);
}
.animationhome .divbotellas.rosado .text2 img{
 left: -98px !important;
    top: -69px;
    width: 111px;
    transform: rotate(-49deg);
}

.animationhome .botella .ico{
    position: absolute;
    bottom: 49px;
    left: -8px;
}
.animationhome .divbotellas.rosado .botella .ico{
    bottom: 75px;
    left: -28px;
    transform: rotate(-88deg);
}

.marquee{ 
    position:relative; 
    overflow:hidden; 
    width:100%; 
    color:#222323;
    font-family: 'Swiss 721', sans-serif;
    padding-top: 40px;
    padding-bottom: 40px;
}
.marquee__track{ display:flex; width:max-content; }
.marquee__track span span{
    color:#D3D3D3;
    padding-left: 30px;
    padding-right: 30px;
}
.marquee__content{ white-space:nowrap; padding-right:2rem; font:700 3.5rem/1.2 system-ui, sans-serif; letter-spacing:.03em; }
 
.afterdirectoatupuerta{
    padding-top: 100px;
    padding-bottom: 100px;
} 
.afterdirectoatupuerta .conttextafter{
    padding-bottom: 100px;
    padding-top: 100px;
}
.afterdirectoatupuerta .conttextafter h2{
    font-size: 40px;
  font-family: "Fuente HelveticaNeueLTS", Sans-serif;
    font-weight: 600;
}
.afterdirectoatupuerta .conttextafter p{
    font-size: 18px;
    padding-top: 30px;
    font-weight: 400;
}
.afterdirectoatupuerta .contentend{
        align-content: end;
}

.afterdirectoatupuerta .contentend h2{
    font-size: 40px;
  font-family: "Fuente HelveticaNeueLTS", Sans-serif;
    font-weight: 600;
	}
.afterdirectoatupuerta .contentend p{
    font-size: 18px;
    padding-top: 30px;
    font-weight: 400;
}
.afterdirectoatupuerta .contenbotellas{
    text-align: right;
    position: relative;
    right: -54px;
    padding-top: 166px;
}
.afterdirectoatupuerta .contenbotellas img.rosada{
    position: absolute;
    bottom: 72px;
    left: -37px;
    z-index: 5;
    max-width: 180px;
    transform: rotate(19deg);
}
.afterdirectoatupuerta .contenbotellas img.morado{
    max-width: 180px;
    transform: rotate(199deg) !important;
    position: relative;
    left: -169px; 
}
.afterdirectoatupuerta .contenbotellas img.amazon{
    position: absolute;
    z-index: 2;
    left: -80px;
    top: 366px;
}
.afterdirectoatupuerta .text1 {
    padding-top: 100px;
}
.afterdirectoatupuerta .text1 .bebdiahidratante{
    padding-top: 250px;
	font-size:22px;
}
.afterdirectoatupuerta .text1 .bebdiahidratante{
       max-width: 304px;
    font-size: 20px;
    font-weight: 400;
    font-family: Helvetica;
    margin-left: 194px;
} 
.afterdirectoatupuerta .text1 .beneficiosreales h3{
    font-size: 40px;
    max-width: 343px;
     font-family: "Fuente HelveticaNeueLTS", Sans-serif;
    font-weight: 600;
}
.afterdirectoatupuerta .text2{
    margin-top: 250px;
}
.afterdirectoatupuerta .text2 .verde{
    visibility: hidden;
}
.afterdirectoatupuerta .text2 .electrolitos{
     align-content: end;
       font-size: 20px;
    font-weight: 400;
    font-family: Helvetica;
    min-width: 206px;
    line-height: 20px;
    position: absolute;
    left: 200px;
	
}
.afterdirectoatupuerta .text2 .ingredientesnaturales{
     align-content: center;
    font-size: 20px;
    font-weight: 400;
    font-family: Helvetica;
    position: absolute;
    left: 671px !important;
    top: -177px;
    min-width: 400px;
}
.amimationboletella .queesafter{ 
    
    align-content: center;  
    position: relative;
    z-index: 10;
	background: url("https://itsafter.com/wp-content/uploads/2025/08/Que-que-es-after.png");
    background-size: cover;
    background-position: bottom right;
	min-height: 657px;
	border-radius: 70px;
    z-index: 100;
}
.amimationboletella .queesafter .container{
    max-width: 1300px;
    padding-left: 100px;
}
.amimationboletella .queesafter .text{
    color: #F4FC6E;
    padding-top: 100px;
    padding-bottom: 100px;
    font-size: 18px;
    max-width: 624px;
}
.amimationboletella .queesafter .text h3{
	font-family: "Swis 721", Sans-serif;
    font-size: 52px;
    margin-bottom: 40px;
}
.amimationboletella .queesafter .text p{
	font-family: "Helvetica", sans-serif;
    font-weight: normal;
}
.amimationboletella .queesafter .text a{
    font-family: "Swis 721", Sans-serif;
    background-color: #FF2F6D;
    color: #F4FC6E;
    border-radius: 50px;
    font-size: 22px;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    border-color: #FF2F6D;
}
.amimationboletella .beneficionporingredientes{
    padding-top: 80px;
    padding-bottom: 150px;
    position: relative;
    z-index: 10;
}
.amimationboletella .beneficionporingredientes .container{
    max-width: 1200px;
}
.amimationboletella .beneficionporingredientes h2{
    text-align: center;
    font-size: 40px;
    margin-bottom: -20px;
    font-family: "Fuente HelveticaNeueLTS", Sans-serif;
    font-weight: 600;
    position: relative;
    z-index: 10;
}

.amimationboletella .beneficionporingredientes .col{
    align-content: center;
}
.amimationboletella .beneficionporingredientes .col.izq{
    text-align: right;
}
.amimationboletella .beneficionporingredientes h3{
	font-family: "Swis 721", Sans-serif;
    font-size: 30px;
    color: #949494;
    line-height: 1;
	width:100px;
    padding-top: 10px;
    padding-bottom: 15px;
    position: relative;
    font-weight: 600;
    opacity: 0;
    transition: 0.2s all ease;
	white-space: nowrap;
    cursor: pointer;
}
.amimationboletella .beneficionporingredientes h3:hover{
    color: #000;
    font-size: 35px;
}

.amimationboletella .beneficionporingredientes h3 span{
	font-family: "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 30px;
    display: block;
    /* margin-left: 15px; */
    font-weight: 400;
}
.amimationboletella .beneficionporingredientes h3:hover span{
    color: #000;
    font-size: 25px;
}
.amimationboletella .beneficionporingredientes h3.mm{
    margin-left: -40px;
    margin-top: 100px;
}
.amimationboletella .beneficionporingredientes h3.mm span{
    margin-left: 5px;
}
.amimationboletella .beneficionporingredientes .contbte{
    text-align: center;
    visibility: hidden;
}
.amimationboletella .beneficionporingredientes .contbte img{
	max-width:185px;
    margin-top: 35px;
    transform: translateY(-767px) rotate(19deg);
    transition:1s all;
}
.amimationboletella .beneficionporingredientes .contbte.active img{
    transform: translateY(0px) rotate(0deg);
}

.amimationboletella .beneficionporingredientes .izq h3{
	text-align:right !important;
    width: 212px;
    display: inline-block;
}
.amimationboletella .beneficionporingredientes .izq h3::after{
    content: "----------------------------";
    display: block;
    width: 134px;
    font-size: 20px;
    position: absolute;
    top: 30%;
    left: 105%;
    white-space: nowrap;
    overflow: hidden;
}
.amimationboletella .beneficionporingredientes .izq h3.uno span{
    margin-left: -26px;
}
.amimationboletella .beneficionporingredientes .der h3::before{
    content: "----------------------------";
    display: block;
    width: 240px;
    font-size: 20px;
    position: absolute;
    top: 30%;
    right: 112%;
    white-space: nowrap;
    overflow: hidden;
}
.amimationboletella .beneficionporingredientes .der h3.col1 {
    margin-left: 140px;
    margin-top: 80px;
}
.amimationboletella .beneficionporingredientes .der h3.col1::before{
    content: "-----------------------------------";
    width: 300px;
    margin-top: 18px; 
}
.amimationboletella .beneficionporingredientes .der h3.col2 {
    margin-top: 40px;
}
.amimationboletella .beneficionporingredientes .der h3.col2::before{
    width: 155px;
}
.amimationboletella .beneficionporingredientes .der h3.col3 {
    margin-left: -73px;
    margin-top: 70px;
}
.amimationboletella .beneficionporingredientes .der h3.col3::before{
    width: 81px;
}
.loqquedicendenosotros h3{
    font-size: 64px;
    margin-bottom: 30px;
     font-family: 'Swiss 721', sans-serif;
}
.loqquedicendenosotros .row{
    align-items: center;
    background-color: #F2F2F2;
    padding: 0px;
    margin: 0px;
    border-radius: 100px;
}
.loqquedicendenosotros .row .col{
    padding: 0px;
}
.loqquedicendenosotros .carousel h3{
    font-size: 20px;
    margin-bottom: 20px;
}
.loqquedicendenosotros .carousel p{
    font-size: 20px;
    max-width: 700px;
}
.loqquedicendenosotros .carousel p span{
    color: #4E81E6;
}

.headerd.active .elementor-menu-toggle .e-font-icon-svg {
    fill: #000 !important;
}
.slider-controls{
    display: none;
}
@media (max-width:768px) {
    .elementor-22 .elementor-element.elementor-element-5ca852a .e-con-inner{
        border: 0px !important;
    }
    .headerd{
        background: #222323 !important;
    }
    .headerd.active #logowh{
        display: block !important;
    }
    .headerd.active #logobl{
        display: none !important;
    }
    .headerd.active .elementor-menu-toggle .e-font-icon-svg{
        fill: #fff !important;
    }
    .slider-controls {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 15px;
        position: absolute;
        top: 76%;
        width: 100%;
    }
    .slider-btn {
        width: 14px;
        height: 14px;
        border-radius: 100%;
        border: 0px solid #ccc;
        background: #FFFFFF;
        cursor: pointer;
        transition: 0.3s;
        padding: 0px;
    }
    .slider-btn.active {
        background: #222323; 
    }
    .slider-btn:hover {
        background: #222323; 
    }

    .amimationboletella .beneficionporingredientes h3{
        opacity: 1;
    }

    .animationhome .contextafter h3{
        font-size: 20px;
    }
    .amimationboletella{
        overflow: hidden;
    }
    .amimationboletella .beneficionporingredientes{
            /* height: 400px; */
    }
    .amimationboletella .beneficionporingredientes .container{
		padding: 0;
        /* width: 150%;
        transform: scale(0.3);
         transform-origin: top left; */
    }
    .amimationboletella .beneficionporingredientes .container .row .col{ 
        width: 33.333%;
    }
    .amimationboletella .beneficionporingredientes h2{
        font-size: 25px;
        margin-bottom: 20px;
    }
    .amimationboletella .beneficionporingredientes h3{
        font-size: 20px;
        white-space: normal;
        line-height: 1;
    }
    .amimationboletella .beneficionporingredientes h3:hover{
        font-size: 20px;
    }
    .amimationboletella .beneficionporingredientes .izq h3{
        width:100%;
    }
    .amimationboletella .beneficionporingredientes .der h3{
        width: 120%;
        margin-left: -25px;
    }
	.amimationboletella .beneficionporingredientes .der h3,
	.amimationboletella .beneficionporingredientes .izq h3{
		color: #222323;
	}
    .amimationboletella .beneficionporingredientes .der h3.col2{
        margin-left: 0px;
        margin-top: 40px;
        position: absolute;
        left: 7%;
        width: auto;
        text-align: right;
    }
	.amimationboletella .beneficionporingredientes .der h3::after,
	.amimationboletella .beneficionporingredientes .der h3::before,
	.amimationboletella .beneficionporingredientes .izq h3::after,
	.amimationboletella .beneficionporingredientes .izq h3::before{
		font-family: 'Roboto';
		opacity: 0.3;	
	}
    .amimationboletella .beneficionporingredientes .der h3.col2::after{
        content: "----------------------------";
        display: block;
        font-size: 20px;
        position: absolute;
        top: 30%;
        left: calc(100% + 17px);
        white-space: nowrap;
        overflow: hidden;
        width: 25px;
    }
    .amimationboletella .beneficionporingredientes h3.mm{
        position: relative;
        top: 36px;
    }
    .amimationboletella .beneficionporingredientes .der h3.col3{
            margin-left: -30px;
            margin-top: 70px;
            font-size: 16px;
            width: 152px;
    }
	.amimationboletella .beneficionporingredientes .der h3.col3 span{
		max-width: 120px;
	}
	.amimationboletella .beneficionporingredientes .der h3.col3::before{
		right: 105%;
    	width: 16px !important;
	}
	.amimationboletella .beneficionporingredientes .der h3.col2::before{
		display: none;
	}
    .amimationboletella .beneficionporingredientes h3 span,
    .amimationboletella .beneficionporingredientes h3:hover span{
        font-size: 14px;
            line-height: 14px;
    }
    .amimationboletella .beneficionporingredientes .izq h3::after{
        width: 30px;
    }
    .amimationboletella .beneficionporingredientes .der h3.col1{
        margin-left: 0px;
        margin-top: 0px;
        position: relative;
        top: 52px;
        left: -30px;
        font-size: 15px;
    }
    .amimationboletella .beneficionporingredientes .der h3::before{
        width: 30px !important;
    }
    .amimationboletella .beneficionporingredientes .contbte img{
        width: 100%;
        opacity: 1;
        transform: translateY(0px) rotate(0deg);
        display: block;
    }
    .amimationboletella .beneficionporingredientes .contbte{
        visibility: inherit;
    }
     .afterdirectoatupuerta .container .row .col{
        width: 33.333%;
     }
     .slider-track .slide .divbotellas{
        font-size: 27px;
     }
     .animationhome .divcontbotella img{
        max-width: 44%;
     }
     .animationhome .text2{
            max-width: 78%;
     }
    .animationhome .divcontbotella img{
        max-width: 58%;
     }
     .animationhome .botella{
        margin-left: -164px;
        margin-right: -82px;
     }
     .animationhome .botella .ico{
        position: absolute;
        bottom: 79px;
        left: 35px;
        width: 49%;
     }
     .divbotellas .text1, .text2, .text3{
        font-size: 24px;
     }
     .animationhome .text2 img{
        right: -16px;
        top: -67px;
        width: 33%;
        width: 17%;
        position: revert;
     }
     .animationhome .divbotellas.amarillo .text3{
        top: 0px;
        right: -19px;
     }
     .amarillo .text3 img {
        position: relative;
        right: 82px !important;
        top: 65px !important;
        width: 93px;
    }
     .amarillo .text1{
        top: 42px;
        left: 3px;
     }
     .amarillo .text2{
        top: -92px;
     }
      .animationhome .text1 img{
        left: -61%;
        transform: rotate(80deg) !important;
     }
     .animationhome .divbotellas.morado .text2{
        position: relative !important;
        top: -95px !important;
        left: 13px !important;
        text-align: left;
     }
     .animationhome .divbotellas.morado .text2 img{
        position: absolute;
        left: -87px !important;
        top: -23px !important;
        width: 62%;
     }
     .animationhome .divbotellas.morado .text1 {
        position: relative !important;
        top: 111px;
        left: -5px;
     }
     .animationhome .divbotellas.morado .text1 img{
        left: 62px !important;
        top: -7px !important;
        width: 100% !important;
        min-width: inherit;
     }
     .fucsia .text1 {
        position: relative !important;
        top: 64px;
        left: -32px;
    }
    .fucsia .text1 img{
        transform: rotate(-2deg) !important;
        position: relative !important;
        top: 63px !important;
        left: 92px !important;
        width: 84px;
    }
     .fucsia .text2{
        left: 13px;
     }
     .fucsia .text2 img{
         position: absolute;
        left: -87px !important;
        top: -23px !important;
        width: 62%;
     }
     .animationhome .botella .ico{
        bottom: 98px;
        left: 30px;
        width: 46%;
     }
     .animationhome .divbotellas.rosado{
        margin-left: 0px;
     }
     .animationhome .divbotellas.rosado .botella .ico{
        bottom: 116px;
        left: 22px;
     }
     .animationhome .divbotellas.rosado .text1 {
        position: relative !important;
        left: -57px;
        top: 100px;
     }
     .animationhome .divbotellas.rosado .text1 img{
        transform: rotate(-25deg) !important;
        left: 92px !important;
        top: -39px !important;
     }
     .animationhome .divbotellas.rosado .text2{
        left: -41px;
        top: -99px;
     }
     .animationhome .divbotellas.rosado .text2 img {
        position: absolute;
        left: -74px !important;
        top: -38px !important;
        width: 74%;
        transform: rotate(39deg);
    }
    .afterdirectoatupuerta{
        padding-top: 0px;
		padding-bottom: 40px;
    }
	.afterdirectoatupuerta .text2 .col:last-of-type{
		display: none;
	}
    .afterdirectoatupuerta .row{
        flex-direction: column !important;
    }
    .afterdirectoatupuerta .row .col{
        width: 100% !important; 
    }
    .afterdirectoatupuerta .contenbotellas img.rosada{
        max-width: 56px;
    }
    .afterdirectoatupuerta .contenbotellas img.morado{
        max-width: 56px;
    }
    .afterdirectoatupuerta .text1{
        flex-direction: column-reverse !important;
    }
    .afterdirectoatupuerta .text1 .beneficiosreales{
        padding-top: 0px;
        padding-bottom: 130px;
    }
    .afterdirectoatupuerta .conttextafter h2,
    .afterdirectoatupuerta .text1 .beneficiosreales h3{ 
        font-family: "Fuente HelveticaNeueLTS", Sans-serif;
        font-weight: 600;
        text-align: center !important;
        font-size: 28px !important;
    }
    .afterdirectoatupuerta .contentend h2,
    .afterdirectoatupuerta  .beneficiosreales h2{
        font-size: 28px !important;
        text-align: center !important;
    }
    .afterdirectoatupuerta .conttextafter h2 br,
    .afterdirectoatupuerta .contentend h2 br{
        display: none;
    }
    .afterdirectoatupuerta .conttextafter p, .afterdirectoatupuerta .contentend p, .afterdirectoatupuerta .text2 h3, .afterdirectoatupuerta .text1 .bebdiahidratante h3{
        font-size: 15px;
		text-align: center;
    }
    .afterdirectoatupuerta .text2{
        margin-top: 0px;
        padding-top: 50px;
        max-width: inherit;
    }
    .afterdirectoatupuerta .text2 .ingredientesnaturales{
        top: -23px;
        left: 0px !important;
    }
    .afterdirectoatupuerta .text1 .bebdiahidratante{
        margin-left: 0px;
    }
    .afterdirectoatupuerta .text1 .bebdiahidratante img,
    .afterdirectoatupuerta .text2 .ingredientesnaturales img,
    .afterdirectoatupuerta .text2 .electrolitos img{
        display: block;
		
    }
    .afterdirectoatupuerta .text2 .electrolitos{
        position: relative;
        left: 0px;
        top: 0px;
        min-width: auto;
        align-content: normal;
        padding-top: 88px !important;
        display: block !important;
    } 
    .afterdirectoatupuerta .container .row .col{
        padding-top: 60px;
    }
    .afterdirectoatupuerta .text2 .verde{
        max-height: 50px !important;
    }
    
	 
    .afterdirectoatupuerta .conttextafter h2, .afterdirectoatupuerta .text1 .beneficiosreales h2{
        font-size: 40px;
        font-family: "Fuente HelveticaNeueLTS", Sans-serif;
        font-weight: 600;
		text-align: center !important;
    }
    .afterdirectoatupuerta .contenbotellas{
        right: 0px;
    }
    .afterdirectoatupuerta .contenbotellas img.amazon{
        left: -80px;
        top: 232px;
    }
    .afterdirectoatupuerta .contenbotellas img.rosada{
        bottom: 22px;
        left: -63px;
    }
    .afterdirectoatupuerta .contenbotellas img.morado{
        left: -85px;
        top: 112px;
    }

    .amimationboletella .queesafter{
        background: url(https://itsafter.com/wp-content/uploads/2025/09/c398e32756a8195222d651fe2bb106a2092fa331.png);
        min-height: 600px;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 40px;
        align-content: baseline;
    }
    .amimationboletella .queesafter .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .amimationboletella .queesafter .text{
        padding-top: 40px;
        padding-bottom: 20px; 
    }
    .amimationboletella .queesafter .text h3{
        font-size: 30px;
		margin-bottom: 20px;
		text-align: center;
    }
    .amimationboletella .queesafter .text p{
        font-size: 14px;
    }
    
    .amimationboletella .queesafter .text a{
        font-size: 16px;
    }

    
    .afterdirectoatupuerta .conttextafter{
        padding-bottom:10px;
        padding-top: 10px;
    }
    .afterdirectoatupuerta .conttextafter h2{
        margin-top: 0px !important;
    }
    .afterdirectoatupuerta .contentend h2{
        margin-top: 0px !important;
    }
    .afterdirectoatupuerta .contenbotellas img.rosada{
        bottom: 11px;
        left: 72px;
    }
    .afterdirectoatupuerta .contenbotellas img.morado{
        left: -172px;
        top: 0px;
    }
    .afterdirectoatupuerta .contenbotellas img.morado,
    .afterdirectoatupuerta .contenbotellas img.rosada{
        max-width: 80px;
    }
    .afterdirectoatupuerta .contenbotellas img.rosada{

    }
    .afterdirectoatupuerta .contenbotellas img.amazon{
        left: 15px;
        top: 126px;
        width: 70%;
    }
    
    /* .afterdirectoatupuerta{
        width: 150%;
        transform: scale(0.3);
         transform-origin: top left;
    }
    .afterdirectoatupuerta .container{
        width: 1200px;
    } */
}
@media (max-width: 480px){
	.amimationboletella .beneficionporingredientes .container .row .col{
		padding: 0;
	}
	.amimationboletella .beneficionporingredientes .container .row .col.contbte{
		max-width: 100px;
	}
	.amimationboletella .beneficionporingredientes .der h3.col1{
		position: relative;
		left: 30px;
		width: auto;
	}
	.amimationboletella .beneficionporingredientes .der h3.col3{
		width: 300px;
        margin-left: 9px;
	}
	.amimationboletella .beneficionporingredientes .container .row .col.der {
        width: 215px;
    }
	.amimationboletella .beneficionporingredientes .izq h3 span,
	.amimationboletella .beneficionporingredientes .der h3 span{
		display: block;
        margin: 3px 0;
	}
	.amimationboletella .beneficionporingredientes .container .row .col{
		flex: auto;
		max-width: 160px;
	}
	.amimationboletella .beneficionporingredientes h3.mm {
        margin-left: 0;
        left: -30px;
    }
}

/* hover */

.text1, .text2, .text3 {

	transition: transform 0.6s ease-in-out; 
}

.text1 img , .text2 img , .text3  img {
	z-index:1960;
}


.divbotellas:hover .text1,
.divbotellas:hover .text2,
.divbotellas:hover .text3 {
	transform:scale(1.1);
	transition: transform 0.6s ease-in-out; 
}