@font-face {
  font-family: 'DINPro';
  src: url('../Fonts/DINPro.ttf') format('truetype'); 
  font-weight: normal; 
  font-style: normal;
}


@font-face {
  font-family: 'DINPro';
  src: url('../Fonts/DINPro-Bold.ttf') format('truetype');
  font-weight: bold; 
  font-style: normal; 
}

@font-face {
  font-family: 'DINPro';
  src: url('../Fonts/DINPro-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic
}


@font-face {
  font-family: 'Galdern';
  src: url('../Fonts/Galdern-Bold.otf') format('opentype'); 
  font-weight: bold;
  font-style: normal;
}
.title-stacked, .dra-name{
  font-family: 'Galdern' !important;
}
.dra-title{
  font-family: 'DINPro';
  font-style: italic;
}
body {
    font-family: 'DINPro', sans-serif;
    background-color: #f7f7f7;
    margin: 0;
    color: #333;
    line-height: 1.6;
}


h1 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #1d1d1b !important;
}

sup {
  font-size: 0.6em;
}
p {
    margin-bottom: 20px;
    color: #1d1d1b !important;
}

ol {
    padding-left: 20px;
    margin-bottom: 20px;
    font-size: 1.2em;
}

ol li {
    margin-bottom: 10px;
    color: #889090
}

a {
    color: #889090;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.logo-section {
    background-color: #ffffff; 
    text-align: center;
    padding: 20px 0; 
    margin-bottom: 0; 
    
}
img.logo{
  height: 50px;
}
.container {
    border-radius: 8px;
    padding: 20px;
    max-width: 1180px;
    text-align: left;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}
.div-circular {
  background-color: #9ee6df;
  min-height: 320px;
  border-bottom-left-radius: 15%;
  border-bottom-right-radius: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  overflow: visible; 
  position: relative;
  z-index: 1;
}

.content-wrapper {
  max-width: 1300px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  line-height: 1.2;
  flex-direction: row;
}

.text-container-start {
  flex: 1;
  text-align: left;
}

.div-circular img {
  max-width: 50px;
  height: auto;
  position: absolute;
  right: 20px;
  top: 12px;
  z-index: 1;
}
.puntos{
  max-width: 52px !important;
  height: 23px !important;
}
.div-circular .puntosDra{
  width: 55px;
}
.div-circular h2 {
  color: white;
  margin: 0;
  font-size: 4em;
  font-family: 'Galdern';
  font-weight: 100 !important;
  z-index: 2;
  line-height: 0.8em;
  margin-bottom: 20px;
}
.rounded-span {
  display: inline-block;
  padding: 3px 20px; 
  border-radius: 25px; 
  border: 2px solid #e4fefc; 
  color: #ffffff;
  font-family: Arial, sans-serif;
  text-align: center; 
  font-size: 16px; 
  font-weight: bold; 
  line-height: 1; 
}
.containerDiv {
  position: relative;
  z-index: 0; 
  margin-top: 40px; 
}

.containerDiv::before {
  content: '';
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-radius: 8px;
  z-index: -1;
}
.responsive-container {
  width: 100%;
  max-width: 1180px;
  padding: 20px;
  box-sizing: border-box; 
}

h1 {
    color: #333;
    margin-bottom: 20px;
}
sup.supText{
  font-weight: normal;
}
p {
    color: #666;
    margin-bottom: 20px;
}

.contact-info {
    margin-top: 20px;
}

.contact-info p {
    margin-bottom: 10px;
}

.button {
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button:hover {
    background-color: #0056b3;
}
.cerrarShoesNails{
  position: relative !important;
  top: 3px !important;
  right: 3px !important;
}

.cerrarHair{
  position: relative !important;
  top: 3px !important;
  right: 3px !important;
}

  .footer {
    background-color: #f5baaf;
    text-align: center;
    padding: 65px 0 10px;
    margin-top: 30px;
}

.footer img {
    max-height: 60px;
}

.container h2 {
    color: #333;
    margin-bottom: 20px; 
  }
  .container h2 span {
    color: #ff8e61;
    margin-bottom: -59px;
  }

  .container h2 .different-span {
    color: #333;
    margin-bottom: -15px;
    font-size: 1.5em;
  }
  .container p{
    font-size: 1.6em !important;
    margin-right: 60px;
  }
  .contact-info {
    display: flex;
    justify-content: space-between; 
    align-items: baseline; 
    width: 80%; 
    max-width: 600px; 
    margin: 0 
  }
  .contact-info div {
    display: flex;
    flex-direction: column;
  }
  .contact-info div:first-child {
    align-items: flex-start; 
  }
 
  .contact-info p {
    margin: 0; 
  }

  .preventive-measures-section {
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    padding: 10px;
    max-width: 1000px;
    width: 100%;
    margin-top: -20px;
}

.preventive-measures-section-2 {
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  padding: 10px;
  max-width: 1050px;
  width: 100%;
  margin-top: -20px;
}


.left-column {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    position: relative;
    margin-top: -280px;
    font-size: 1.3em;
}
.left-column-recomendations{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end; 
  padding: 20px;
  position: relative;
  margin-top: -230px;
  font-size: 1.3em;
}
.right-column {
    flex: 1;
    background-color: #f8f8f8;
    border-radius: 10px;
    margin-left: 10px;
}

.title-stacked {
    font-size: 3em;
    color: #ff7f50;
    font-weight: bold;
    text-align: right; 
    line-height: 1;
}


.stacked {
    display: block;
    margin-bottom: 5px;
    background-color: white;
    padding-right: 10px;
    padding-left: 10px;
}

.stacked-1 {
    margin-right: 0;
}

.stacked-2 {
    margin-right: 0px;
}

.stacked-3 {
    margin-right: 0px;
}

.stacked-4 {
  margin-right: 0px; 
}

.stacked-5 {
  margin-right: 0px; 
}
.right-column p {
    margin: 0;
    line-height: 1.5;
    color: #333333;
    font-size: 1.8em;
}

.right-column sup {
    font-size: 0.6em;
    vertical-align: super;
}

.highlight {
    color: #ff7f50;
    font-weight: bold;
}


.medidas-image-eccema
{
    max-width: 100%;
    height: 400px;
    border-radius: 10px;

}



.boton-redondo-no-forget {
  display: block;
  margin: 0 auto;
  background-color: #ff8e61;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  color: white; 
  padding: 10px 20px; 
  text-align: center;
  text-decoration: none; 
  font-size: 25px;
  margin-bottom: 70px;
  border: transparent;
  height: 70px;
  width: 250px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.flecha {
  margin-left: 10px;
  transition: transform 0.3s; 
}
.texto-olvidar {
  font-size: 1.4em;
  display: none;
  background-color: white;
  border-radius: 35px;
  font-size: 0.9em;
  margin-bottom: 60px;
  padding: 1px;
  
}

.texto-olvidar p {
  position: relative;
  padding-left: 100px; 
  margin-bottom: 15px; 
  line-height: 1.6;
  background-color: #EDFAF9
}

#texto-olvidar > div:last-child {
  display: flex;
  justify-content: center; 
  align-items: center; 
  padding: 20px;
  height: 75px !important;
}

#texto-olvidar .disclaimer {
  text-align: center;
  color: #889090;
  font-weight: 100;
  line-height: 1.6;
  font-size: 1em;
  margin-bottom: 30px;
  background-color: white;
  padding: 10px;
  max-width: 65%;
}
.texto-olvidar .different::before {
  content: '';
    position: absolute;
    left: 5%;
    top: 24%;
    transform: translateY(-50%);
    width: 27px;
    height: 12px;
    background-color: #f5baaf;
    border-radius: 20px;
}

.texto-olvidar .different-line-2::before {
  content: '';
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  width: 27px;
  height: 12px;
  background-color: #f5baaf;
  border-radius: 20px;
}
.texto-olvidar .different-line-3::before {
  content: '';
  position: absolute;
  left: 5%;
  top: 26%;
  transform: translateY(-50%);
  width: 27px;
  height: 12px;
  background-color: #f5baaf;
  border-radius: 20px;
}
.texto-olvidar .different p::before,
.texto-olvidar .different-line3 p::before {
  width: 6px; 
  height: 6px;
}

.texto-olvidar .different p::before {
  background-color: #f48fb1; 
}

.texto-olvidar .different-line3 p::before {
  background-color: #f48fb1;
}
  .image-container-hair {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 100px;
    background-color: #9ee6df;
    height: 400px;
    border-radius: 20px;
    margin-bottom: 130px;
}

.image-container-eccema {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 20px;
    background-color: #ffe97e;
    height: 300px;
    border-radius: 20px;
    margin-bottom: 130px;
}

.image-container-paroniquia {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 20px;
    background-color:#c3be88;
    height: 550px;
    border-radius: 20px;
    margin-bottom: 130px;
}
.medidas-image-paroniquia {
    max-width: 70% !important;
    height: 763px;
    
}

.image-container-foliculitis {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 20px;
    background-color: #f5baaf;
    height: 480px;
    border-radius: 20px;
    margin-bottom: 130px;
}
.medidas-image-foliculitis {
    max-width: 65% !important;
    height: 642px;

}

.image-container-acne {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 20px;
    background-color:#ff8e61;
    height: 480px;
    border-radius: 20px;
    margin-bottom: 130px;
}
.medidas-image-acne {
    height: 750px;
}

.image-container-aftas {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 20px;
    background-color: #cccccc;
    height: 390px;
    border-radius: 20px;
    margin-bottom: 130px;
}
.medidas-image-aftas {
    max-width: 100% !important;
    width: 260px;
    height: 538px;
}

.divDra {
  position: absolute;
  top: 300px; 
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 40px);
  max-width: 1180px;
  background-color: white;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2; 
}

.contentDra {
  text-align: left;
  width: 100%;
  margin-left: 150px;
}
  .puntosDra {
    width: 30px;
    height: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .container-referencias {
    border-radius: 8px;
    padding: 20px;
    max-width: 1180px;
    text-align: left;
    margin: 0 auto;
    margin-top: 30px;
}

#referencias-content {
    margin-top: 40px;
    margin-bottom: -50px;
    padding: 10px;
    border-radius: 5px;
    display: none;
}

#referencias-toggle {
    padding: 10px;
    background-color: #d3d3d3;
    color: white;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    transition: background-color 0.3s;
    margin-bottom: -85px;
}

#referencias-toggle:hover {
    background-color: #a3a3a3; 
}

.flecha {
    margin-left: 10px;
    transition: transform 0.3s;
}
  ol {
    padding-left: 20px;
    margin-bottom: 20px;
    text-align: left;
}

ol li {
    margin-bottom: 10px;
}



.notification-container {
  background-color: #d3d3d3;
  border-radius: 15px;
  padding: 20px;
  text-align: center ;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: 50px;
}

.notification-container h2 {
  font-size: 1.6em;
  margin-bottom: 10px;
  color: #4a4a4a;
  margin-left: 60px ;
}

.notification-container p {
  font-size: 1.6em !important;
  color: #4a4a4a;
  margin-bottom: 20px;
  text-align: left ;
  margin-left: 60px ;
}

.notification-container .button {
  background-color:  #ff8e61;
  color: white;
  padding: 10px 20px;
  border-radius: 50px;
  border: 2px solid white;
  text-decoration: none;
  font-size: 1em;
  display: inline-block;
  margin-top: 20px;
}

.notification-container .button:hover {
  background-color: #ff7f4d;
}

.mek-note {
  text-align: center;
  margin-top: 20px;
  font-size: 1em;
  color: #6b6b6b;
}


.container {
  border-radius: 8px;
  padding: 20px;
  max-width: 1180px;
  text-align: left;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
}

.image-container-normal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #9ee6df;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 300px;
  position: relative;
  margin-bottom: 80px;
}
.image-container-normal-shoes {
  display: none;
  justify-content: space-between;
  align-items: center;
  background-color: #c3be88;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 300px;
  position: relative;
  margin-bottom: 80px;
}
.image-container-normal-crema {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffe97e;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 300px;
  position: relative;
  margin-bottom: 80px;
}
.image-container-normal-ducha-responsive{
  display: none;
  justify-content: space-between;
  align-items: center;
  background-color: #9ee6df;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 300px;
  position: relative;
  margin-bottom: 80px;
}

.image-container-normal-nails-responsive{
  display: none;
  justify-content: space-between;
  align-items: center;
  background-color: #ff8e61;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 300px;
  position: relative;
  margin-bottom: 80px;
}
.image-container-normal-jabon {
  display: none;
  justify-content: space-between;
  align-items: center;
  background-color: #f5baaf;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 300px;
  position: relative;
  margin-bottom: 80px;
}

.image-container-normal-eccema {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffe97e;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 325px;
  position: relative;
  margin-bottom: 140px;
}

.image-container-normal-hair {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #9ee6df;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 400px;
  position: relative;
  margin-bottom: 140px;
}
.image-container-normal-aftas{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #cccccc;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 405px;
  position: relative;
  margin-bottom: 140px;
}
.image-container-normal-nails {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ff8e61;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 300px;
  position: relative;
  margin-bottom: 80px;
}

.image-container-reverse {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f5baaf;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 300px;
  position: relative;
  margin-bottom: 80px;
}



.text-container-shoes {
  flex: 0 1 75%;
  max-width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
  height: 100%;
  margin-left: 85px;
  position: relative; 
}


