/* ===================== */
/* VENTANA ESTETICA */
/* ===================== */



#esteticaWindow .division-content-estetica{
  width: 260px;
  min-height: 320px;
  position: relative;
}

#esteticaWindow .division-logo-estetica{
  width: 140px;
}


#esteticaWindow .division-logo-tata{
  width: 140px;
}

#esteticaWindow .division-text-estetica{
  font-size: 18px;
  font-weight: 600;
  color: #0b2a4a;
  text-align: center;
}


/* ===================== */
/* AJUSTES INDEPENDIENTES */
/* ===================== */

#esteticaWindow .division-content{
  gap: 18px;
}


#esteticaWindow .division-logo-essence{
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
}

#esteticaWindow .division-logo-tata{
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
}

/* ===================== */
/* POSICION VENTANAS MENU */
/* ===================== */


/* cuando se abre */

#esteticaWindow.show{

opacity:1;
pointer-events:auto;
transform:translateX(0);

}

/* ===================== */
/* VENTANA ESTETICA */
/* ===================== */

#esteticaWindow{
  position: absolute;
  z-index: 400;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

#esteticaWindow.show{
  opacity: 1;
  pointer-events: auto;
}

/* fondo interno solo de estetica */
#esteticaWindow .division-content-estetica{
  position: relative;
  border-radius: 12px;
}

/* ===================== */
/* MOVIL */
/* ===================== */
@media (max-width: 768px){

  #esteticaWindow{
    top: 180px;
    left: 100px;
    width: auto;
    transform: translate(-50%, 20px);
  }

  #esteticaWindow.show{
    transform: translate(-50%, 0);
  }

  #esteticaWindow .division-content-estetica{
    width: 130px;
    min-height: 220px;
   background:rgba(6, 0, 19, 1);
  }
}

/* ===================== */
/* ESCRITORIO */
/* ===================== */
@media (min-width: 769px){

  #esteticaWindow{
    top: 200px;
    left: 610px;
    width: auto;
    transform: translateY(40px);
  }

  #esteticaWindow.show{
    transform: translateY(0);
  }

  #esteticaWindow .division-content-estetica{
    width: 260px;
    min-height: 320px;
   background:rgba(6, 0, 19, 1);
  }
}