.container_dressCode{
 display: flex;
 flex-direction: column;
 align-items: center;
 width: 100%;
margin-top: 3.5em;
overflow: hidden;
position: relative;
  z-index: 2;

}

  .container_dressCode::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;

  background-image: url("/recursos/img/FlorVintageEsquinaDerecha.png");
  background-size: contain;
   background-position: left bottom;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
    opacity: 0.8;
}



.container_dressCode_content{
    display: flex;
    flex-direction: row;
    align-items: center;
        position: relative;
      z-index: 2;
}

.container_dressCode_content_mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
        position: relative;
      z-index: 2;
}

.container_dressCode_img_mobile{
    display: flex;
    flex-direction: row;
  margin-top: 1em;
}

.mobile{
    display: none;
}


.DibujosDress{
    width: 250px;
    margin-left: -3em;
    margin-right: -3em;
}

.DibujosDress_mobile{
    width: 180px;
}

.lineSepationDress{
   width: 150px;
   height: 35px;
}

.Paletaimg{
     width: 250px;
     transition: all 1s ease;
}

.Paletaimg:hover{
     scale: calc(1.08);
}


.container_dressCode_text {
    display: flex;
    flex-direction: column;
    width: 450px;
    align-items: center;
    text-align: center;
    gap: 0.6em;
}



@media (max-width: 768px) {
.mobile{
    display:block;
}
.desktop{
    display: none;
}

.container_dressCode{
  margin-top: 5em;
}

.container_dressCode_text h2{
    font-size: 27px;
}

.container_dressCode_text {
    width: 360px;

}


}