.image-container-reverse-shoes .text-container-shoes .button-container-shoes {
  position: absolute;
  bottom: 25px !important; 
  width: 100%; 
}


.image-container-normal-paroniquia {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #c3be88;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 622px;
  position: relative;
  margin-bottom: 140px;
}
.image-container-normal-foliculitis {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color:   #f5baaf;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 490px;
  position: relative;
  margin-bottom: 140px;
}

.image-container-normal-acne{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color:   #ff8e61;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 610px;
  position: relative;
  margin-bottom: 140px;
}
.image-container {
  flex: 0 1 45%;
  max-width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: calc(100% + 40px);
  margin-top: -20px;
}
.image-container-efectos {
  flex: 0 1 45%;
  max-width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: calc(100% + 40px);
  margin-top: -20px;
}
.image-container img {
  max-width: 100%;
  max-height: 395px;
  object-fit: cover;
  border-radius: 10px;
}
.image-container-efectos img {
  max-height: 764px;
  border-radius: 10px;
}

.image-container-efectos .medidas-image-paroniquia {
  max-width: 70% !important;
  height: 760px;
}

.image-container-efectos .medidas-image-eccema {
  height: 460px !important;
  width: 68%;
}



.image-container-efectos .medidas-image-hair {
  max-height: 546px;
  width: 69%;
}

.image-container-efectos .medidas-image-foliculitis {
  max-height: 640px;
}
.image-container-efectos .medidas-image-acne {
   max-height: 755px; 
}

.image-container-efectos .medidas-image-aftas {
    max-height: 630px; 
}

.text-container {
  flex: 0 1 75%;
  max-width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-left: 85px;
}
.text-container-jabon {
  flex: 0 1 75%;
  max-width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-left: 85px;
}
.text-container-crema {
  flex: 0 1 75%;
  max-width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 85px;
}

.text-container-ducha-responsive {
  flex: 0 1 75%;
  max-width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 85px;
}
.text-container-nails-responsive {
  flex: 0 1 75%;
  max-width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 85px;
}
.text-container-efectos {
  flex: 0 1 75%;
  max-width: 70%;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-left: 85px;
}
.image-container-reverse .text-container {
  margin-right: 5px;
}
.image-container-reverse .text-container-crema {
  margin-right: 5px; 
}

.image-container-reverse .text-container-jabon{
  margin-right: 5px;
}
.image-container-reverse .text-container-efectos {
  margin-right: 5px; 
}
.image-container-reverse-shoes .text-container-shoes {
  margin-right: 5px; 
}
.image-container-reverse-shoes .text-container-efectos {
  margin-right: 5px;
}
.image-container-reverse-shoes .text-container-crema {
  margin-right: 5px; 
}
.image-container-reverse-shoes .text-container-jabon {
  margin-right: 5px; 
}
.text-container .dots {
  display: flex;
  justify-content: flex-end;
}

.text-container-crema .dots {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -25px;
}
.text-container-ducha-responsive .dots {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -25px;
}
.text-container-nails-responsive .dots {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -25px;
}
.text-container-jabon .dots {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -25px;
}
.text-container-crema img {
  margin-top: -25px;
  margin-bottom: 45px;
}
.text-container-ducha-responsive img {
  margin-top: -25px;
  margin-bottom: 45px;
}
.text-container-nails-responsive img {
  margin-top: -25px;
  margin-bottom: 45px;
}
.text-container-efectos .dots {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -25px;
}
.image-container-reverse .dots {
  justify-content: flex-end;
  margin-right: -45px;
}

.text-container .descriptionEvento     {
  font-size: 1.7em;
  color: #333;
  line-height: 1.4;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin-top: 50px;
  margin-right: 60px;
  margin-bottom: 1em;
}
.text-container-efectos .descriptionEvento     {
  font-size: 1.6em !important;
  color: #333;
  line-height: 1.4;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin-top: 50px;
  margin-right: 60px;
  margin-bottom: 1em;
}

.text-container-crema .descriptionEvento     {
  font-size: 1.7em; 
  color: #333;
  line-height: 1.4;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin-top: 50px;
  margin-right: 60px;
  margin-bottom: 1em;
}

.text-container-ducha-responsive .description     {
  font-size: 1.7em; 
  color: #333;
  line-height: 1.4;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin-top: 50px;
  margin-right: 60px;
  margin-bottom: 1em;
}
.text-container-nails-responsive .description     {
  font-size: 1.7em; 
  color: #333;
  line-height: 1.4;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin-top: 50px;
  margin-right: 60px;
  margin-bottom: 1em;
}
.text-container-jabon .description {
  font-size: 1.7em; 
  color: #333;
  line-height: 1.4;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin-top: 50px;
  margin-right: 60px;
  margin-bottom: 1em;
}
.text-container .highlight {
  background-color: transparent;
  padding: 0 5px;
  font-weight: bold;
}
.text-container-crema .highlight {
  background-color: transparent;
  padding: 0 5px;
  font-weight: bold;
}
.text-container-ducha-responsive .highlight {
  background-color: transparent;
  padding: 0 5px;
  font-weight: bold;
}
.text-container-nails-responsive .highlight {
  background-color: transparent;
  padding: 0 5px;
  font-weight: bold;
}
.text-container-jabon .highlight {
  background-color: transparent;
  padding: 0 5px;
  font-weight: bold;
}
.text-container-efectos .highlight {
  background-color: transparent;
  padding: 0 5px;
  font-weight: bold;
}
.button-container {
  text-align: end;
  margin-top: 10px;
  margin-right: 70px;
}

.button-round-shoes {
  background-color: transparent;
  border: 2px solid white;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  color: white; 
  padding: 5px 18px;
  text-align: center;
  text-decoration: none; 
  display: inline-block;
  font-size: 23px;
  
}

.button-round-shoes:hover {
  background-color: #ddd798;
  text-decoration: none; 
}
.image-container-reverse .button-container {
  text-align: left;
  margin-top: -20px;
}

.button-round {
  background-color: transparent;
  border: 2px solid white;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  color: white;
  padding: 5px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 23px;
}
.button-round:hover {
  background-color: #a2f5ec;
  text-decoration: none; 
}
.button-round-nails{
  background-color: transparent;
  border: 2px solid white;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  color: white; 
  padding: 5px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 23px;
}

.button-round-nails:hover {
  background-color: #ff7f4d;
  text-decoration: none; 
}



.cerrarHair {
  position: static;
  top: 22px;
  right: 22px;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 20px;
  border-radius: 50%;
  background-color: #F98F6C;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  border: 1px solid #ffffff;
  font-weight: bold;
}

.cerrarShoesNails {
  position: static;  
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 20px;
  border-radius: 50%;
  background-color: #F98F6C;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  border: 1px solid #ffffff;
  font-weight: bold;
}


.popup {
  display: none; 
  position: absolute;
  background-color: #889090;
  border-radius: 40px;
  padding: 20px;
  border: 2px solid white;
  z-index: 1; 
  width: 700px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.97;
}
.popupDuchaResponsive {
  display: none; 
  position: absolute;
  background-color: #889090;
  border-radius: 40px;
  padding: 20px;
  border: 2px solid white;
  z-index: 1; 
  width: 700px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.97;
}
.popupNailsResponsive {
  display: none; 
  position: absolute;
  background-color: #889090;
  border-radius: 40px;
  padding: 20px;
  border: 2px solid white;
  z-index: 1; 
  width: 700px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.97;
}
.popupShoes {
  display: none; 
  position: absolute;
  background-color: #889090;
  border-radius: 40px;
  padding: 20px;
  border: 2px solid white;
  z-index: 1; 
  width: 700px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.97;
}
.popupShoesSmallScreen {
  display: none; 
  position: absolute;
  background-color: #889090;
  border-radius: 40px;
  padding: 20px;
  border: 2px solid white;
  z-index: 1; 
  width: 700px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.97;
}
.popupShoes .contenido {
  color: white;
}
.popupShoesSmallScreen  .contenido{
  color: white;
}
.popupShoes .cerrar {
  cursor: pointer;
  font-size: 20px;
  color: white;
}
.popupShoesSmallScreen .cerrar {
  cursor: pointer;
  font-size: 20px;
  color: white;
}
.popup .contenido {
  color: white;
}
.popupDuchaResponsive .contenido {
  color: white;
}
.popupNailsResponsive .contenido {
  color: white;
}
.popup .cerrar {
  cursor: pointer;
  font-size: 20px;
  color: white;
}
.popupDuchaResponsive .cerrar {
  cursor: pointer;
  font-size: 20px;
  color: white;
}
.popupNailsResponsive .cerrar {
  cursor: pointer;
  font-size: 20px;
  color: white;
}
.popupNails {
  display: none; 
  position: absolute;
  background-color: #889090;
  border-radius: 40px;
  padding: 20px;
  border: 2px solid white;
  z-index: 1; 
  width: 700px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.97;
}

.popupNails .contenido {
  color: white;
}

.popupNails .cerrar {
  cursor: pointer;
  font-size: 20px;
  color: white;
}

.image-container-reverse .image-container {
  position: relative;
  margin-right: 45px;
}

.image-container-reverse .dots {
  position: absolute;
  top: 35px;
  right: -1px;
  display: flex;
  justify-content: flex-end;
}


@media (max-width: 1080px) {
  .image-container-reverse .image-container {
  position: relative;
  margin-right: 55px;
}
.image-container-reverse-shoes .image-container {
  position: relative;
  margin-right: 55px;
}

.image-container-reverse .dots {
  position: absolute;
  top: 35px;
  right: -10px;
  display: flex;
  justify-content: flex-end;
}
.image-container-reverse-shoes .dots {
  position: absolute;
  top: 35px;
  right: -10px;
  display: flex;
  justify-content: flex-end;
}
}
@media (max-width: 1054px) {
  .texto-olvidar .different::before {
    top: 18PX !important;
  }
}

@media (max-width: 900px) {
  .preventive-measures-section {
    max-width: 700px !important;
  }
  .left-column {
    margin-bottom: 140px !important;
}
}

