/* ===================== */
/* VENTANA ASEO */
/* ===================== */

#aseoWindow .division-content-aseo{
  width: 220px;
  min-height: 20px;
  position: relative;
}

#aseoWindow .division-logo-aseo{
  width: 330px;
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
}

#aseoWindow .division-text-aseo{
  position: relative;
  top: -50px;
  left: 0px;
  font-size: 18px;
}

/* ===================== */
/* POSICION VENTANA ASEO MENU */
/* ===================== */

#aseoWindow{
  position: absolute;
  top: 100px;
  left: auto;
  right: 390px;
  opacity: 0;
  pointer-events: none;
  transform: translateX(40px);
  transition: all .35s ease;
}

#aseoWindow.show{
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

/* ===================== */
/* AJUSTES GENERALES ASEO */
/* ===================== */

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

/* ===================== */
/* VENTANA PUBLICIDAD ASEO */
/* ===================== */

#adsAseoWindow .ads-content{
  position: relative;

  width:100%;
  height:80%;

  background-color:#c7d8ee; /* rellena el espacio */

  background-image:url("../assets/img/fondo_aseo.jpg");
  background-size:contain;
  background-position:center bottom;
  background-repeat:no-repeat;
}
/* ===================== */
/* CONTROL LOGO ASEO GRANDE */
/* ===================== */

#adsAseoWindow .ads-aseo-logo{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  opacity: 0;
  transform: translate(-50%,-50%) scale(1.6);
}

#adsAseoWindow.show .ads-aseo-logo{
  animation: logoAseoEntrada 1.6s ease forwards;
}

@keyframes logoAseoEntrada{
  0%{
    opacity: 0;
    top: 50%;
    left: 50%;
    width: 45%;
    transform: translate(-50%,-50%) scale(1.6);
  }

  40%{
    opacity: 1;
    top: 50%;
    left: 50%;
    width: 40%;
    transform: translate(-50%,-50%) scale(1);
  }

  100%{
    top: 200px;
    left: -70px;
    width:45%;
    transform: none;
    opacity: 1;
  }
}

/* ===================== */
/* CONTROL TEXTOS ASEO */
/* ===================== */


#adsAseoWindow .ads-link{
  position: absolute; 
  top: 1600px;
  left: 700px;
  transform: translateX(-50%);
  font-size: 30px;
  color: #0059ff;
  text-decoration: none;
  font-weight: bold;
}

/* ===================== */
/* REDES ASEO ESCRITORIO */
/* ===================== */

#adsAseoWindow .ads-facebook-aseo{
  position: relative;
  top: 1500px;
  left: 250px;
  width: 45px;
}

#adsAseoWindow .ads-instagram-aseo{
  position: relative;
  top: 1420px;
  left: 190px;
  width: 60px;
}

#adsAseoWindow .ads-facebook-text-aseo{
  position:relative;
  top: 1460px;
  left: 270px;
  font-size: 22px;
  color: #111111;
}

#adsAseoWindow .ads-instagram-text-aseo{
  position: relative;
  top: 1350px;
  left: 280px; 
  font-size: 22px;
  color: #111111;
}

#adsAseoWindow .ads-whatsapp-link-aseo{
  text-decoration:none;
}

#adsAseoWindow .ads-whatsapp-aseo{
  position:relative;
  top:1320px;
  left:130px;
  width:55px;
}

#adsAseoWindow .ads-whatsapp-text-aseo{
  position:relative;

  top:1300px;
  left:180px;
  font-size: 22px;
  color: #000000;
}

/* =====================
LOGO GRUPO EN VENTANA ASEO
===================== */

#adsAseoWindow .ads-logo{

position:absolute;
top:30px;
left:30px;

width:220px;   /* controla tamaño */

}