.SimpleCarrousel{flex-direction:column;justify-content:center;align-items:center;inline-size:100%;display:flex;position:relative}.SimpleCarrousel .SliderContainer{block-size:400px;inline-size:100%;display:flex}.SimpleCarrousel .SliderContainer .Slider{justify-content:center;align-items:start;block-size:100%;inline-size:100%;display:flex;position:relative}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker{justify-content:center;align-items:start;block-size:100%;inline-size:100%;display:flex;position:absolute}.SimpleCarrousel .SliderContainer .Slider .Content{background-image:url(/arms.webp);background-position:bottom;background-repeat:no-repeat;background-size:contain;block-size:100%;inline-size:100%;margin-block-start:0;position:absolute}.SimpleCarrousel .SliderContainer .Slider .One .Content{inline-size:150%;left:0%}.SimpleCarrousel .SliderContainer .Slider .Two .Content,.SimpleCarrousel .SliderContainer .Slider .Three .Content{background-position:bottom;background-size:contain}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.entered .Content{animation:1s ease-in-out both fadeIn}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.exited .Content{animation:1s ease-in-out both fadeOut}.Card{background-color:#fff;border-radius:8px;block-size:auto;inline-size:auto;padding:12px;position:absolute}.Card.Fisrt,.Two .Card.Fisrt{bottom:32px;left:32px}.Three .Card.Fisrt{bottom:32px;left:auto;right:12px}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.entered .Card.Fisrt{animation:.9s ease-in-out .2s both slideRightInSmall}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.exited .Card.Fisrt{animation:1s ease-in-out .1s both slideRightOutSmall}.Card.Second{position:absolute;bottom:300px;right:20px}.Two .Card.Second{position:absolute;bottom:108px;left:auto;right:40px}.Three .Card.Second{bottom:280px;left:40px;right:auto}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.entered .Card.Second{animation:.8s ease-in-out .4s both slideLeftInSmall}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.exited .Card.Second{animation:1s ease-in-out .1s both slideLeftOutSmall}.Card.Thirst{position:absolute;bottom:160px;right:20px}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.entered .Card.Thirst{animation:.9s ease-in-out .5s both slideRightInSmall}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.exited .Card.Thirst{animation:1s ease-in-out .6s both slideRightOutSmall}.Card .CardContainer{block-size:100%;inline-size:100%;position:relative}.Card .CardContainer .Circle{background-color:#333435;border-radius:100%;justify-content:center;align-items:center;block-size:40px;inline-size:40px;padding:4px;display:flex;position:absolute;top:-40px;left:-24px}.Card .CardContainer .Circle .Icon{background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:90%;inline-size:90%}.Card p{text-align:center;color:#323334;font-size:16px;font-weight:800}
@media (412px<=width<=1024px){.SimpleCarrousel{inline-size:380px}}
@media (1024px<=width<=1920px){.SimpleCarrousel{flex-direction:column;justify-content:center;align-items:center;inline-size:500px;display:flex;position:relative}.SimpleCarrousel .SliderContainer{block-size:500px;inline-size:100%;display:flex}.SimpleCarrousel .SliderContainer .Slider{justify-content:center;align-items:start;block-size:100%;inline-size:100%;display:flex;position:relative}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker{justify-content:center;align-items:start;block-size:100%;inline-size:100%;display:flex;position:absolute}.SimpleCarrousel .SliderContainer .Slider .Content{background-image:url(/arms.webp);background-position:bottom;background-repeat:no-repeat;background-size:contain;block-size:100%;inline-size:100%;margin-block-start:0;position:absolute}.SimpleCarrousel .SliderContainer .Slider .One .Content{inline-size:150%;left:0%}.SimpleCarrousel .SliderContainer .Slider .Two .Content{background-position:bottom;background-size:98%}.SimpleCarrousel .SliderContainer .Slider .Three .Content{background-position:bottom;background-size:100%}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.entered .Content{animation:1s ease-in-out both fadeIn}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.exited .Content{animation:1s ease-in-out both fadeOut}.Card{background-color:#fff;border-radius:8px;block-size:auto;inline-size:auto;padding:12px;position:absolute}.Card.Fisrt,.Two .Card.Fisrt{bottom:32px;left:32px}.Three .Card.Fisrt{bottom:32px;left:auto;right:12px}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.entered .Card.Fisrt{animation:.9s ease-in-out .2s both slideRightInSmall}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.exited .Card.Fisrt{animation:1s ease-in-out .1s both slideRightOutSmall}.Card.Second{position:absolute;bottom:300px;right:20px}.Two .Card.Second{position:absolute;bottom:108px;left:auto;right:40px}.Three .Card.Second{bottom:360px;left:40px;right:auto}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.entered .Card.Second{animation:.8s ease-in-out .4s both slideLeftInSmall}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.exited .Card.Second{animation:1s ease-in-out .1s both slideLeftOutSmall}.Card.Thirst{position:absolute;bottom:160px;right:20px}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.entered .Card.Thirst{animation:.9s ease-in-out .5s both slideRightInSmall}.SimpleCarrousel .SliderContainer .Slider .TransitionMarker.exited .Card.Thirst{animation:1s ease-in-out .6s both slideRightOutSmall}.Card .CardContainer{block-size:100%;inline-size:100%;position:relative}.Card .CardContainer .Circle{background-color:#333435;border-radius:100%;justify-content:center;align-items:center;block-size:40px;inline-size:40px;padding:4px;display:flex;position:absolute;top:-40px;left:-24px}.Card .CardContainer .Circle .Icon{background-position:50%;background-repeat:no-repeat;background-size:contain;block-size:90%;inline-size:90%}.Card p{text-align:center;color:#323334;font-size:16px;font-weight:800}}
.HeroSection{flex-direction:column;align-items:center;block-size:812px;inline-size:100%;padding-block-start:140px;display:flex;position:relative;overflow:hidden}.HeroSection .Background{z-index:-1;filter:brightness(160%)contrast()grayscale(10%);background-image:url(/background.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;block-size:100%;inline-size:100%;position:absolute;top:0;left:0}.HeroSection .Background:before{content:"";background-color:var(--primary-color-dark);opacity:.2;block-size:100%;inline-size:100%;animation:8s ease-in-out infinite climbTwo;display:block;position:absolute;left:-80%;transform:rotate(45deg)}.HeroSection .Background:after{content:"";background-color:var(--primary-color-dark);opacity:.1;block-size:100%;inline-size:100%;animation:5s ease-in-out infinite climbOne;display:block;position:absolute;left:70%;transform:rotate(45deg)}.HeroSection .TitleContainer{flex-direction:column;align-items:center;inline-size:350px;display:flex}.HeroSection .TitleContainer .TextLogo{background-color:var(--primary-color-dark);opacity:0;block-size:90px;inline-size:100%;margin-block-end:16px;animation:1s ease-in-out .2s forwards slideInSmall;-webkit-mask-image:url(/icons/marca-texto.svg);mask-image:url(/icons/marca-texto.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.HeroSection .TitleContainer h2{text-align:center;color:#505c5c;opacity:0;inline-size:80%;margin-block-end:20px;font-size:20px;font-weight:500;line-height:24px;animation:1s ease-in-out .4s forwards slideInSmall}.HeroSection .TitleContainer h2 span{color:var(--secondary-color-dark);font-weight:600}.HeroSection .TitleContainer a{color:#1c5b7f;text-align:center;text-transform:uppercase;opacity:0;border:3px solid #2c5c70;border-radius:40px;padding-block:16px;padding-inline:24px;font-size:18px;font-weight:800;text-decoration:none;animation:1s ease-in-out .6s forwards slideInSmall;position:relative}.HeroSection .TitleContainer a:hover{background-color:var(--primary-color-dark);color:var(--primary-color)}@keyframes climbOne{0%{translate:100px}50%{translate:0}to{translate:100px}}@keyframes climbTwo{0%{translate:-50px}50%{translate:0}to{translate:-50px}}

@media (1024px<=width<=1920px){.HeroSection{flex-direction:row;justify-content:center;align-items:flex-end;gap:20px;block-size:600px;padding-block-start:60px}.HeroSection .Background:before{opacity:.4;left:-80%}.HeroSection .Background:after{opacity:.2}.HeroSection .TitleContainer{inline-size:400px;margin-block-end:100px}.HeroSection .TitleContainer .TextLogo{block-size:180px;inline-size:440px}.HeroSection .TitleContainer h2{inline-size:100%;font-size:22px;font-weight:400;line-height:32px}.HeroSection .TitleContainer a{font-size:14px}}@media (1100px<width<=1920px){.HeroSection .Background:before{top:-20%;left:-80%}.HeroSection .Background:after{top:20%;left:80%}}@media (1360px<width<=1920px){.HeroSection .Background:before{top:-40%}.HeroSection .Background:after{top:40%}}@media (1600px<width<=1920px){.HeroSection .Background:before{top:-60%}.HeroSection .Background:after{top:60%}}
.IndividualSection{background-color:var(--secondary-color);flex-direction:column;justify-content:center;align-items:center;block-size:auto;inline-size:100%;padding-block:12px 200px;display:flex;position:relative}.IndividualSection .SectionContainer{z-index:1;inline-size:100%;padding:20px;position:relative;overflow:hidden}.IndividualSection .Process{margin:0 auto;flex-direction:column;gap:12px;inline-size:70%;max-inline-size:360px;margin-block-end:20px;list-style:none;display:flex}.IndividualSection .Process li{background-color:#e7c3a0;border-radius:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 6px #00000089}.IndividualSection .Process .AnimatedCard:first-of-type li{left:32px}.IndividualSection .Process .AnimatedCard:nth-of-type(2) li{left:-32px}.IndividualSection .Process .AnimatedCard:nth-of-type(3) li{left:24px}.IndividualSection .Process li .IconContainer{background-color:var(--primary-color);flex-shrink:0;block-size:80px;inline-size:80px;padding:8px}.IndividualSection .Process li .Icon{background-color:var(--primary-color-dark);block-size:100%;inline-size:100%;display:inline-block;-webkit-mask-image:url(/analisis.webp);mask-image:url(/analisis.webp);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.IndividualSection .Process .AnimatedCard:nth-of-type(2) li .Icon{-webkit-mask-image:url(/aplicacion.webp);mask-image:url(/aplicacion.webp)}.IndividualSection .Process .AnimatedCard:nth-of-type(3) li .Icon{-webkit-mask-image:url(/rostro_listo.webp);mask-image:url(/rostro_listo.webp)}.IndividualSection .Process li .Text{color:var(--primary-color-dark);justify-content:center;align-items:center;padding-inline:12px;font-size:16px;font-weight:400;display:flex}.IndividualSection p{color:#38383e;font-size:20px;line-height:28px}.IndividualSection p span{color:var(--primary-color-dark);font-weight:600}.IndividualSection .Decoration{background-image:url(/skin_type.webp);background-position:bottom;background-repeat:no-repeat;background-size:contain;block-size:200px;inline-size:100%;position:absolute;bottom:0}.IndividualSection .Decoration_Icon{z-index:0;mix-blend-mode:soft-light;background-color:#bebebe;block-size:160px;inline-size:160px;position:absolute;top:100px;left:260px;-webkit-mask-image:url(/botox_inyection_ilustration.webp);mask-image:url(/botox_inyection_ilustration.webp);-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
@media (1024px<=width<=1920px){.IndividualSection{flex-direction:row;block-size:540px;padding-block:80px;overflow:hidden}.IndividualSection .SectionContainer{flex-direction:column;order:2;gap:12px;block-size:100%;inline-size:60%;padding-block-end:120px;padding-inline-end:40px;display:flex;overflow:visible}.IndividualSection .SectionContainer .TitleContainer{inline-size:100%}.IndividualSection .Process{flex-direction:row;order:3;inline-size:auto;max-inline-size:1000%;position:absolute;bottom:-60px;right:20px}.IndividualSection .Process li{inline-size:240px}.IndividualSection .Process .AnimatedCard:first-of-type li,.IndividualSection .Process .AnimatedCard:nth-of-type(2) li,.IndividualSection .Process .AnimatedCard:nth-of-type(3) li{left:0}.IndividualSection .Process li .IconContainer{block-size:60px;inline-size:60px}.IndividualSection .Process li .Text{text-align:center;padding-inline:8px}.IndividualSection .SectionContainer>.AnimatedCard{inline-size:100%}.IndividualSection p{text-align:center}.IndividualSection .Decoration{block-size:550px;inline-size:50%;position:relative;bottom:0;left:0}.IndividualSection .Decoration_Icon{position:absolute;top:100px;left:auto;right:-50px}}@media (1150px<=width<=1920px){.IndividualSection .Process{bottom:-20px}}@media (1320px<=width<=1920px){.IndividualSection .Process{bottom:0;right:40px}}@media (1500px<=width<=1920px){.IndividualSection .SectionContainer{z-index:1;order:2;justify-content:center;align-items:flex-end;gap:12px;inline-size:800px;padding:20px;padding-block-end:0;position:relative;overflow:visible}.IndividualSection .Process{flex-direction:row;order:3;inline-size:auto;margin-block-end:20px;list-style:none;position:relative;bottom:-40px;right:0}}@media (1600px<=width<=1920px){.IndividualSection{justify-content:space-between}}
@media (600px<=width<1024px){.IndividualSection{flex-direction:row;overflow:hidden}.IndividualSection .SectionContainer{overflow:visible}.IndividualSection .Process{order:3;inline-size:40%;position:absolute;top:120px;right:48px}.IndividualSection p{inline-size:248px}.IndividualSection .Decoration_Icon{position:absolute;top:100px;right:-50px}}
.TreatmentSection{background-color:var(--primary-color);flex-direction:column;justify-content:center;align-items:center;block-size:auto;inline-size:100%;padding-block-start:40px;display:flex}.TreatmentSection .TitleSection{inline-size:100%;max-inline-size:400px;padding-inline:20px;position:relative}.TreatmentSection .TitleSection .TitleContainer{z-index:2;position:relative}.TreatmentSection .TitleSection .Decoration_Icon{z-index:0;mix-blend-mode:overlay;background-color:#d9dcec;block-size:180px;inline-size:180px;position:absolute;top:28px;right:-20px;-webkit-mask-image:url(/tratamientos.svg);mask-image:url(/tratamientos.svg);-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.TreatmentSection .TreatmentContainer{overflow:hidden}.TreatmentSection .TreatmentContainer:before{content:"";background-color:var(--primary-color-dark);opacity:.2;block-size:50%;inline-size:50%;animation:12s ease-in-out infinite climbTwo;display:block;position:absolute;top:-60%;left:50%;transform:rotate(45deg)}.TreatmentSection .TreatmentContainer:after{content:"";background-color:var(--primary-color-dark);opacity:.1;block-size:100%;inline-size:100%;animation:9s ease-in-out infinite climbOne;display:block;position:absolute;top:80%;left:60%;transform:rotate(45deg)}.TreatmentSection .TreatmentContainer:nth-of-type(2):before{background-color:var(--primary-color);top:-60%;left:-30%}.TreatmentSection .TreatmentContainer:nth-of-type(2):after{background-color:var(--primary-color);top:80%;left:-20%}.TreatmentSection .TreatmentContainer .Content{z-index:5;position:relative}.TreatmentSection .FacialSection{background-color:var(--primary-color-dark);flex-direction:row;justify-content:flex-start;align-items:center;block-size:400px;inline-size:100%;display:flex;position:relative}.TreatmentSection .FacialSection .Decoration{background-image:url(/tratamientos-faciales.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;block-size:100%;inline-size:40%;position:absolute;right:0}.TreatmentSection .FacialSection .Content{flex-direction:column;align-items:center;inline-size:60%;margin-inline-start:5%;padding:0;display:flex}.TreatmentSection .FacialSection .Content h5{inline-size:100%;color:var(--primary-color);text-align:center;margin-block-end:8px;font-family:Times New Roman,Times,serif;font-size:28px;line-height:32px}.TreatmentSection .FacialSection .Content p{color:#d4dce6;text-align:center;inline-size:100%;font-size:20px;line-height:28px}.TreatmentSection .FacialSection .Content p span{color:var(--secondary-color);font-weight:600}.TreatmentSection .FacialSection .Content a{color:#6a9eb4;text-align:center;text-transform:uppercase;border:3px solid #6a9eb4;border-radius:40px;block-size:auto;inline-size:180px;margin-block-start:20px;padding-block:8px;padding-inline:24px;font-size:14px;font-weight:600;text-decoration:none;position:relative}.TreatmentSection .FacialSection .Content a:hover{color:var(--primary-color-dark);background-color:#d4dce6}.TreatmentSection .CorporalSection{background-color:var(--primary-color);flex-direction:row-reverse;justify-content:flex-start;align-items:center;block-size:400px;inline-size:100%;display:flex;position:relative}.TreatmentSection .CorporalSection .Decoration{background-image:url(/tratamientos-corporales.webp);background-position:-210px 0;background-repeat:no-repeat;background-size:cover;flex-shrink:0;block-size:100%;inline-size:50%;position:absolute;left:-8px}.TreatmentSection .CorporalSection .Content{flex-direction:column;align-items:center;inline-size:60%;margin-inline-end:5%;padding:0;display:flex}.TreatmentSection .CorporalSection .Content h5{inline-size:120%;color:var(--primary-color-dark);text-align:center;margin-block-end:8px;font-family:Times New Roman,Times,serif;font-size:28px;line-height:32px}.TreatmentSection .CorporalSection .Content p{color:#2f2f3c;text-align:center;inline-size:100%;font-size:20px;line-height:24px}.TreatmentSection .CorporalSection .Content p span{color:var(--secondary-color-dark);font-weight:600}.TreatmentSection .CorporalSection .Content a{border:3px solid var(--primary-color-dark);block-size:auto;inline-size:180px;color:var(--primary-color-dark);text-align:center;text-transform:uppercase;border-radius:40px;margin-block-start:20px;padding-block:8px;padding-inline:24px;font-size:14px;font-weight:800;text-decoration:none;position:relative}.TreatmentSection .CorporalSection .Content a:hover{color:var(--primary-color-dark);background-color:#d4dce6}
@media (500px<=width<=1024px){.TreatmentSection .TitleSection{text-align:center;max-inline-size:600px}.TreatmentSection .TitleSection .TitleContainer{z-index:2;inline-size:100%;position:relative}}
@media (1024px<=width<=1920px){.TreatmentSection{flex-direction:column;align-items:center;padding-block-start:80px;display:flex}.TreatmentSection .TitleSection{justify-content:center;align-items:center;inline-size:760px;max-inline-size:100%;padding-inline:20px;display:flex}.TreatmentSection .TitleSection .TitleContainer{inline-size:100%}.TreatmentSection .TreatmentContainer{overflow:hidden}.TreatmentSection .TreatmentContainer:before{content:"";background-color:var(--primary-color-dark);opacity:.2;block-size:50%;inline-size:50%;animation:8s ease-in-out infinite climbTwo;display:block;position:absolute;top:-60%;left:50%;transform:rotate(45deg)}.TreatmentSection .TreatmentContainer:after{content:"";background-color:var(--primary-color-dark);opacity:.1;block-size:100%;inline-size:100%;animation:5s ease-in-out infinite climbOne;display:block;position:absolute;top:80%;left:60%;transform:rotate(45deg)}.TreatmentSection .TreatmentContainer:nth-of-type(2):before{background-color:var(--primary-color);top:-60%;left:-30%}.TreatmentSection .TreatmentContainer:nth-of-type(2):after{background-color:var(--primary-color);top:80%;left:-20%}.TreatmentSection .TreatmentContainer .LogoIcon{mix-blend-mode:soft-light;background-color:#fff;block-size:400px;inline-size:400px;position:absolute;bottom:-20%;left:0%;-webkit-mask-image:url(/icons/marca-logo-mini.svg);mask-image:url(/icons/marca-logo-mini.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.TreatmentSection .TreatmentContainer:nth-of-type(3) .LogoIcon{mix-blend-mode:soft-light;background-color:#fff;bottom:-20%;left:auto;right:0%;-webkit-mask-image:url(/icons/marca-logo-mini.svg);mask-image:url(/icons/marca-logo-mini.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.TreatmentSection .FacialSection{justify-content:flex-end}.TreatmentSection .FacialSection .Decoration{background-size:140%;inline-size:25%;position:relative;right:0}.TreatmentSection .FacialSection .Content{justify-content:flex-end;inline-size:400px;padding:8px}.TreatmentSection .FacialSection .Content a{justify-content:center;align-items:center;block-size:56px;inline-size:280px;display:flex}.TreatmentSection .CorporalSection{justify-content:flex-end}.TreatmentSection .CorporalSection .Decoration{background-size:170%;inline-size:28%;position:relative;left:0}.TreatmentSection .CorporalSection .Content{justify-content:flex-end;inline-size:400px;padding:8px}.TreatmentSection .CorporalSection .Content a{justify-content:center;align-items:center;block-size:56px;inline-size:300px;display:flex}}@media (1280px<=width<=1920px){.TreatmentSection .TreatmentContainer .LogoIcon{left:10%}.TreatmentSection .TreatmentContainer:nth-of-type(3) .LogoIcon{right:10%}.TreatmentSection .CorporalSection .Decoration{background-image:url(/tratamientos-corporales.webp);background-position:-210px 0;background-repeat:no-repeat;background-size:150%;flex-shrink:0;block-size:100%;inline-size:28%;position:relative;left:0}}