@media (max-width: 1000px) {
  .preventive-measures-section {
    max-width: 765px !important;
  }
  .preventive-measures-section-2 {
    max-width: 830px !important;
  }
  .button-round{
    font-size: 20px !important;
    width: 120px !important;
  }
  .button-round-shoes{
    font-size: 20px !important;
    width: 120px !important;
  }
  .button-round-nails{
    font-size: 20px !important;
    width: 120px !important;
  }
  .image-container-reverse .text-container-jabon{
    margin-bottom: 10px !important;
  }
  .image-container-reverse .image-container img{
    margin-bottom: 60px !important;
  }
  .popup, .popupShoes, .popupNails,.popupShoesSmallScreen, .popupDuchaResponsive, .popupNailsResponsive {
      width: 90%; 
      max-width: 750px;
      padding: 10px; 
  }
  .popup .popupAjustable{
  margin: 0 auto;
  max-width: 600px;
  font-size: 1.5em;
  color: white;
  line-height: 25px;
  margin-bottom: 20px;
  margin-top: 40px !important;
  }
  .popupDuchaResponsive .popupAjustable{
    margin: 0 auto;
    max-width: 600px;
    font-size: 1.5em;
    color: white;
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 40px !important;
    }

    .popupDuchaResponsive .popupAjustableAditional{
      margin: 0 auto;
      max-width: 600px;
      font-size: 1.2em;
      color: white;
      line-height: 25px;
      margin-bottom: 20px;
      margin-top: 40px !important;
      }
  .popupNailsResponsive .popupAjustable{
      margin: 0 auto;
      max-width: 600px;
      font-size: 1.5em;
      color: white;
      line-height: 25px;
      margin-bottom: 20px;
      margin-top: 40px !important;
      }

      .popupNailsResponsive .popupAjustableAditional{
        margin: 0 auto;
        max-width: 600px;
        font-size: 1.2em;
        color: white;
        line-height: 25px;
        margin-bottom: 20px;
        margin-top: 40px !important;
        }
  .popupShoes
   .popupAjustable{
  margin: 0 auto;
  max-width: 600px;
  font-size: 1.5em;
  color: white;
  line-height: 25px;
  margin-bottom: 20px;
  margin-top: 40px !important;
  }
  .popupShoes
   .popupAjustableAditional{
  margin: 0 auto;
  max-width: 600px;
  font-size: 1.2em;
  color: white;
  line-height: 25px;
  margin-bottom: 20px;
  margin-top: 40px !important;
  }
  .popupShoesSmallScreen .popupAjustable{
    margin: 0 auto;
    max-width: 600px;
    font-size: 1.5em;
    color: white;
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 40px !important;
    }
    .popupShoesSmallScreen .popupAjustableAditional{
      margin: 0 auto;
      max-width: 600px;
      font-size: 1.2em;
      color: white;
      line-height: 25px;
      margin-bottom: 20px;
      margin-top: 40px !important;
      }
  .popupNails .popupAjustable{
  margin: 0 auto;
  max-width: 600px;
  font-size: 1.5em;
  color: white;
  line-height: 25px;
  margin-bottom: 20px;
  margin-top: 40px !important;
  }
  .image-container-normal-jabon{
    display: flex !important
  }
  .image-container-normal-shoes{
    display: flex !important
  }
  .image-container-reverse{
    display: none !important
  }
  .image-container-reverse-shoes{
    display: none !important
  }

  .image-container-normal-ducha-responsive{
    display: flex !important;
  }
  .image-container-normal-nails-responsive{
    display: flex !important;
  }
  .image-container-normal-nails{
    display: none !important;
  }
  .image-container-normal{
    display: none !important
  }
  .image-container-normal,.image-container-normal-shoes,.image-container-normal-crema, .image-container-normal-ducha-responsive, .image-container-normal-nails-responsive, .image-container-normal-jabon,.image-container-normal-nails, .image-container-reverse, .image-container-normal-acne, .image-container-normal-aftas, .image-container-reverse-shoes,.image-container-normal-eccema,.image-container-normal-foliculitis, .image-container-normal-paroniquia, .image-container-normal-hair {
      flex-direction: column;
      align-items: center;
      height: auto;
      padding: 10px;
      margin-bottom: 40px;
      margin-bottom: 40px;
      max-width: 650px;
      margin: 0px auto;
      margin-bottom: 60px;
  }

  .image-container-normal .image-container,
  .image-container-normal-shoes .image-container,
  .image-container-reverse .image-container,
  .image-container-normal-nails .image-container,
  .image-container-normal-eccema .image-container-efectos,
  .image-container-normal-paroniquia .image-container-efectos,
  .image-container-normal-foliculitis .image-container-efectos,
  .image-container-normal-acne .image-container-efectos,
  .image-container-normal-hair .image-container-efectos,
  .image-container-normal-aftas .image-container-efectos,
  .image-container-normal-crema .image-container,
  .image-container-normal-ducha-responsive .image-container, 
  .image-container-normal-nails-responsive .image-container, 
  .image-container-normal-jabon .image-container{
      flex: none;
      width: 100%;
      height: auto;
      margin: 0;
      margin-bottom: -60px; 
      margin-top: -7%;
  }

  .image-container-normal .image-container img,
  .image-container-normal-shoes .image-container img,
  .image-container-reverse .image-container img,
  .image-container-normal-nails .image-container img,
  .image-container-normal-crema .image-container img,
  .image-container-normal-ducha-responsive .image-container img,
  .image-container-normal-nails-responsive .image-container img,
  .image-container-normal-jabon .image-container img{
      height: auto;
      width: 100%;
      object-fit: contain;
  }
  .image-container-normal .text-container,
  .image-container-reverse .text-container-jabon, 
  .image-container-normal-nails .text-container,
  .image-container-normal-crema .text-container-crema,
  .image-container-normal-ducha-responsive .text-container-ducha-responsive,
  .image-container-normal-nails-responsive .text-container-nails-responsive
  {
      flex: none;
      width: 100%;
      margin-bottom: 10px;
      margin-top: -260px;
      max-width: 600px;
  }

  .image-container-normal-jabon .text-container-jabon,
  .image-container-normal-shoes .text-container{
    flex: none;
    width: 100%;
    margin-bottom: 10px;
    margin-top: -280px;
    max-width: 600px;
  }
  .image-container-normal-hair .text-container-efectos,
  .image-container-normal-eccema .text-container-efectos,
  .image-container-normal-paroniquia .text-container-efectos,
  .image-container-normal-foliculitis .text-container-efectos,
  .image-container-normal-acne .text-container-efectos,
  .image-container-normal-aftas .text-container-efectos{
      flex: none;
      width: 100%;
      margin-bottom: 10px;
      margin-top: -240px;
      max-width: 600px;
  }
  .hair, .eccema, .paroniquia, .foliculitis, .acne, .aftas{
      margin-top: 290px !important;
  }

  img.puntos{
    margin-right: 35px;
    height: 20px;
  }
  img.puntos-principal{
    height: 20px;

  }
  .puntosDra{
    height: 19px !important;
    width: 40px !important;
  }
  .text-container .dots {
      margin-bottom: 10px;
  }
  .text-container-efectos .dots {
      margin-bottom: 10px;
  }
  .text-container-crema .dots {
    margin-bottom: 10px;
  }
  .text-container-ducha-responsive .dots {
    margin-bottom: 10px;
  }
  .text-container-nails-responsive .dots {
    margin-bottom: 10px;
  }
  .text-container-jabon .dots {
    margin-bottom: 10px;
  }
  .image-container-normal .text-container .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;

  }
  .image-container-normal-shoes .text-container .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 330px;

}
  .image-container-normal-crema .text-container-crema .description{
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 290px;
  }
  .image-container-normal-ducha-responsive .text-container-ducha-responsive .description{
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 285px;
}
.image-container-normal-nails-responsive .text-container-nails-responsive .description{
  font-size: 1.2em;
  line-height: 1.5;
  margin-top: 285px;
}
  .image-container-normal-jabon .text-container-jabon .description{
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 330px;
}
  .image-container-normal-eccema .text-container-efectos .description{
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }

  .image-container-normal-hair .text-container-efectos .description{
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  } 
  .image-container-normal-aftas .text-container-efectos .description{
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  } 
  .image-container-normal-paroniquia .text-container-efectos .description{
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }
  .image-container-normal-acne .text-container-efectos .description{
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }
  .image-container-normal-foliculitis .text-container-efectos .description{
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }

  .image-container-normal-nails .text-container .description{
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
      margin-left: 35px;
  }
  .image-container-reverse .text-container-jabon .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 80px;
  }
  
  .button-container {
      text-align: center;
      margin-top: 20px !important; 
  }

  .image-container-reverse .button-container {
      text-align: center;
  }
  .image-container-reverse .dots {
      margin-right: -112px;
      margin-top: -180px;
  }

}


@media (max-width: 650px) {
.image-container-normal-jabon .text-container-jabon,
.image-container-normal-shoes .text-container{
  flex: none;
  width: 100%;
  margin-bottom: 10px;
  margin-top: -260px ;
  max-width: 600px;
}
}

@media (max-width: 600px) {
  .image-container-normal-jabon .text-container-jabon,
  .image-container-normal-shoes .text-container{
    flex: none;
    width: 100%;
    margin-bottom: 10px;
    margin-top: -230px ;
    max-width: 600px;
  }
  .image-container-normal .text-container,
  .image-container-reverse .text-container-jabon, 
  .image-container-normal-nails .text-container,
  .image-container-normal-crema .text-container-crema,
  .image-container-normal-ducha-responsive .text-container-ducha-responsive,
  .image-container-normal-nails-responsive .text-container-nails-responsive
  {
      flex: none;
      width: 100%;
      margin-bottom: 10px;
      margin-top: -230px;
      max-width: 600px;
  }
  .image-container-normal-shoes .text-container .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 290px;
}
.image-container-normal-jabon .text-container-jabon .description {
  font-size: 1.2em;
  line-height: 1.5;
  margin-top: 290px;
}

  }

  @media (max-width: 560px) {
    .image-container-normal-jabon .text-container-jabon,
    .image-container-normal-shoes .text-container{
      flex: none;
      width: 100%;
      margin-bottom: 10px;
      margin-top: -200px ;
      max-width: 600px;
    }
    .image-container-normal .text-container,
    .image-container-reverse .text-container-jabon, 
    .image-container-normal-nails .text-container,
    .image-container-normal-crema .text-container-crema,
    .image-container-normal-ducha-responsive .text-container-ducha-responsive,
    .image-container-normal-nails-responsive .text-container-nails-responsive
    {
        flex: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: -200px;
        max-width: 600px;
    }
    .image-container-normal-shoes .text-container .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 280px;
  }
  .image-container-normal-jabon .text-container-jabon .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 280px;
  }
  
    }

   
      @media (max-width: 510px) {
        .image-container-normal-jabon .text-container-jabon,
        .image-container-normal-shoes .text-container{
          flex: none;
          width: 100%;
          margin-bottom: 10px;
          margin-top: -135px ;
          max-width: 600px;
        }
        .image-container-normal .text-container,
        .image-container-reverse .text-container-jabon, 
        .image-container-normal-nails .text-container,
        .image-container-normal-crema .text-container-crema,
        .image-container-normal-ducha-responsive .text-container-ducha-responsive,
        .image-container-normal-nails-responsive .text-container-nails-responsive
        {
            flex: none;
            width: 100%;
            margin-bottom: 10px;
            margin-top: -135px;
            max-width: 600px;
        }
        .image-container-normal-shoes .text-container .description {
          font-size: 1.2em;
          line-height: 1.5;
          margin-top: 205px !important;
      }
      .image-container-normal-jabon .text-container-jabon .description {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 205px !important;
      }
      .image-container-normal-crema .text-container-crema .description{
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 160px !important;
    }
      .image-container-normal-ducha-responsive .text-container-ducha-responsive .description{
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 150px !important;
    }
    .image-container-normal-nails-responsive .text-container-nails-responsive .description{
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 160px !important;
    }
        }
    
    @media (max-width: 510px) {
      .image-container-normal-jabon .text-container-jabon,
      .image-container-normal-shoes .text-container{
        flex: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: -135px ;
        max-width: 600px;
      }
      
      
      .image-container-normal .text-container,
      .image-container-reverse .text-container-jabon, 
      .image-container-normal-nails .text-container,
      .image-container-normal-crema .text-container-crema,
      .image-container-normal-ducha-responsive .text-container-ducha-responsive,
      .image-container-normal-nails-responsive .text-container-nails-responsive
      {
          flex: none;
          width: 100%;
          margin-bottom: 10px;
          margin-top: -110px;
          max-width: max-content;
      }
      .image-container-normal-shoes .text-container .description {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 205px !important;
    }
    .image-container-normal-jabon .text-container-jabon .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 205px !important;
    }
    .image-container-normal-crema .text-container-crema .description{
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 160px !important;
  }
    .image-container-normal-ducha-responsive .text-container-ducha-responsive .description{
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 165px !important;
  }
  .image-container-normal-nails-responsive .text-container-nails-responsive .description{
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 185px !important;
    margin-left: -130px;
  }
  .image-container-normal-nails-responsive .text-container-nails-responsive .button-container{

    margin-left: -15px;
  }
  .text-container-crema .dots img {
    margin-right: 15%;
    margin-top: -34% !important;
  }
  .text-container-ducha-responsive .dots img {
    margin-right: 14%;
    margin-top: -34% !important;
  }
  .text-container-nails-responsive .dots img {
    margin-right: -20%;
    margin-top: -63% !important;
  }
  .text-container-jabon .dots img{
    margin-right: 15% !important;
    margin-top: -28% !important;
  }
  .text-container .dots img{
    margin-right: 10%;
    margin-top: -28% !important;
  }

  .image-container-normal-shoes .text-container{
    margin-right: 40px;
  }
      }
  
    @media (max-width: 500px) {
        .image-container img {
          width: auto !important;
          max-height: 250px !important;
          object-fit: cover;
            border-radius: 10px;
        }
          .image-container-normal-jabon .text-container-jabon,
          .image-container-normal-shoes .text-container{
            flex: none;
            width: 100%;
            margin-bottom: 10px;
            margin-top: -20px ;
            max-width: 600px;
          }
          
          .image-container-normal-shoes .text-container .description {
            font-size: 1.2em;
            line-height: 1.5;
            margin-top: 100px !important;
        }
        .image-container-normal-jabon .text-container-jabon .description {
          font-size: 1.2em;
          line-height: 1.5;
          margin-top: 95px !important;
        }
        .image-container-normal-crema .text-container-crema .description{
          font-size: 1.2em;
          line-height: 1.5;
          margin-top: 90px !important;
      }
        .image-container-normal-ducha-responsive .text-container-ducha-responsive .description{
          font-size: 1.2em;
          line-height: 1.5;
          margin-top: 80px !important;
      }
      .image-container-normal-nails-responsive .text-container-nails-responsive .description{
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 85px !important;
      }

          .image-container-normal .text-container,
          .image-container-reverse .text-container-jabon, 
          .image-container-normal-nails .text-container,
          .image-container-normal-crema .text-container-crema,
          .image-container-normal-ducha-responsive .text-container-ducha-responsive,
          .image-container-normal-nails-responsive .text-container-nails-responsive
          {
              flex: none;
              width: 100%;
              margin-bottom: 10px;
              margin-top: -10px;
              max-width: max-content;
          }
          .text-container-nails-responsive .dots img {
            margin-right: -22%;
            margin-top: -60% !important;
          }
          .text-container-ducha-responsive .dots img {
            margin-right: 15%;
            margin-top: -30% !important;
          }
          .text-container-crema .dots img {
            margin-right: 15%;
            margin-top: -30% !important;
        }
    }
    @media (max-width: 482px) {
      .preventive-measures-section {
        margin-bottom: -65px !important;
      }
    }
    @media (max-width: 482px) {
      .preventive-measures-section {
        margin-bottom: -65px !important;
      }
      .image-container-normal .text-container,
      .image-container-reverse .text-container-jabon, 
      .image-container-normal-nails .text-container,
      .image-container-normal-crema .text-container-crema,
      .image-container-normal-ducha-responsive .text-container-ducha-responsive,
      .image-container-normal-nails-responsive .text-container-nails-responsive
      {
          flex: none;
          width: 100%;
          margin-bottom: 10px;
          margin-top: -10px;
          max-width: max-content;
          margin-right: 60px;
      }
      .text-container-crema .dots img {
        margin-right: 5%;
      }
      .text-container-ducha-responsive .dots img {
        margin-right: 5%;
      }
      .text-container-nails-responsive .dots img {
        margin-right: -30%;
        margin-top: -7% !important;
      }
      .text-container-jabon .dots img{
        margin-right: 12% !important;
      }
      .text-container .dots img{
        margin-right: 12%;
      }
  }

  @media (max-width: 482px) {

    .text-container-crema .dots img {
      margin-right: 8%;
      margin-top: -31% !important;
    }
    .text-container-ducha-responsive .dots img {
      margin-right: 8%;
      margin-top: -31% !important;
    }
    .text-container-nails-responsive .dots img {
      margin-right: -70%;
      margin-top: -88% !important;
    }
    .text-container-jabon .dots img{
      margin-right: 15% !important;
      margin-top: -29% !important;
    }
    .text-container .dots img{
      margin-right: 11%;
      margin-top: -29% !important;
    }
    .image-container-normal-nails-responsive .text-container-nails-responsive .description {
      margin-left: -120px;
  }
    .image-container-normal-shoes .text-container{
      margin-right: 40px;
    }
}

@media (max-width: 452px) {
  .image-container-normal-nails-responsive .text-container-nails-responsive .description {
    margin-left: -65px;
}
  .text-container-crema .dots img {
    margin-right: 7%;
    margin-top: -34% !important;
  }
  .text-container-ducha-responsive .dots img {
    margin-right: 7%;
    margin-top: -34% !important;
  }
  .text-container-nails-responsive .dots img {
    margin-right: -49%;
    margin-top: -76% !important;
  }
  .text-container-jabon .dots img{
    margin-right: 15% !important;
    margin-top: -40% !important;
  }
  .text-container .dots img{
    margin-right: 10%;
    margin-top: -31% !important;
  }

  .image-container-normal-shoes .text-container{
    margin-right: 40px;
  }
}
@media (max-width: 470px) {
  .image-container-normal-jabon .text-container-jabon {
    flex: none;
    width: 100%;
    margin-bottom: 10px;
    margin-top: -20px;
    max-width: fit-content;
  }
  .text-container-jabon .dots img {
    margin-right: 5% !important;
    margin-top: -37% !important;
}
.image-container-normal-jabon .text-container-jabon .description {
  margin-left: -40px;
}
}
@media (max-width: 420px) {
  .text-container-nails-responsive .dots img {
      margin-right: -13%;
      margin-top: -56% !important;
  }
  .text-container-jabon .dots img{
    margin-right: 5% !important;
    margin-top: -45% !important;
  }
  .text-container .dots img{
    margin-right: 10%;
    margin-top: -31% !important;
  }
  .text-container-crema .dots img {
    margin-right: 8%;
    margin-top: -37% !important;
  }
  .text-container-ducha-responsive .dots img {
    margin-right: 7%;
    margin-top: -37% !important;
  }

}

@media (max-width: 385px) {
  .text-container-nails-responsive .dots img {
      margin-right: -10%;
      margin-top: -59% !important;
  }
  .text-container-crema .dots img {
      margin-right: 8%;
      margin-top: -44% !important;
  }
  .text-container .dots img {
    margin-right: 10%;
    margin-top: -40% !important;
  }
  .text-container-jabon .dots img {
    margin-right: 5% !important;
    margin-top: -55% !important;
  }
  .text-container-ducha-responsive .dots img {
    margin-right: 7%;
    margin-top: -43% !important;
  }
}
@media (max-width: 355px) {
  .text-container-nails-responsive .dots img {
      margin-right: -5%;
      margin-top: -59% !important;
  }
}
@media (max-width: 880px) {
  .preventive-measures-section {
    max-width: 680px !important;
  }
  
}
@media (max-width: 880px) {
  .preventive-measures-section .right-column {
    margin-top: 52px !important;
    max-width: 83% !important;
  }
  .preventive-measures-section-2 .right-column {
    max-width: 83% !important;
  }
  .preventive-measures-section {
    margin-top: -50px !important;
}
}
@media (max-width: 950px) {
.right-column p {
  font-size: 1.3em !important;
  }
  .left-column {
    margin-top: -195px !important;
}

.image-container-normal-shoes .text-container .description {
  font-size: 1.2em !important;
 
}
.image-container-normal-jabon .text-container-jabon .description {
font-size: 1.2em !important;
}
.image-container-normal-crema .text-container-crema .description{
font-size: 1.2em !important;
}
.image-container-normal-ducha-responsive .text-container-ducha-responsive .description{
font-size: 1.2em !important;
}
.image-container-normal-nails-responsive .text-container-nails-responsive .description{
font-size: 1.2em !important;
}
.cuidado .questions{
  margin-top: -10px;
}
}
@media (max-width: 970px) {
  .texto-olvidar .different-line-3::before {
    top: 18PX !important;
  }
}
@media (max-width: 637px) {
  .image-container-reverse .dots {
      margin-right: -100px;
      margin-top: -180px;
  }
  .image-container-reverse-shoes .dots {
      margin-right: -100px;
  }
}
@media (max-width: 617px) {
  .image-container-reverse .dots {
      margin-right: -80px;
      margin-top: -180px;
  }
  .image-container-reverse-shoes .dots {
      margin-right: -100px;
      margin-top: -180px;
  }
}
@media (max-width: 376px) {
  .texto-olvidar .different-line-2::before {
    top: 15PX !important;
  }
}
@media (max-width: 511px) {
  .image-container-reverse .dots {
      margin-right: -85px;
      margin-top: -205px;
  }
 
}

@media (max-width: 561px) {
 
  .image-container-reverse-shoes .dots {
      margin-right: -92px;
      margin-top: -180px;
  }
}


@media (max-width: 483px) {
  .image-container-normal, .image-container-normal-shoes,.image-container-normal-crema, .image-container-normal-ducha-responsive,.image-container-normal-nails-responsive, .image-container-normal-jabon, .image-container-normal-eccema, .image-container-normal-paroniquia,.image-container-normal-hair, .image-container-normal-acne, .image-container-normal-aftas, .image-container-normal-foliculitis, .image-container-normal-nails, .image-container-reverse, .image-container-reverse-shoes {
      flex-direction: column;
      align-items: center;
      height: auto;
      padding: 10px;
      margin-bottom: 40px;
      margin-bottom: 40px;
      max-width: 470px;
      margin: 50px auto;
  }



  .image-container-normal .image-container img,
  .image-container-normal-shoes .image-container img,
  .image-container-reverse .image-container img,
  .image-container-normal-nails .image-container img,
  .image-container-normal-crema .image-container img,
  .image-container-normal-ducha-responsive .image-container img,
  .image-container-normal-nails-responsive .image-container img,
  .image-container-normal-jabon .image-container img,
  .image-container-reverse-shoes .image-container img {
      height: auto;
      width: 100%;
      object-fit: contain;
  }



  .image-container-normal-eccema .text-container-efectos,
  .image-container-normal-paroniquia .text-container-efectos,
  .image-container-normal-hair  .text-container-efectos,
  .image-container-normal-aftas .text-container-efectos,
  .image-container-normal-foliculitis .text-container-efectos,
  .image-container-normal-acne .text-container-efectos{
      flex: none;
      width: 100%;
      margin: 0;
      text-align: center;
      margin-bottom: 10px;
  }

  .text-container-efectos .dots {
      margin-bottom: 10px;
      margin-right: -75px;
  }
  .text-container-crema .dots {
    margin-bottom: 10px;
  }
  .text-container-ducha-responsive .dots {
    margin-bottom: 10px;
  }
  .text-container-nails-responsive .dots {
    margin-bottom: 10px;
  }
  .text-container-jabon .dots {
    margin-bottom: 10px;
  }
  
  .text-container-jabon .description{
    margin-right: 0px;
  }
  .button-container {
      margin-right: 0px;
  }

  .image-container-normal .text-container .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }
  .image-container-normal-shoes .text-container .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 20px;
}
  .image-container-normal-crema .text-container-crema .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }
.text-container-ducha-responsive .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 20px;
}
.text-container-ducha-responsive .description {
  font-size: 1.2em;
  line-height: 1.5;
  margin-top: 20px;
}
  .image-container-normal-ducha-responsive .text-container-ducha-responsive .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 20px;
}
  .image-container-normal-nails-responsive .text-container-nails-responsive .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 20px;
}

  .image-container-normal-jabon .text-container-jabon .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 20px;
}
  .image-container-normal-nails .text-container .description {
    margin-left: 0px !important;
  }
  
  .image-container-normal-eccema .text-container-efectos .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }
  .image-container-normal-paroniquia .text-container-efectos .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }
  .image-container-normal-hair .text-container-efectos .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }
  .image-container-normal-acne .text-container-efectos .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }
  .image-container-normal-aftas .text-container-efectos .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }
  .image-container-normal-foliculitis  .text-container-efectos .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 20px;
  }
  .image-container-reverse .text-container-jabon .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 80px;
  }

  .image-container-reverse-shoes .text-container-shoes .description {
      font-size: 1.2em;
      line-height: 1.5;
      margin-top: 80px;
  }

  .button-container {
      text-align: center;
      margin-top: 20px;
  }

  .image-container-reverse .button-container {
      text-align: center;
      margin-bottom: 20px;
  }

  .image-container-reverse-shoes .button-container-shoes {
      text-align: center;
      margin-bottom: 20px;
  }
  .image-container-normal .button-container {
      margin-bottom: 20px;
  }
  .image-container-normal-shoes .button-container {
    margin-bottom: 20px;
    margin-left: -35px !important;
}
  .image-container-normal-crema .button-container {  
    margin-bottom: 20px;
  } 
  .image-container-normal-ducha-responsive .button-container {  
    margin-bottom: 20px;
    margin-left: -20px ;
  } 
  .image-container-normal-nails-responsive  .button-container {  
    margin-bottom: 20px;
  } 
  .image-container-normal-jabon .button-container {  
    margin-bottom: 20px;
  } 
  .image-container-normal-nails .button-container {  
    margin-bottom: 20px;
  } 

  .image-container-normal-eccema .button-container {  
    margin-bottom: 20px;
  } 
  .image-container-normal-paroniquia .button-container {  
    margin-bottom: 20px;
  } 
  .image-container-normal-hair .button-container {  
    margin-bottom: 20px;
  } 
  .image-container-normal-hair .button-container {  
    margin-bottom: 20px;
  } 
  .image-container-normal-foliculitis .button-container {  
    margin-bottom: 20px;
  } 
  .image-container-normal-acne .button-container {  
    margin-bottom: 20px;
  } 
  .image-container-reverse .dots {
      margin-right: -40px;
      margin-top: -180px;
  }
  .image-container-reverse-shoes .dots {
      margin-right: -35px;
      margin-top: -235px;
  }
}


@media (max-width: 423px) {
  .image-container-reverse .dots {
      margin-right: -30px;
      margin-top: -205px;
  }
}
@media (max-width: 426px) {
  .image-container-normal-shoes .text-container .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 20px;
    margin-right: 75px !important;
  }
}
@media (max-width: 398px) {
  .image-container-reverse .dots {
      margin-right: -25px;
      margin-top: -205px;
  }
}

@media (max-width: 650px) {
  .popup, .popupShoes, .popupNails, .popupShoesSmallScreen, .popupDuchaResponsive, .popupNailsResponsive  {
      width: 90%; 
      padding: 10px;
  }

  .popup .cerrar, .popupShoes .cerrar, .popupNails .cerrar, .popupShoesSmallScreen .cerrar, .popupDuchaResponsive .cerrar, .popupNailsResponsive .cerrar {
      top: 5px;
      right: 5px;
      font-size: 16px;
      width: 20px; 
      height: 20px;
      line-height: 21px;
  }
  
}

@media (max-width: 500px) {
  .popup, .popupShoes, .popupNails, .popupShoesSmallScreen, .popupDuchaResponsive, .popupNailsResponsive  {
      width: 90%; 
      max-width: 450px; 
      padding: 10px;
  }
  .popup .popupAjustable{
  margin: 0 auto;
  max-width: 400px;
  font-size: 1.5em;
  color: white;
  line-height: 25px;
  margin-bottom: 20px;
  margin-top: 40px !important;
  }
  .popupDuchaResponsive .popupAjustable{
    margin: 0 auto;
    max-width: 400px;
    font-size: 1.5em;
    color: white;
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 40px !important;
    }
    .popupDuchaResponsive .popupAjustableAditional{
      margin: 0 auto;
      max-width: 400px;
      font-size: 1em;
      color: white;
      line-height: 25px;
      margin-bottom: 20px;
      margin-top: 40px !important;
      }
    .popupNailsResponsive .popupAjustable{
      margin: 0 auto;
      max-width: 400px;
      font-size: 1.5em;
      color: white;
      line-height: 25px;
      margin-bottom: 20px;
      margin-top: 40px !important;
      }
      .popupNailsResponsive .popupAjustableAditional{
        margin: 0 auto;
        max-width: 400px;
        font-size: 1em;
        color: white;
        line-height: 25px;
        margin-bottom: 20px;
        margin-top: 40px !important;
        }
  .popupShoes .popupAjustable{
  margin: 0 auto;
  max-width: 400px;
  font-size: 1.5em;
  color: white;
  line-height: 25px;
  margin-bottom: 20px;
  margin-top: 40px !important;
  }
  .popupShoesSmallScreen .popupAjustable{
    margin: 0 auto;
    max-width: 400px;
    font-size: 1.5em;
    color: white;
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 40px !important; 
  }
  .popupShoesSmallScreen .popupAjustableAditional{
    margin: 0 auto;
    max-width: 400px;
    font-size: 1em;
    color: white;
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 40px !important;
    }
  .popupNails .popupAjustable{
  margin: 0 auto;
  max-width: 400px;
  font-size: 1.5em;
  color: white;
  line-height: 25px;
  margin-bottom: 20px;
  margin-top: 40px !important;
  }
  .popup .cerrar, .popupShoes .cerrar, .popupNails .cerrar, .popupShoesSmallScreen .cerrar, .popupDuchaResponsive .cerrar, .popupNailsResponsive .cerrar {
      top: 5px; 
      right: 5px;
      font-size: 16px; 
      width: 20px; 
      height: 20px;
      line-height: 21px;
  }
}
@media (max-width: 1180px) {
  .dra-title {
    display: none !important;
}
.dra-title-2 {
  display: block !important;
  font-size: 1.4em;
  text-align: left !important;
}
.dra-title-3 {
  display: block !important;
  font-size: 1.4em;
  text-align: left !important;
  }
  .responsive-container p {
    font-size: 1.5em !important;
    margin-top: 90px !important;
  }
  .cuidado h2{
    font-size: 1.5em !important;
  }
  .notification-container p {
    font-size: 1.5em !important;
  }
}

@media (max-width: 1000px) {
  .divDra {
      height: auto; 
      padding: 15px;
      border-radius: 40px;
  }
  .divDra {
    width: 70% !important;
  }
  .puntosDra {
      width: 25px;
      height: 12px;
      top: 8px;
      right: 8px;
  }
  .responsive-container {
    width: 73% !important;
    padding: 10px;
}

  .dra-name {
      font-size: 1.6em;
      
  }

 
}

@media (max-width: 950px) {
.dra-name{
  font-size: 2em !important
}
.dra-title-2 {
  display: block !important;
  font-size: 1.1em !important;
  text-align: left !important;
}
.dra-title-3 {
  display: block !important;
  font-size: 1.1em !important;
  text-align: left !important;
  }
  
  .responsive-container p{
    font-size: 1.1em !important;
  }
}
@media (max-width: 600px) {
  .divDra {
    height: auto; 
    padding: 15px;
    border-radius: 40px;
}

.contentDra {
    margin-left: 0; 
    text-align: center; 
}

.puntosDra {
    width: 25px;
    height: 12px;
    top: 8px;
    right: 8px;
}

.dra-name {
    font-size: 1.6em;
    
}

.dra-title {
    font-size: 1.4em;
    text-align: left !important;
}
}

@media (max-width: 370px) {
  .divDra {
      margin-top: 20px;
      height: auto; 
      padding: 5px;
      border-radius: 20px; 
  }

  .contentDra {
      margin-left: 0; 
      text-align: center;
  }

  .puntosDra {
      width: 15px;
      height: 8px;
      top: 3px;
      right: 3px;
  }

  .dra-name {
      font-size: 1.2em;
      text-align: center !important;
  }

  .dra-title {
      font-size: 1em;
  }
}


@media (max-width: 1188px) {
  .image-container-normal-paroniquia{
    height: 665px !important;
  }
  .image-container-efectos .medidas-image-paroniquia {
    max-width: 66% !important;
    height: 827px !important;
  }
  .image-container-efectos img {
    max-height: 810px !important;
    border-radius: 10px;
  }
}
@media (max-width: 1160px) {
  .image-container-efectos img {

    border-radius: 10px;
    width: 66% !important;
  }
    .image-container-efectos .medidas-image-hair {
      height: 540px !important;
      width: 69%;
  }
}


@media (max-width: 1097px) {
  .image-container-normal-acne{
    height: 645px !important;
  }
  .medidas-image-acne {
    height: 760px !important;
    width: 67% !important;
    margin-bottom: 25px;
  }
}


@media (max-width: 1087px) {
  .image-container-normal-foliculitis{
    height: 515px !important;
  }
  .medidas-image-foliculitis {
    max-width: 65% !important;
    height: 672px !important;
  }
}

@media (max-width: 1080px) {
  .image-container-normal-paroniquia{
    height: 685px !important;
  }
  .image-container-efectos .medidas-image-paroniquia {
    max-width: 66% !important;
    height: 844px !important;
  }
  .image-container-efectos img {
    max-height: 830px !important;
    border-radius: 10px;
  }
}

@media (max-width: 1051px) {
  .image-container-normal-paroniquia{
    height: 725px !important;
  }
  .image-container-efectos img {
    max-height: 880px !important;
    border-radius: 10px;
  }
  .image-container-efectos .medidas-image-paroniquia {
    height: 880px !important;
}
}
@media (max-width: 1071px) {
  .left-column-recomendations {
    margin-top: -235px !important;
  }
}
@media (max-width: 1020px) {
  .left-column-recomendations {
    margin-top: -270px !important;
  }
}


@media (max-width: 903px) {
  .left-column-recomendations {
    margin-bottom: 110px !important;
  }
}



@media (max-width: 977px) {
  .left-column {
    margin-bottom: -10px !important;
  }
}

@media (max-width: 1000px) {
  .image-container-normal-eccema{
    height: auto !important;
  }
  .image-container-normal-acne{
    height: auto !important;
  }
  .image-container-normal-aftas{
    height: auto !important;
  }
  .image-container-normal-foliculitis{
    height: auto !important;
  }
  .image-container-normal-paroniquia{
    height: auto !important;
  }
  .image-container-normal-hair{
    height: auto !important;
  }
}


@media (max-width: 1000px) {
  .title-stacked{
    font-size: 2.3em !important;
    line-height: 1.3 !important;
}
.left-column-recomendations {
  margin-top: -335px !important;
}
.left-column {
  margin-bottom: -10px !important;
}
}

@media (max-width: 790px) {
  .preventive-measures-section {
      flex-direction: column;
      align-items: center;
      margin-top: 200px !important;
  }
  .left-column-recomendations {
    margin-top: -260px !important;
}
  .left-column h2{
    margin-bottom: -100px !important;
    font-family: 'Galdern' !important;
  }
  .preventive-measures-section-2 {
    flex-direction: column;
    align-items: center;
    margin-top: 70px !important;
}
  .left-column {
      margin-top: -500px !important;
      margin-bottom: 70px !important;
      justify-content: center;
      text-align: center; 
  }

  .right-column {
      margin-top: -70px !important;
      max-width: 90% !important;
  }

  .title-stacked {
      text-align: center; 
      font-size: 2.5em;
      display: none;
  }
  .title-stacked-inline {
    text-align: center; 
    font-size: 1.8em;
    display: block !important;
    margin-top: 270px;
}
.title-stacked-inline-recomendations {
  text-align: center; 
  font-size: 1.8em;
  display: block !important;
  margin-top: 100px;
}
  .right-column p {
      font-size: 1.5em; 
  }

  .left-column-recomendations {
    margin-bottom: 50px !important;
    font-family: 'Galdern' !important;
}
.title-stacked {
  font-size: 2em !important;
  line-height: 1.5 !important;
}
}

@media (max-width: 903px) {

.left-column-recomendations {
  margin-top: -260px !important;
}
.preventive-measures-section-2 {
  max-width: 750px !important;
}
}
@media (max-width: 820px) {
  .left-column-recomendations {
    margin-top: -300px !important;
  }
  .preventive-measures-section-2 {
    max-width: 712px !important;
  }
}
@media (max-width: 650px) {
  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer img {
    margin-top: 0; 
  }

  .footer p {
    display: block; 
    max-width: 80%;
    margin: 10px auto;
    font-size: 0.8em;
  }

  .footer p a {
    display: block;
  }

}






@media screen and (max-width: 650px) {
  img.logo{
      height: 40px !important;
  }
  .logos-section {
      background-color: #fff;
      text-align: center;
      padding: 20px;
      display: flex;
      justify-content: center;
      gap: 50px;
  }
  .footer img {
      max-height: 55px;
  }
}



@media screen and (max-width: 1000px) {
  .text-container-efectos .paroniquia{
    margin-left: 0px !important;
  }
  .text-container-efectos .foliculitis{
    margin-left: 0px !important;
  }
  .text-container-efectos .acne{
    margin-left: 0px !important;
  }
  .text-container-efectos .aftas{
    margin-left: 0px !important;
  }
  .text-container-efectos .eccema{
    margin-left: 0px !important;
  }
  .text-container-efectos .hair{
    margin-left: 0px !important;
  }
}

@media (max-width: 800px) {
  .content-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center; 
    max-width: 600px !important;
  }
  .div-circular h2 {
    font-size: 3.2em;
  }
  .div-circular img {
    right: 21px;
    top: 21px;
    max-width: 60px; 
    margin-bottom: 20px; 
  }
}

@media (max-width: 800px) {
  .dra-title-4 {
    display: block !important;
    font-size: 1.2em !important;
    text-align: left !important;
}
  .dra-title-5 {
    display: block !important;
    font-size: 1.2em !important;
    text-align: left !important;
    }

    .dra-title-2 {
      display: none !important;
  }
    .dra-title-3 {
      display: none !important;
      }
}
@media (max-width: 670px) {
  .dra-name{
    margin-top: 40px !important;
  }
  .contentDra {
    margin-left: 75px !important;
}
.responsive-container p {
  font-size: 1.2em !important;
  margin-top: 110px !important;
}
}

@media (max-width: 540px) {
.dra-name{display: none !important;}
.dra-name-1{
  display: block !important;
  font-size: 2em !important;
  color: #ff8e61 !important;
}
.dra-name-2{
  display: block !important;
  font-size: 2em !important;
  color: #ff8e61 !important;
}
.contentDra {
  margin-left: 0;
  text-align: left !important;
}
.dra-title-4{
  display: none !important;
}
.dra-title-5{
  display: none !important;
}
.dra-title-6{
  display: block !important;
  font-size: 1.2em !important;
  text-align: left !important;
}
.dra-title-7{
  display: block !important;
  font-size: 1.2em !important;
  text-align: left !important;
}
.dra-title-8{
  display: block !important;
  font-size: 1.2em !important;
  text-align: left !important;
}
.responsive-container p {
  font-size: 1.2em !important;
  margin-top: 145px !important;
}
}

@media (max-width: 375px) {
  .dra-name-1{
    margin-top: 35px !important;
  }
  .responsive-container p {
    font-size: 1.2em !important;
    margin-top: 190px !important;
}

.div-circular h2 {
  font-size: 1.99em !important;
}
}
@media (max-width: 500px) {

  .content-wrapper {
    text-align: center; 
  }
  .div-circular h2 {
    font-size: 2.5em; 
  }

}

.image-container-reverse-shoes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #c3be88;
  border-radius: 20px;
  padding: 20px;
  margin: 20px 0;
  height: 300px;
  position: relative;
  margin-bottom: 80px;
}

.image-container-reverse-shoes .text-container-shoes .description {
  font-size: 1.2em;
  line-height: 1.5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); 
  width: 100%; 
  margin: 0; 
}

.image-container-reverse-shoes .button-container-shoes {
  position: absolute;
  bottom: 10px; 
  width: 100%; 
}

.image-container-reverse-shoes .dots {
  justify-content: flex-end;
  margin-right: -45px;
}

.image-container-reverse-shoes .button-container-shoes {
  text-align: left;
  margin-top: -20px;
}

.image-container-reverse-shoes .image-container {
  position: relative;
  margin-right: 45px;
}

.image-container-reverse-shoes .dots {
  position: absolute;
  top: 35px;
  right: -1px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1000px) {
  .image-container-reverse-shoes {
    flex-direction: column;
    align-items: center;
    height: auto;
    padding: 10px;
    margin-bottom: 40px;
    max-width: 650px;
    margin: 50px auto;
  }

  .image-container-reverse-shoes .image-container {
    flex: none;
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 10px;
  }

  .image-container-reverse-shoes .image-container img {
    height: auto;
    width: 100%;
    object-fit: contain;
  }

  .image-container-reverse-shoes .text-container-shoes {
    flex: none;
    max-width: 64%;
    margin-bottom: 10px;
    margin-top: 25px;
  }

  .image-container-reverse-shoes .text-container-shoes .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 20px;
    position: static; 
    transform: none;
  }

  .image-container-reverse-shoes .button-container-shoes {
    text-align: center;
    position: static;
    margin-top: 20px; 
  }

  .image-container-reverse-shoes .dots {
    position: absolute;
    top: -48%;
    right: -47%;
    margin-right: 10px; 
  }
  .image-container-reverse-shoes .text-container-shoes .button-container-shoes {
    position: relative !important;
    margin-left: -85px;
  }

  .image-container-reverse-shoes .text-container-shoes {
    flex: none;
    max-width: 100%;
    margin-bottom: 10px;
    margin-top: 25px;
  }

  .image-container-reverse-shoes .text-container-shoes .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 20px;
    width: 98%;
  }
}

@media (max-width: 483px) {
  .image-container-reverse .dots {
    margin-right: -42px !important;
    margin-top: -220px !important;

  }
  .container p {
    margin-right: auto !important;
  }
  .foliculitis h2{
    margin-top: 45px !important
  }
  .aftas h2{
    margin-top: 45px !important;
  }
  .paroniquia h2{
    margin-top: 45px !important;
  }
  .eccema h2{
    margin-top: 45px !important;
  }
  .hair h2{
    margin-top: 45px !important;
  }
}
@media (max-width: 468px) {
  .image-container-reverse .dots {
    margin-right: -40px;
    margin-top: -258px !important;
}
}

@media (max-width: 394px) {
  .image-container-reverse .dots {
    margin-right: -40px;
    margin-top: -290px !important;
}
}


@media (max-width: 617px) {

  .image-container-reverse-shoes .dots {
    margin-top: 0px !important;
  }
}


@media (max-width: 529px) {
  .image-container-reverse-shoes .dots {
    margin-right: 37px !important;
    margin-top: -55px !important;
    
  }
  .image-container-reverse-shoes .image-container img {
      margin-bottom: 10px !important;
}
.image-container-reverse-shoes .dots {
  position: absolute; 
  top: -36% !important; 
  right: -64% !important;
}
.image-container-reverse-shoes .text-container-shoes .button-container-shoes {
  position: relative !important;
}
}


@media (max-width: 483px) {

  .image-container-reverse-shoes .text-container-shoes .button-container-shoes {
    position: relative !important;
    margin-left: auto !important; 
  }
  .image-container-reverse-shoes .image-container img {
    margin-bottom: 20px !important;
  }
  .image-container-reverse-shoes .dots {
    position: absolute; 
    top: -45% !important; 
    right: -47% !important;
  }
}

@media (max-width: 465px) {

  .image-container-reverse-shoes .dots {
    position: absolute; 
    top: -47% !important; 
    right: -47% !important;
  }
  .image-container-reverse-shoes .image-container img {
    margin-bottom: 35px !important;
}
}

@media (max-width: 425px) {

  .image-container-reverse-shoes .dots {
    position: absolute; 
    top: -49% !important; 
    right: -47% !important; 
  }
  .image-container-reverse-shoes .image-container img {
    margin-bottom: 50px !important;
}
}

@media (max-width: 388px) {

  .image-container-reverse-shoes .dots {
    position: absolute; 
    top: -50% !important; 
    right: -47% !important; 
  }
  .image-container-reverse-shoes .image-container img {
    margin-bottom: 70px !important;
}
}

@media (max-width: 375px) {

  .image-container-reverse-shoes .dots {
    position: absolute; 
    top: -51% !important; 
    right: -47% !important; 
  }
  .image-container-reverse-shoes .image-container img {
    margin-bottom: 70px !important;
}
}

@media (max-width: 620px) {
  .image-container-reverse-shoes .text-container-shoes .description {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 20px;
    width: 68%;
  }
}

@media (max-width: 730px) {
  .popupShoes .popupAjustable {
      font-size: 1.2em !important;
      max-width: 450px !important;
  }
  .popupShoesSmallScreen .popupAjustable {
    font-size: 1.2em !important;
    max-width: 450px !important;
}
  .popupShoes .popupAjustableAditional {
    font-size: 1.2em !important;
    max-width: 450px !important;
  }
  .popupShoesSmallScreen .popupAjustableAditional {
    font-size: 1.2em !important;
    max-width: 450px !important;
  }
  .popupNails .popupAjustable {
    font-size: 1.2em !important;
    max-width: 450px !important;
  }
  .popupNails .popupAjustableAditional {
    font-size: 1.2em !important;
    max-width: 450px !important;
  }
  .popup .popupAjustable {
    font-size: 1.2em !important;
    max-width: 450px !important;
  }
  .popup .popupAjustableAditional {
    font-size: 1.2em !important;
    max-width: 450px !important;
  }
  .popupDuchaResponsive .popupAjustable {
    font-size: 1.2em !important;
    max-width: 450px !important;
  }
  .popupNailsResponsive .popupAjustable {
    font-size: 1.2em !important;
    max-width: 450px !important;
  }
  .popupDuchaResponsive .popupAjustableAditional {
    font-size: 1.2em !important;
    max-width: 450px !important;
  }
  .popupNailsResponsive .popupAjustableAditional {
    font-size: 1.2em !important;
    max-width: 450px !important;
  }
}

@media (max-width: 1000px) {
  .popupShoes .popupAjustable {
    max-width: 554px !important;
    font-size: 1.3em !important;
}
.popupShoesSmallScreen .popupAjustable {
  max-width: 554px !important;
  font-size: 1.3em !important;
} 
.popupShoes .popupAjustableAditional {
  max-width: 554px !important;
  font-size: 1em !important;
}
.popupShoesSmallScreen .popupAjustableAditional {
  max-width: 554px !important;
  font-size: 1em !important;
}
.popupNails .popupAjustable {
  max-width: 554px !important;
  font-size: 1.3em !important;
}
.popupNails .popupAjustableAditional {
  max-width: 554px !important;
  font-size: 1em !important;
}
.popup .popupAjustable {
  max-width: 554px !important;
  font-size: 1.3em !important;
}
.popup .popupAjustableAditional {
  max-width: 554px !important;
  font-size: 1em !important;
}
.popupDuchaResponsive .popupAjustable {
  max-width: 554px !important;
  font-size: 1.3em !important;
}
.popupNailsResponsive .popupAjustable {
  max-width: 554px !important;
  font-size: 1.3em !important;
}
.popupDuchaResponsive .popupAjustableAditional {
  max-width: 554px !important;
  font-size: 1em !important;
}

.popupNailsResponsive .popupAjustableAditional {
  max-width: 554px !important;
  font-size: 1em !important;
}
}
@media (max-width: 600px) {
  .popupShoes .popupAjustable {
      font-size: 1.2em !important;
      max-width: 400px !important;
  }
  .popupShoesSmallScreen .popupAjustable {
    font-size: 1.2em !important;
    max-width: 400px !important;
}
  .popupShoes .popupAjustableAditional {
    font-size: 1em !important;
    max-width: 400px !important;
  }
  .popupShoesSmallScreen .popupAjustableAditional {
    font-size: 1em !important;
    max-width: 400px !important;
  }
  .popupNails .popupAjustable {
    font-size: 1.2em !important;
    max-width: 400px !important;
  }
  .popupNails .popupAjustableAditional {
    font-size: 1em !important;
    max-width: 400px !important;
  }
  .popup .popupAjustable {
    font-size: 1.2em !important;
    max-width: 400px !important;
  }
  .popup .popupAjustableAditional {
    font-size: 1em !important;
    max-width: 400px !important;
  }
  .popupDuchaResponsive .popupAjustable {
    font-size: 1.2em !important;
    max-width: 400px !important;
  }
  .popupNailsResponsive .popupAjustable {
    font-size: 1.2em !important;
    max-width: 400px !important;
  }
  .popupDuchaResponsive .popupAjustableAditional {
    font-size: 1em !important;
    max-width: 400px !important;
  }
  .popupNailsResponsive .popupAjustableAditional {
    font-size: 1em !important;
    max-width: 400px !important;
  }
  sup{
    font-size: 0.4em !important;
  }
}

@media (max-width: 500px) {
  .popupShoes .popupAjustable {
      font-size: 1.1em !important;
      max-width: 400px !important;
  }
  .popupShoesSmallScreen .popupAjustable {
    font-size: 1.1em !important;
    max-width: 400px !important;
}
  .popupShoes .popupAjustableAditional {
    font-size: 0.9em !important;
    max-width: 400px !important;
  }
  .popupShoesSmallScreen .popupAjustableAditional {
    font-size: 0.9em !important;
    max-width: 400px !important;
  }
  .popupNails .popupAjustable {
    font-size: 1.1em !important;
    max-width: 400px !important;
  }
  .popupNails .popupAjustableAditional {
    font-size: 0.9em !important;
    max-width: 400px !important;
  }
  .popup .popupAjustable {
    font-size: 1.1em !important;
    max-width: 400px !important;
  }
  .popup .popupAjustableAditional {
    font-size: 0.9em !important;
    max-width: 400px !important;
  }
  .popupDuchaResponsive .popupAjustable {
    font-size: 1.1em !important;
    max-width: 400px !important;
  }
  .popupNailsResponsive .popupAjustable {
    font-size: 1.1em !important;
    max-width: 400px !important;
  }
  .popupDuchaResponsive .popupAjustableAditional {
    font-size: 0.9em !important;
    max-width: 400px !important;
  }
  .popupNailsResponsive .popupAjustableAditional {
    font-size: 0.9em !important;
    max-width: 400px !important;
  }
  sup{
    font-size: 0.4em !important;
  }
}

@media (max-width: 1000px) {
  .cerrarHair{
    top: 10px !important;
    right: 10px !important;
  }
  .cerrarShoesNails{
    top: 10px !important;
    right: 10px !important;
  }

  .image-container-efectos .medidas-image-hair{
    display: none !important;
  }
  .image-container-efectos .medidas-image-acne{
    display: none !important;
  }
  .image-container-efectos .medidas-image-eccema{
    display: none !important;
  }
  .image-container-efectos .medidas-image-aftas{
    display: none !important;
  }
  .image-container-efectos .medidas-image-foliculitis{
    display: none !important;
  }
  .image-container-efectos .medidas-image-paroniquia{
    display: none !important;
  }
  .image-container-efectos .medidas-image-responsive{
    display: flex !important;
  }
}


@media (max-width: 1000px) {
  .text-container-efectos .descriptionEvento {
    font-size: 1.55em !important;
  }
}




@media (max-width: 1350px) {
  .div-circular {
      flex-direction: column;
      padding: 20px 10px;
      text-align: center;
  }
  .content-wrapper {
      flex-direction: column;
      align-items: center;
  }
  .text-container-start h2 {
      font-size: 2.5em;
      line-height: 1em;
  }

  .responsive-container p{
    margin-right: auto !important;
  }
 
  .contentDra h2 {
      font-size: 2em;
  }
  .contentDra p {
      font-size: 1.2em;
  }
  .containerDiv {
      margin-top: 20px;
  }
}

@media (max-width: 1350px) {
    .divDra {
      max-width: 80% !important;
    }
    .responsive-container {
        max-width: 82%;
        padding: 10px;
    }
    
    .div-circular h2 {
        font-size: 3em; 
    }

    .div-circular img {
      max-width: 44px !important;
        height: 22px !important;
    }
    .divDra .puntosDra {
      max-width: 47px !important;
        height: 22px !important;
    }

    .divDra .contentDra h2 {
        font-size: 2em;
    }

    .divDra .contentDra p {
        font-size: 1.2em;
    }

    .responsive-container p {
        margin-top: 70px;
    }
}

@media (max-width: 1000px) {
    .responsive-container {
        padding: 5px;
    }
    
    .div-circular h2 {
        font-size: 2.5em; 
    }

    .div-circular img {
      max-width: 42px !important;
        height: 20px !important;
    }
    .divDra .puntosDra {
      max-width: 50px !important;
        height: 20px !important;
    }

    .divDra .contentDra h2 {
        font-size: 1.8em;
    }

    .divDra .contentDra p {
        font-size: 1em;
    }

    .container p {
        font-size: 1.3em;
    }
}

@media (max-width: 600px) {
    .responsive-container {
        padding: 2px;
    }
    
    .div-circular h2 {
        font-size: 2em; 
    }

  
    .divDra .contentDra h2 {
        font-size: 1.5em;
    }

    .divDra .contentDra p {
        font-size: 0.8em;
    }

    .container p {
        font-size: 1.1em;
    }
}

@media (max-width: 648px) {
.rounded-span {

  margin-bottom: 25px !important;
}
}
@media (max-width: 1180px) {
  .image-container-normal p.description{
    margin-top: 35px;
    margin-bottom: -5px !important;
  }
}
@media (min-width: 1000px) {
  .text-container-crema {
    margin-top: -25px;
  }
}
@media (max-width: 500px) {
  .image-container-normal-hair{
  margin-top: -50px;
  }
}
@media (max-width: 1029px) {
  .image-container-normal p.description{
    margin-bottom: -6px !important;
    margin-top: 15px;
  }
}
@media (max-width: 1030px) {
  .image-container-normal .button-container {
  text-align: end;
  margin-top: -20px !important;
}
}
@media (max-width: 1024px) {
  .image-container-normal-eccema {
    height: 350px;
  }
  .image-container-efectos .medidas-image-eccema {
    height: 490px !important;
  }
}
@media (max-width: 1024px) {
  .image-container-normal-aftas {
      height: 425px;
  }
  .medidas-image-aftas {
    height: 555px;
  }
}

@media (max-width: 1180px) {
  .preventive-measures-section{
    max-width: 86%;
  }
}

@media (max-width: 1176px) {
.left-column {
  margin-top: -320px;
}

}

@media (max-width: 1163px) {
  .left-column {
    margin-top: -360px;
  }
  
  }

  @media (max-width: 1082px) {
    .left-column {
      margin-top: -395px;
    }
    
    }

    @media (max-width: 627px) {
      .left-column {
        flex: 1;
        display: flex;
        flex-direction: column; 
        align-items: center; 
        justify-content: center;
        padding: 20px;
        position: relative;
        margin-top: -280px;
        font-size: 1.3em;
    }
    .left-column h2{
      margin-bottom: 20px !important;
    }

    .right-column .firstColumn{
      margin-top: -115px !important;
    }
    .responsiveTittle {
      display: block !important; 
      margin-bottom: -30px; 
      width: 100%; 
      text-align: center;
  }
  .title-stacked-inline {
      display: none !important;
  }
  .left-column {
      margin-top: -290px !important; 
      align-items: center; 
  }
  .left-column .different{
    margin-bottom: 15px;
    margin-top: -17px;
  }
  }

  @media (max-width: 789px) {
    .left-column-recomendations {
      flex: 1;
      display: flex;
      flex-direction: column; 
      align-items: center; 
      justify-content: center; 
      padding: 20px;
      position: relative;
      margin-top: -280px;
      font-size: 1.3em;
  }
  .left-column-recomendations h2{
    margin-bottom: 20px !important;
  }

  .right-column .firstColumnRecomendations{
    margin-top: 5px !important;
  }
  .responsiveTittle-recomendations {
    display: block !important; 
    margin-bottom: -30px; 
    width: 100%; 
    text-align: center; 
}
.title-stacked-inline-recomendations {
    display: none !important; 
}
.left-column-recomendations {
    margin-top: -290px !important; 
    align-items: center; 
}
.left-column-recomendations .different{
  margin-bottom: 10px;
  margin-top: -17px;
}
}
@media (max-width: 704px) {
  .left-column-recomendations {
    flex: 1;
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center; 
    padding: 20px;
    position: relative;
    margin-top: -280px;
    font-size: 1.3em;
}
.left-column-recomendations h2{
  margin-bottom: 20px !important;
}

.right-column .firstColumnRecomendations{
  margin-top: 5px !important;
}
.responsiveTittle-recomendations-2 {
  display: block !important; 
  margin-bottom: -30px; 
  width: 100%; 
  text-align: center; 
}
.responsiveTittle-recomendations {
  display: none !important; 
}
.left-column-recomendations {
  margin-top: -290px !important; 
  align-items: center; 
}
.left-column-recomendations .different{
margin-bottom: 10px;
margin-top: -17px;
}
}

@media (max-width: 584px) {
  .left-column-recomendations {
    flex: 1;
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center; 
    padding: 20px;
    position: relative;
    margin-top: -280px;
    font-size: 1.3em;
}
.left-column-recomendations h2{
  margin-bottom: 20px !important;
}

.right-column .firstColumnRecomendations{
  margin-top: 5px !important;
}
.responsiveTittle-recomendations-3 {
  display: block !important; 
  margin-bottom: -30px; 
  width: 100%; 
  text-align: center; 
}
.responsiveTittle-recomendations-2 {
  display: none !important; 
}
.left-column-recomendations {
  margin-top: -290px !important; 
  align-items: center; 
}
.left-column-recomendations .different{
margin-bottom: 10px;
margin-top: -17px;
}
}
@media (max-width: 520px) {
  .left-column-recomendations {
    flex: 1;
    display: flex;
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    padding: 20px;
    position: relative;
    margin-top: -280px;
    font-size: 1.3em;
}
.left-column-recomendations h2{
  margin-bottom: 20px !important;
}

.right-column .firstColumnRecomendations{
  margin-top: 5px !important;
}
.responsiveTittle-recomendations-4 {
  display: block !important;
  margin-bottom: -30px;
  width: 100%;
  text-align: center; 
}
.responsiveTittle-recomendations-3 {
  display: none !important;
}
.left-column-recomendations {
  margin-top: -290px !important; 
  align-items: center;
}
.left-column-recomendations .different{
margin-bottom: 10px;
margin-top: -17px;
}
}
@media (max-width: 456px) {
  .left-column-recomendations {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    margin-top: -280px;
    font-size: 1.3em;
}
.left-column-recomendations h2{
  margin-bottom: 20px !important;
}

.right-column .firstColumnRecomendations{
  margin-top: 5px !important;
}
.responsiveTittle-recomendations-5 {
  display: block !important; 
  margin-bottom: -30px;
  width: 100%;
  text-align: center;
}
.responsiveTittle-recomendations-4 {
  display: none !important;
}
.left-column-recomendations {
  margin-top: -290px !important;
  align-items: center;
}
.left-column-recomendations .different{
margin-bottom: 10px;
margin-top: -17px;
}
}
@media (max-width: 344px) {
  .left-column-recomendations {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    position: relative;
    margin-top: -280px;
    font-size: 1.3em;
}
.left-column-recomendations h2{
  margin-bottom: 20px !important;
}

.right-column .firstColumnRecomendations{
  margin-top: 5px !important;
}
.responsiveTittle-recomendations-6 {
  display: block !important;
  margin-bottom: -30px;
  width: 100%;
  text-align: center;
}
.responsiveTittle-recomendations-5 {
  display: none !important;
}
.left-column-recomendations {
  margin-top: -290px !important;
  align-items: center;
}
.left-column-recomendations .different{
margin-bottom: 10px;
margin-top: -17px;
}
}
@media (max-width: 363px) {
  .left-column-recomendations h2 {
     font-size: 1.4em; 
  }
}

@media (max-width: 1020px) {
  .image-container-normal-aftas {
    height: 440px !important;
  }
  .medidas-image-aftas {
    height: 575px !important;
}
  
}
@media (max-width: 1019px) {
  .image-container-normal-eccema {
    height: 355px ;
  }
  .image-container-efectos .medidas-image-eccema{
    height: 495px !important;
}
}
  @media (max-width: 1000px) {
    .image-container-normal-hair {
      height: auto !important;
    }
    .image-container-normal-aftas {
      height: auto !important;
  }
  .puntos {
    max-width: 42px !important;
    height: 20px !important;
  } 
}

  @media (max-width: 700px) {
    .image-container-normal-hair .text-container-efectos,
    .image-container-normal-eccema .text-container-efectos,
    .image-container-normal-paroniquia .text-container-efectos,
    .image-container-normal-foliculitis .text-container-efectos,
    .image-container-normal-acne .text-container-efectos,
    .image-container-normal-aftas .text-container-efectos{
        flex: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: -225px;
        max-width: 600px;
    }

    .hair, .eccema, .paroniquia, .foliculitis, .acne, .aftas{
      margin-top: 280px !important;
  }

  }

  @media (max-width: 680px) {
    img.puntos {
      margin-right: 8%;
      height: 20px;
  }
  }


  @media (max-width: 650px) {
    .image-container-normal-eccema .image-container-efectos,
    .image-container-normal-paroniquia .image-container-efectos,
    .image-container-normal-foliculitis .image-container-efectos,
    .image-container-normal-acne .image-container-efectos,
    .image-container-normal-hair .image-container-efectos,
    .image-container-normal-aftas .image-container-efectos{
        margin-top: -7.5% !important;
    }

    .image-container-normal-hair .text-container-efectos,
    .image-container-normal-eccema .text-container-efectos,
    .image-container-normal-paroniquia .text-container-efectos,
    .image-container-normal-foliculitis .text-container-efectos,
    .image-container-normal-acne .text-container-efectos,
    .image-container-normal-aftas .text-container-efectos{
        flex: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: -220px;
        max-width: 600px;
    }
    img.puntos {
      margin-right: 8%;
      height: 20px;
      margin-top: -3% !important;
  }
    .hair, .eccema, .paroniquia, .foliculitis, .acne, .aftas{
      margin-top: 275px !important;
  }

  }
  @media (max-width: 608px) {
    .image-container-normal-eccema .image-container-efectos,
    .image-container-normal-paroniquia .image-container-efectos,
    .image-container-normal-foliculitis .image-container-efectos,
    .image-container-normal-acne .image-container-efectos,
    .image-container-normal-hair .image-container-efectos,
    .image-container-normal-aftas .image-container-efectos{
        margin-top: -8% !important;
    }
  }
  @media (max-width: 600px) {
    .image-container-normal-hair .text-container-efectos,
    .image-container-normal-eccema .text-container-efectos,
    .image-container-normal-paroniquia .text-container-efectos,
    .image-container-normal-foliculitis .text-container-efectos,
    .image-container-normal-acne .text-container-efectos,
    .image-container-normal-aftas .text-container-efectos{
        flex: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: -180px;
        max-width: 600px;
    }
    img.puntos {
      margin-right: 10%;
      height: 20px;
      margin-top: -10% !important;
      
  }
    .hair, .eccema, .paroniquia, .foliculitis, .acne, .aftas{
      margin-top: 250px !important;
  }

  }
  @media (max-width: 560px) {
    .image-container-normal-hair .text-container-efectos,
    .image-container-normal-eccema .text-container-efectos,
    .image-container-normal-paroniquia .text-container-efectos,
    .image-container-normal-foliculitis .text-container-efectos,
    .image-container-normal-acne .text-container-efectos,
    .image-container-normal-aftas .text-container-efectos{
        flex: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: -150px;
        max-width: 600px;
    }
    img.puntos {
      margin-right: 12%;
      height: 20px;
      margin-top: -16% !important;
  }
    .hair, .eccema, .paroniquia, .foliculitis, .acne, .aftas{
      margin-top: 220px !important;
  }

  }

  @media (max-width: 510px) {
    .image-container-normal-hair .text-container-efectos,
    .image-container-normal-eccema .text-container-efectos,
    .image-container-normal-paroniquia .text-container-efectos,
    .image-container-normal-foliculitis .text-container-efectos,
    .image-container-normal-acne .text-container-efectos,
    .image-container-normal-aftas .text-container-efectos{
        flex: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: -130px;
        max-width: 600px;
    }
    img.puntos {
      margin-right: 12%;
      height: 20px;
      margin-top: -23% !important;
  }
    .hair, .eccema, .paroniquia, .foliculitis, .acne, .aftas{
      margin-top: 200px !important;
  }

  }
  @media (max-width: 500px) {

    img.puntos {
      margin-right: 12%;
      height: 20px;
      margin-top: -4% !important;
  }
  }
  @media (max-width: 482px) {
    .image-container-normal-hair .text-container-efectos,
    .image-container-normal-eccema .text-container-efectos,
    .image-container-normal-paroniquia .text-container-efectos,
    .image-container-normal-foliculitis .text-container-efectos,
    .image-container-normal-acne .text-container-efectos,
    .image-container-normal-aftas .text-container-efectos{
        flex: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: -130px;
        max-width: 600px;
    }
    img.puntos {
      margin-right: 18%;
      height: 20px;
  }
    .hair, .eccema, .paroniquia, .foliculitis, .acne, .aftas{
      margin-top: 200px !important;
  }

  }

  @media (max-width: 445px) {
    .image-container-normal-hair .text-container-efectos,
    .image-container-normal-eccema .text-container-efectos,
    .image-container-normal-paroniquia .text-container-efectos,
    .image-container-normal-foliculitis .text-container-efectos,
    .image-container-normal-acne .text-container-efectos,
    .image-container-normal-aftas .text-container-efectos{
        flex: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: -110px;
        max-width: 600px;
    }
    img.puntos {
      margin-right: 20%;
      height: 20px;
      margin-top: -8% !important;
  }
    .hair, .eccema, .paroniquia, .foliculitis, .acne, .aftas{
      margin-top: 175px !important;
  }

  }

  @media (max-width: 410px) {
    .image-container-normal-hair .text-container-efectos,
    .image-container-normal-eccema .text-container-efectos,
    .image-container-normal-paroniquia .text-container-efectos,
    .image-container-normal-foliculitis .text-container-efectos,
    .image-container-normal-acne .text-container-efectos,
    .image-container-normal-aftas .text-container-efectos{
        flex: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: -90px;
        max-width: 600px;
    }
    img.puntos {
      margin-right: 20%;
      height: 20px;
      margin-top: -14% !important;
  }
    .hair, .eccema, .paroniquia, .foliculitis, .acne, .aftas{
      margin-top: 165px !important;
  }

  }

  @media (max-width: 370px) {
    .image-container-normal-hair .text-container-efectos,
    .image-container-normal-eccema .text-container-efectos,
    .image-container-normal-paroniquia .text-container-efectos,
    .image-container-normal-foliculitis .text-container-efectos,
    .image-container-normal-acne .text-container-efectos,
    .image-container-normal-aftas .text-container-efectos{
        flex: none;
        width: 100%;
        margin-bottom: 10px;
        margin-top: -70px;
        max-width: 600px;
    }
    img.puntos {
      margin-right: 20%;
      height: 20px;
      margin-top: -20% !important;
  }
    .hair, .eccema, .paroniquia, .foliculitis, .acne, .aftas{
      margin-top: 145px !important;
  }

  }













  @media (max-width: 950px) {
    .container h2 .different-span {
      color: #333;
      margin-bottom: -15px;
      font-size: 1.2em;
  }
  .text-container-efectos .descriptionEvento {
    font-size: 1.2em !important;
}

  }

  @media (max-width: 700px) {
.image-container-efectos img {
  width: auto !important;
  height: 345px !important;
  object-fit: cover;
  border-radius: 10px;
}
  }

  
  @media (max-width: 550px) {
    .image-container-normal-eccema .image-container-efectos,
    .image-container-normal-paroniquia .image-container-efectos,
    .image-container-normal-foliculitis .image-container-efectos,
    .image-container-normal-acne .image-container-efectos,
    .image-container-normal-hair .image-container-efectos,
    .image-container-normal-aftas .image-container-efectos{
        margin-top: -8.5% !important;
    }
  }
  @media (max-width: 540px) {
    .image-container-normal-eccema .image-container-efectos,
    .image-container-normal-paroniquia .image-container-efectos,
    .image-container-normal-foliculitis .image-container-efectos,
    .image-container-normal-acne .image-container-efectos,
    .image-container-normal-hair .image-container-efectos,
    .image-container-normal-aftas .image-container-efectos{
        margin-top: -9% !important;
    }
  }
@media (max-width: 500px) {
  .image-container-efectos img {
    width: auto !important;
    max-height: 250px !important;
    object-fit: cover;
    border-radius: 10px;
  }
  .image-container-normal-eccema .image-container-efectos,
    .image-container-normal-paroniquia .image-container-efectos,
    .image-container-normal-foliculitis .image-container-efectos,
    .image-container-normal-acne .image-container-efectos,
    .image-container-normal-hair .image-container-efectos,
    .image-container-normal-aftas .image-container-efectos{
      margin-top: -7.5% !important;
  }
}
@media (max-width: 450px) {

  .image-container-normal .image-container,
  .image-container-normal-shoes .image-container,
  .image-container-reverse .image-container,
  .image-container-normal-nails .image-container,
  .image-container-normal-eccema .image-container-efectos,
  .image-container-normal-paroniquia .image-container-efectos,
  .image-container-normal-foliculitis .image-container-efectos,
  .image-container-normal-acne .image-container-efectos,
  .image-container-normal-hair .image-container-efectos,
  .image-container-normal-aftas .image-container-efectos,
  .image-container-normal-crema .image-container,
  .image-container-normal-ducha-responsive .image-container, 
  .image-container-normal-nails-responsive .image-container, 
  .image-container-normal-jabon .image-container{
      margin-top: -8.5% !important;
  }
}
@media (max-width: 430px) {

  .image-container-normal .image-container,
  .image-container-normal-shoes .image-container,
  .image-container-reverse .image-container,
  .image-container-normal-nails .image-container,
  .image-container-normal-eccema .image-container-efectos,
  .image-container-normal-paroniquia .image-container-efectos,
  .image-container-normal-foliculitis .image-container-efectos,
  .image-container-normal-acne .image-container-efectos,
  .image-container-normal-hair .image-container-efectos,
  .image-container-normal-aftas .image-container-efectos,
  .image-container-normal-crema .image-container,
  .image-container-normal-ducha-responsive .image-container, 
  .image-container-normal-nails-responsive .image-container, 
  .image-container-normal-jabon .image-container{
      margin-top: -9% !important;
  }
}
@media (max-width: 400px) {

  
  .image-container-normal-eccema .image-container-efectos,
  .image-container-normal-paroniquia .image-container-efectos,
  .image-container-normal-foliculitis .image-container-efectos,
  .image-container-normal-acne .image-container-efectos,
  .image-container-normal-hair .image-container-efectos,
  .image-container-normal-aftas .image-container-efectos{
      margin-top: -9.5% !important;
  }
}
@media (max-width: 370px) {
  .image-container-normal-eccema .image-container-efectos,
  .image-container-normal-paroniquia .image-container-efectos,
  .image-container-normal-foliculitis .image-container-efectos,
  .image-container-normal-acne .image-container-efectos,
  .image-container-normal-hair .image-container-efectos,
  .image-container-normal-aftas .image-container-efectos{
      margin-top: -10.5% !important;
  }
}

@media (max-width: 650px) {
.image-container-normal .image-container,
  .image-container-normal-shoes .image-container,
  .image-container-reverse .image-container,
  .image-container-normal-nails .image-container,
  .image-container-normal-crema .image-container,
  .image-container-normal-ducha-responsive .image-container, 
  .image-container-normal-nails-responsive .image-container, 
  .image-container-normal-jabon .image-container{
      margin-top: -8% !important;
  }
}
@media (max-width: 610px) {
  .image-container-normal .image-container,
    .image-container-normal-shoes .image-container,
    .image-container-reverse .image-container,
    .image-container-normal-nails .image-container,
    .image-container-normal-crema .image-container,
    .image-container-normal-ducha-responsive .image-container, 
    .image-container-normal-nails-responsive .image-container, 
    .image-container-normal-jabon .image-container{
        margin-top: -8.5% !important;
    }
  }
  @media (max-width: 570px) {
    .image-container-normal .image-container,
      .image-container-normal-shoes .image-container,
      .image-container-reverse .image-container,
      .image-container-normal-nails .image-container,
      .image-container-normal-crema .image-container,
      .image-container-normal-ducha-responsive .image-container, 
      .image-container-normal-nails-responsive .image-container, 
      .image-container-normal-jabon .image-container{
          margin-top: -9% !important;
      }
    }

    @media (max-width: 530px) {
      .image-container-normal .image-container,
        .image-container-normal-shoes .image-container,
        .image-container-reverse .image-container,
        .image-container-normal-nails .image-container,
        .image-container-normal-crema .image-container,
        .image-container-normal-ducha-responsive .image-container, 
        .image-container-normal-nails-responsive .image-container, 
        .image-container-normal-jabon .image-container{
            margin-top: -9.5% !important;
        }
      }

@media (max-width: 500px) {
.image-container-normal .image-container,
.image-container-normal-shoes .image-container,
.image-container-reverse .image-container,
.image-container-normal-nails .image-container,
.image-container-normal-crema .image-container,
.image-container-normal-ducha-responsive .image-container, 
.image-container-normal-nails-responsive .image-container, 
.image-container-normal-jabon .image-container{
    margin-top: -7.5% !important;
}
}
@media (max-width: 470px) {
.image-container-normal .image-container,
  .image-container-normal-shoes .image-container,
  .image-container-reverse .image-container,
  .image-container-normal-nails .image-container,
  .image-container-normal-crema .image-container,
  .image-container-normal-ducha-responsive .image-container, 
  .image-container-normal-nails-responsive .image-container, 
  .image-container-normal-jabon .image-container{
      margin-top: -8% !important;
  }
}

@media (max-width: 440px) {
  .image-container-normal .image-container,
    .image-container-normal-shoes .image-container,
    .image-container-reverse .image-container,
    .image-container-normal-nails .image-container,
    .image-container-normal-crema .image-container,
    .image-container-normal-ducha-responsive .image-container, 
    .image-container-normal-nails-responsive .image-container, 
    .image-container-normal-jabon .image-container{
        margin-top: -8.5% !important;
    }
  }
  @media (max-width:410px) {
    .image-container-normal .image-container,
      .image-container-normal-shoes .image-container,
      .image-container-reverse .image-container,
      .image-container-normal-nails .image-container,
      .image-container-normal-crema .image-container,
      .image-container-normal-ducha-responsive .image-container, 
      .image-container-normal-nails-responsive .image-container, 
      .image-container-normal-jabon .image-container{
          margin-top: -9% !important;
      }
    }
    @media (max-width: 380px) {
      .image-container-normal .image-container,
        .image-container-normal-shoes .image-container,
        .image-container-reverse .image-container,
        .image-container-normal-nails .image-container,
        .image-container-normal-crema .image-container,
        .image-container-normal-ducha-responsive .image-container, 
        .image-container-normal-nails-responsive .image-container, 
        .image-container-normal-jabon .image-container{
            margin-top: -9.5% !important;
        }
      }


      @media (max-width: 380px) {
      .popupShoesSmallScreen .popupAjustable {
        font-size: 1em !important;
        max-width: 90% !important;
      }
      .popupShoesSmallScreen .popupAjustableAditional {
        font-size: 0.8em !important;
        max-width: 90% !important;
      }
      .popupNailsResponsive .popupAjustable{
        font-size: 1em !important;
        max-width: 90% !important;
      }
      .popupNailsResponsive .popupAjustableAditional{
        font-size: 0.8em !important;
        max-width: 90% !important;
      }
        .popupDuchaResponsive .popupAjustable{
          font-size: 1em !important;
          max-width: 90% !important;
      }
      .popupDuchaResponsive .popupAjustableAditional{
        font-size: 0.8em !important;
        max-width: 90% !important;
      }
  }


  @media (max-width: 950px) {
  .boton-redondo-no-forget {
        height: 55px;
        width: 176px;
        font-size: 1.1em;
    }
    .right-column p {
      display: block !important;
      font-size: 1.2em !important;
      text-align: left !important;
  }
  .cuidado h2{
    font-size: 1.2em !important;
  }
  .recomendations{
    font-size: 0.9em !important;
  }
  .notification-container h2{
    font-size: 1.2em !important;
  }
  .notification-container p{
    font-size: 1.2em !important;
  }
  #referencias-toggle p {
    font-size: 1em !important;
    height: 6px;
    margin: 0 auto;
}
  ol{
    font-size: 0.9em;
  }
  .texto-olvidar p{
    font-size: 1.2em !important;
  }
  .texto-olvidar .different::before {
    top: 15PX !important;
}
.texto-olvidar .different-line-3::before{
  top: 15px !important;
}
  .texto-olvidar{
    margin-bottom: 70px !important;
  }
  .responsive-container .objective{
    margin-top: 35px !important;
  }
  .mek-note {
    font-size: 0.9em !important;
}
  }
  @media (max-width: 950px) {
    .left-column-recomendations {
      margin-top: -130px !important;
  }
  }
  @media (max-width: 903px) {
    .left-column-recomendations {
      margin-top: -80px !important;
  }
  }
  @media (max-width: 950px) {
    .notification-container h2{
      text-align: left !important;
    }
  }
  @media (max-width: 480px) {
  .notification-container p {
    margin-left: 25px;
  }
  .notification-container h2 {
    margin-left: 25px;
  }
  }

  @media (max-width: 450px) {
 
  
      .button-container {
          position: relative;
          text-align: center;
          margin-left: -30px;
      }
      .text-container .button-container {
        position: relative;
        text-align: center;
        margin-left: -45px;
    }
      .text-container-ducha-responsive .description {
          margin-left: 25px;
          max-width: 80%;
      }
      .text-container-jabon .description{
          margin-left: -50px !important;
          max-width: 100%;
      }
      .text-container-crema .description{
        margin-left: 25px !important;
        max-width: 80%;
    }
    .text-container .description{
      margin-left: 20px !important;
      max-width: 80%;
  }
  .text-container-nails-responsive .description {
    max-width: 123%;
    margin-left: -35px;
  }
  .text-container-nails-responsive .dots img {
    margin-right: -48% ;
  }
  }

  @media (max-width: 431px) {
    .text-container-nails-responsive .dots img {
    margin-right: -42% ;
    }
  }
  @media (max-width: 421px) {
    .text-container-nails-responsive .dots img {
      margin-top: -70% !important;
    }
  }
  @media (max-width: 418px) {
    .text-container-nails-responsive .dots img {
      margin-right: -40% ;
    }
  }
  @media (max-width: 407px) {
    .text-container-nails-responsive .dots img {
      margin-right: -27% ;
      margin-top: -60% !important;
    }
    .image-container-normal-nails-responsive .text-container-nails-responsive .description {
      margin-left: -50px;
  }
  }
  @media (max-width: 394px) {
    .text-container-nails-responsive .dots img {
    margin-right: -21% ;
    }
    .image-container-normal-nails-responsive .text-container-nails-responsive .description {
      margin-left: -35px;
  }
  }
  @media (max-width: 385px) {
    .text-container-nails-responsive .dots img {
      margin-top: -68% !important;
    }
  }
  @media (max-width: 382px) {
    .text-container-nails-responsive .dots img {
    margin-right: -14% ;
    margin-top: -66% !important;
    }
    .text-container-nails-responsive .description {
      max-width: 85%;
      margin-left: -20px;
    }
    .image-container-normal-nails-responsive .text-container-nails-responsive .description {
      margin-left: -25px;
  }
  }
  @media (max-width: 368px) {
    .text-container-nails-responsive .dots img {
    margin-right: -14% ;
    margin-top: -62% !important;
    }
  }
  @media (max-width: 356px) {
    .text-container-nails-responsive .dots img {
    margin-right: -5% ;
    margin-top: -57% !important;
    }
    .image-container-normal-nails-responsive .text-container-nails-responsive .description {
      margin-left: -5px;
  }
    .text-container-nails-responsive .description {
      max-width: 85%;
      margin-left: -7px;
    }
  }
  @media (max-width: 349px) {
    .text-container-nails-responsive .dots img {
    margin-right: -1% ;
    margin-top: -50% !important;
    }
    .text-container-nails-responsive .description {
      max-width: 85%;
      margin-left: 0px;
    }
    .image-container-normal-nails-responsive .text-container-nails-responsive .description {
      margin-left: 10px;
  }
}
  @media (max-width: 330px) {
    .text-container-nails-responsive .dots img {
    margin-right: 7% ;
    margin-top: -44% !important;
    }
    .text-container-nails-responsive .description {
      max-width: 85%;
      margin-left: 0px;
    }
    .image-container-normal-nails-responsive .text-container-nails-responsive .description {
      margin-left: 30px;
  }
  }
  @media (max-width: 421px) {
  #texto-olvidar > div:last-child {
    display: flex;
    justify-content: center; 
    align-items: center; 
    padding: 20px;
    height: 95px !important;
  }
  #texto-olvidar .disclaimer{
    max-width: 100%;
  }
}

@media (max-width: 368px) {
  #texto-olvidar > div:last-child {
    display: flex;
    justify-content: center; 
    align-items: center; 
    padding: 20px;
    height: 120px !important;
  }
}