/* =========================================================
   ASEO.CSS
   Archivo exclusivo para controlar:
   - Ventana pequeña de AseoSolutions
   - Ventana publicitaria de AseoSolutions
   - Logo, fondo, textos, CTA, servicios y cuadro de confianza
   ========================================================= */

/* =========================================================
   1. VENTANA PEQUEÑA ASEO
   ========================================================= */

#aseoWindow .division-content-aseo{
  width:var(--aseo-small-box-width);
  min-height:var(--aseo-small-box-height);

  position:relative;
  overflow:hidden;

  background:var(--aseo-small-box-bg);
  backdrop-filter:blur(var(--aseo-small-box-blur));

  border:var(--aseo-small-box-border-width) solid var(--aseo-small-box-border-color);
  border-radius:var(--aseo-small-box-radius);

  box-shadow:var(--aseo-small-box-shadow);
}

#aseoWindow .division-content-aseo::before{
  content:"";
  position:absolute;

  top:var(--aseo-small-line-top);
  left:var(--aseo-small-line-left);

  width:var(--aseo-small-line-width);
  height:var(--aseo-small-line-height);

  background:linear-gradient(
    to bottom,
    rgba(56,189,248,1),
    rgba(56,189,248,0.25),
    rgba(56,189,248,1)
  );

  border-radius:20px;

  box-shadow:
    0 0 8px rgba(56,189,248,0.95),
    0 0 18px rgba(56,189,248,0.45);

  pointer-events:none;
}

#aseoWindow .division-content-aseo::after{
  content:"";
  position:absolute;

  top:var(--aseo-small-dot-top);
  left:var(--aseo-small-dot-left);

  width:var(--aseo-small-dot-size);
  height:var(--aseo-small-dot-size);

  background:#38bdf8;
  border-radius:50%;

  box-shadow:
    0 var(--aseo-small-dot-distance) 0 #38bdf8,
    0 0 8px rgba(56,189,248,1),
    0 0 18px rgba(56,189,248,0.85);

  pointer-events:none;
}

#aseoWindow .division-logo-aseo{
  position:relative;
  opacity:1;
}

#aseoWindow .division-text-aseo{
  position:relative;
  font-weight:500;
  opacity:0.95;
  text-align:center;
  line-height:1.15;
}

/* =========================================================
   2. POSICIÓN DE LA VENTANA PEQUEÑA ASEO
   ========================================================= */

#aseoWindow{
  position:absolute;
  top:120px;
  left:auto;
  right:120px;
  z-index:9999;
  opacity:0;
  pointer-events:none;
  transform:translateX(-10px);
  transition:all .35s ease;
}

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

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

/* =========================================================
   3. VENTANA PUBLICITARIA ASEO
   ========================================================= */

#adsAseoWindow .ads-content{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background-color:#c7d8ee;
  background-image:url("../assets/img/fondo_aseo.jpg");
  background-size:var(--aseo-bg-size);
  background-position:var(--aseo-bg-position);
  background-repeat:no-repeat;
}

/* =========================================================
   4. BOTÓN X CIERRE ASEO
   ========================================================= */

#adsAseoWindow #closeAdsAseo{
  position:absolute;
  top:var(--aseo-close-top);
  right:var(--aseo-close-right);
  left:var(--aseo-close-left);
  width:var(--aseo-close-box-size);
  height:var(--aseo-close-box-size);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--aseo-close-radius);
  border:var(--aseo-close-border-width) solid var(--aseo-close-border-color);
  background:var(--aseo-close-bg);
  box-shadow:var(--aseo-close-shadow);
  font-size:var(--aseo-close-x-size);
  color:var(--aseo-close-x-color);
  font-weight:var(--aseo-close-x-weight);
  line-height:1;
  cursor:pointer;
  z-index:20;
  transition:0.3s ease;
}

#adsAseoWindow #closeAdsAseo:hover{
  transform:scale(var(--aseo-close-hover-scale));
  background:var(--aseo-close-hover-bg);
  color:var(--aseo-close-hover-color);
}

/* =========================================================
   6. TEXTOS PRINCIPALES
   ========================================================= */

#adsAseoWindow .aseo-main-title,
#adsAseoWindow .aseo-main-subtitle{
  position:absolute;
  left:var(--aseo-text-left);
  transform:translateX(var(--aseo-text-translate-x));
  width:var(--aseo-text-width);
  text-align:var(--aseo-text-align);
  z-index:6;
  pointer-events:none;
}

#adsAseoWindow .aseo-main-title{
  top:var(--aseo-title-top);
  font-size:var(--aseo-title-size);
  color:var(--aseo-title-color);
  font-weight:var(--aseo-title-weight);
  line-height:var(--aseo-title-line-height);
  text-shadow:var(--aseo-title-shadow);
}

#adsAseoWindow .aseo-main-subtitle{
  top:var(--aseo-subtitle-top);
  font-size:var(--aseo-subtitle-size);
  color:var(--aseo-subtitle-color);
  font-weight:var(--aseo-subtitle-weight);
  line-height:var(--aseo-subtitle-line-height);
  text-shadow:var(--aseo-subtitle-shadow);
}

/* =========================================================
   7. CTA PRINCIPAL WHATSAPP
   ========================================================= */

#adsAseoWindow .aseo-cta-main{
  position:absolute;
  top:var(--aseo-cta-top);
  left:var(--aseo-cta-left);
  transform:translateX(var(--aseo-cta-translate-x));
  width:var(--aseo-cta-width);
  height:var(--aseo-cta-height);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--aseo-cta-gap);
  background:var(--aseo-cta-bg);
  border:var(--aseo-cta-border-width) solid var(--aseo-cta-border-color);
  border-radius:var(--aseo-cta-radius);
  box-shadow:var(--aseo-cta-shadow);
  text-decoration:none;
  z-index:7;
  transition:0.3s ease;
}

#adsAseoWindow .aseo-cta-main:hover{
  transform:translateX(var(--aseo-cta-translate-x)) scale(var(--aseo-cta-hover-scale));
}

/* Contenedor de los dos iconos WhatsApp superpuestos */
#adsAseoWindow .aseo-cta-icon-wrap{
  position:relative;
  width:var(--aseo-cta-icon-size);
  height:var(--aseo-cta-icon-size);
  display:block;
  flex-shrink:0;
}

/* Icono blanco trasero + icono verde delantero */
#adsAseoWindow .aseo-cta-icon-outline,
#adsAseoWindow .aseo-cta-icon{
  position:absolute;
  inset:0;
  width:120%;
  height:120%;
  object-fit:contain;
}

#adsAseoWindow .aseo-cta-icon-outline{
  transform:scale(1);
  filter:brightness(0) invert(1);
  z-index:1;
}

#adsAseoWindow .aseo-cta-icon{
  z-index:2;
}

/* Texto “SOLICITAR SERVICIO” */
#adsAseoWindow .aseo-cta-text{
  font-size:var(--aseo-cta-text-size);
  color:var(--aseo-cta-text-color);
  font-weight:var(--aseo-cta-text-weight);
  letter-spacing:var(--aseo-cta-text-spacing);
}

/* Botón azul pequeño “Escríbenos ahora” */
#adsAseoWindow .aseo-cta-small{
  position:absolute;
  top:var(--aseo-cta-small-top);
  left:var(--aseo-cta-small-left);
  transform:translateX(var(--aseo-cta-small-translate-x));
  width:var(--aseo-cta-small-width);
  height:var(--aseo-cta-small-height);
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--aseo-cta-small-bg);
  border:var(--aseo-cta-small-border-width) solid var(--aseo-cta-small-border-color);
  border-radius:var(--aseo-cta-small-radius);
  box-shadow:var(--aseo-cta-small-shadow);
  font-size:var(--aseo-cta-small-text-size);
  color:var(--aseo-cta-small-text-color);
  font-weight:var(--aseo-cta-small-text-weight);
  z-index:8;
}

/* =========================================================
   8. ENLACES Y REDES ANTIGUAS 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 SOCIALES ASEO
   ---------------------------------------------------------
   Control independiente de:
   - Correo
   - Instagram
   - Facebook
   Cada icono y cada texto se controla por separado
   para móvil y escritorio.
========================================================= */

#adsAseoWindow .aseo-social-email-icon,
#adsAseoWindow .aseo-social-instagram-icon,
#adsAseoWindow .aseo-social-facebook-icon,
#adsAseoWindow .aseo-social-email-text,
#adsAseoWindow .aseo-social-instagram-text,
#adsAseoWindow .aseo-social-facebook-text{
  position:absolute;
  z-index:12;
}

/* CORREO */
#adsAseoWindow .aseo-social-email-icon{
  top:var(--aseo-social-email-icon-top);
  left:var(--aseo-social-email-icon-left);
  width:var(--aseo-social-email-icon-size);
  filter:drop-shadow(var(--aseo-social-email-icon-shadow));
}

#adsAseoWindow .aseo-social-email-text{
  top:var(--aseo-social-email-text-top);
  left:var(--aseo-social-email-text-left);
  font-size:var(--aseo-social-email-text-size);
  color:var(--aseo-social-email-text-color);
  font-weight:var(--aseo-social-email-text-weight);
}

/* INSTAGRAM */
#adsAseoWindow .aseo-social-instagram-icon{
  top:var(--aseo-social-instagram-icon-top);
  left:var(--aseo-social-instagram-icon-left);
  width:var(--aseo-social-instagram-icon-size);
  filter:drop-shadow(var(--aseo-social-instagram-icon-shadow));
}

#adsAseoWindow .aseo-social-instagram-text{
  top:var(--aseo-social-instagram-text-top);
  left:var(--aseo-social-instagram-text-left);
  font-size:var(--aseo-social-instagram-text-size);
  color:var(--aseo-social-instagram-text-color);
  font-weight:var(--aseo-social-instagram-text-weight);
}

/* FACEBOOK */
#adsAseoWindow .aseo-social-facebook-icon{
  top:var(--aseo-social-facebook-icon-top);
  left:var(--aseo-social-facebook-icon-left);
  width:var(--aseo-social-facebook-icon-size);
  filter:drop-shadow(var(--aseo-social-facebook-icon-shadow));
}

#adsAseoWindow .aseo-social-facebook-text{
  top:var(--aseo-social-facebook-text-top);
  left:var(--aseo-social-facebook-text-left);
  font-size:var(--aseo-social-facebook-text-size);
  color:var(--aseo-social-facebook-text-color);
  font-weight:var(--aseo-social-facebook-text-weight);
}

/* =========================================================
   WHATSAPP INFERIOR DERECHO ASEO
   ---------------------------------------------------------
   Controla el icono inferior derecho de WhatsApp
   y el botón pequeño "Escríbenos".
   Independiente para móvil y escritorio.
========================================================= */

#adsAseoWindow .ads-whatsapp-link-aseo{
  position:absolute;
  top:var(--aseo-bottom-wa-top);
  left:var(--aseo-bottom-wa-left);
  right:var(--aseo-bottom-wa-right);
  bottom:var(--aseo-bottom-wa-bottom);

  width:var(--aseo-bottom-wa-box-size);
  height:var(--aseo-bottom-wa-box-size);

  text-decoration:none;
  z-index:15;
}

/* Icono WhatsApp inferior */
#adsAseoWindow .ads-whatsapp-aseo{
  position:absolute;
  inset:0;

  width:var(--aseo-bottom-wa-icon-size);
  height:var(--aseo-bottom-wa-icon-size);

  filter:drop-shadow(var(--aseo-bottom-wa-white-shadow));
}

/* Botón "Escríbenos" */
#adsAseoWindow .ads-whatsapp-text-aseo{
  position:absolute;

  top:var(--aseo-bottom-wa-btn-top);
  left:var(--aseo-bottom-wa-btn-left);
  transform:translateX(var(--aseo-bottom-wa-btn-translate-x));

  width:var(--aseo-bottom-wa-btn-width);
  height:var(--aseo-bottom-wa-btn-height);

  display:flex;
  align-items:center;
  justify-content:center;

  background:var(--aseo-bottom-wa-btn-bg);
  border:var(--aseo-bottom-wa-btn-border-width) solid var(--aseo-bottom-wa-btn-border-color);
  border-radius:var(--aseo-bottom-wa-btn-radius);
  box-shadow:var(--aseo-bottom-wa-btn-shadow);

  font-size:var(--aseo-bottom-wa-btn-text-size);
  color:var(--aseo-bottom-wa-btn-text-color);
  font-weight:var(--aseo-bottom-wa-btn-text-weight);

  white-space:nowrap;
}

/* =========================================================
    9. LOGO ASEO SOLUTIONS EN VENTANA ASEO
   ========================================================= */

#adsAseoWindow{
  --grupo-logo-top:30px;
  --grupo-logo-left:30px;
  --grupo-logo-width:220px;
  --grupo-logo-opacity:1;
}

#adsAseoWindow .ads-logo{
  position:absolute;
  top:var(--grupo-logo-top);
  left:var(--grupo-logo-left);
  width:var(--grupo-logo-width);
  opacity:var(--grupo-logo-opacity);
  pointer-events:none;
  z-index:3;
}

/* =========================================================
   10. CUADRO DE SERVICIOS
   ========================================================= */

#adsAseoWindow .aseo-services-box{
  position:absolute;
  top:var(--aseo-services-top);
  left:var(--aseo-services-left);
  transform:translateX(var(--aseo-services-translate-x));
  width:var(--aseo-services-width);
  height:var(--aseo-services-height);
  background:var(--aseo-services-bg);
  border:var(--aseo-services-border-width) solid var(--aseo-services-border-color);
  border-radius:var(--aseo-services-radius);
  box-shadow:var(--aseo-services-shadow);
  backdrop-filter:blur(var(--aseo-services-blur));
  z-index:9;
  overflow:hidden;
}

#adsAseoWindow .aseo-services-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--aseo-services-gradient);
  opacity:var(--aseo-services-gradient-opacity);
  pointer-events:none;
}

#adsAseoWindow .aseo-services-title{
  position:relative;
  margin-top:var(--aseo-services-title-top);
  text-align:center;
  font-size:var(--aseo-services-title-size);
  color:var(--aseo-services-title-color);
  font-weight:var(--aseo-services-title-weight);
  letter-spacing:var(--aseo-services-title-spacing);
  z-index:2;
}

/* =========================================================
   11. CUADRO DE CONFIANZA
   ========================================================= */

#adsAseoWindow .aseo-trust-box{
  position:absolute;
  top:var(--aseo-trust-top);
  left:var(--aseo-trust-left);
  transform:translateX(var(--aseo-trust-translate-x));
  width:var(--aseo-trust-width);
  height:var(--aseo-trust-height);
  background:var(--aseo-trust-bg);
  border:var(--aseo-trust-border-width) solid var(--aseo-trust-border-color);
  border-radius:var(--aseo-trust-radius);
  box-shadow:var(--aseo-trust-shadow);
  backdrop-filter:blur(var(--aseo-trust-blur));
  z-index:9;
  overflow:hidden;
}

#adsAseoWindow .aseo-trust-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--aseo-trust-gradient);
  opacity:var(--aseo-trust-gradient-opacity);
  pointer-events:none;
}

/* =========================================================
   11.1 ELEMENTOS INTERNOS
   CUADRO DE CONFIANZA
========================================================= */

/* =========================================================
   BASE GENERAL
   Todos los elementos internos del cuadro
========================================================= */

#adsAseoWindow .aseo-trust-personal-icon,
#adsAseoWindow .aseo-trust-personal-text,
#adsAseoWindow .aseo-trust-stars-icon,
#adsAseoWindow .aseo-trust-stars-text,
#adsAseoWindow .aseo-trust-stars{
  position:absolute;
  z-index:3;
}

/* =========================================================
   ICONO PERSONAL CALIFICADO
========================================================= */

#adsAseoWindow .aseo-trust-personal-icon{
  top:var(--aseo-trust-personal-icon-top);
  left:var(--aseo-trust-personal-icon-left);

  width:var(--aseo-trust-personal-icon-size);
}

/* =========================================================
   TEXTO PERSONAL CALIFICADO
========================================================= */

#adsAseoWindow .aseo-trust-personal-text{
  top:var(--aseo-trust-personal-text-top);
  left:var(--aseo-trust-personal-text-left);

  width:var(--aseo-trust-personal-text-width);

  font-size:var(--aseo-trust-personal-text-size);
  color:var(--aseo-trust-personal-text-color);
  font-weight:var(--aseo-trust-personal-text-weight);
  line-height:var(--aseo-trust-personal-text-line-height);

  text-align:left;
}

/* =========================================================
   TEXTO "100% CONFIABLES"
========================================================= */

#adsAseoWindow .aseo-trust-stars-text{
  top:var(--aseo-trust-stars-text-top);
  left:var(--aseo-trust-stars-text-left);

  font-size:var(--aseo-trust-stars-text-size);
  color:var(--aseo-trust-stars-text-color);
  font-weight:var(--aseo-trust-stars-text-weight);
}

/* =========================================================
   ESTRELLAS
========================================================= */

#adsAseoWindow .aseo-trust-stars{
  top:var(--aseo-trust-stars-top);
  left:var(--aseo-trust-stars-left);

  font-size:var(--aseo-trust-stars-size);
  color:var(--aseo-trust-stars-color);
  letter-spacing:var(--aseo-trust-stars-spacing);
}

/* =========================================================
   11.2 TEXTO SÍGUENOS EN REDES
   ---------------------------------------------------------
   Controla únicamente el texto:
   "SÍGUENOS EN REDES SOCIALES"
   ---------------------------------------------------------
   Es independiente para escritorio y móvil.
   No afecta iconos, redes antiguas, WhatsApp ni otros textos.
========================================================= */

#adsAseoWindow .aseo-social-title{
  position:absolute;

  top:var(--aseo-social-title-top);
  left:var(--aseo-social-title-left);
  transform:translateX(var(--aseo-social-title-translate-x));

  width:var(--aseo-social-title-width);

  font-size:var(--aseo-social-title-size);
  color:var(--aseo-social-title-color);
  font-weight:var(--aseo-social-title-weight);
  letter-spacing:var(--aseo-social-title-spacing);
  text-align:var(--aseo-social-title-align);

  text-shadow:var(--aseo-social-title-shadow);

  z-index:10;
  pointer-events:none;
}

/* =========================================================
   12. ICONOS Y TEXTOS DE SERVICIOS
   ========================================================= */

/* Base común para todos los iconos y textos de servicios */
#adsAseoWindow .aseo-res-icon,
#adsAseoWindow .aseo-dom-icon,
#adsAseoWindow .aseo-prof-icon,
#adsAseoWindow .aseo-coc-icon,
#adsAseoWindow .aseo-hogar-icon,
#adsAseoWindow .aseo-res-text,
#adsAseoWindow .aseo-dom-text,
#adsAseoWindow .aseo-prof-text,
#adsAseoWindow .aseo-coc-text,
#adsAseoWindow .aseo-hogar-text{
  position:absolute;
  z-index:3;
}

/* Icono: Aseo residencial */
#adsAseoWindow .aseo-res-icon{
  top:var(--aseo-res-icon-top);
  left:var(--aseo-res-icon-left);
  width:var(--aseo-res-icon-size);
}

/* Icono: Empleada doméstica */
#adsAseoWindow .aseo-dom-icon{
  top:var(--aseo-dom-icon-top);
  left:var(--aseo-dom-icon-left);
  width:var(--aseo-dom-icon-size);
}

/* Texto: Aseo residencial */
#adsAseoWindow .aseo-res-text{
  top:var(--aseo-res-text-top);
  left:var(--aseo-res-text-left);
  width:var(--aseo-res-text-width);
  font-size:var(--aseo-res-text-size);
  color:var(--aseo-res-text-color);
  font-weight:var(--aseo-res-text-weight);
  line-height:var(--aseo-res-text-line-height);
  text-align:center;
}

/* Texto: Empleadas domésticas */
#adsAseoWindow .aseo-dom-text{
  top:var(--aseo-dom-text-top);
  left:var(--aseo-dom-text-left);
  width:var(--aseo-dom-text-width);
  font-size:var(--aseo-dom-text-size);
  color:var(--aseo-dom-text-color);
  font-weight:var(--aseo-dom-text-weight);
  line-height:var(--aseo-dom-text-line-height);
  text-align:center;
}

/* Icono: Limpieza profunda */
#adsAseoWindow .aseo-prof-icon{
  top:var(--aseo-prof-icon-top);
  left:var(--aseo-prof-icon-left);
  width:var(--aseo-prof-icon-size);
}

/* Texto: Limpieza profunda */
#adsAseoWindow .aseo-prof-text{
  top:var(--aseo-prof-text-top);
  left:var(--aseo-prof-text-left);
  width:var(--aseo-prof-text-width);
  font-size:var(--aseo-prof-text-size);
  color:var(--aseo-prof-text-color);
  font-weight:var(--aseo-prof-text-weight);
  line-height:var(--aseo-prof-text-line-height);
  text-align:center;
}

/* Icono: Cocineras */
#adsAseoWindow .aseo-coc-icon{
  top:var(--aseo-coc-icon-top);
  left:var(--aseo-coc-icon-left);
  width:var(--aseo-coc-icon-size);
}

/* Texto: Cocineras */
#adsAseoWindow .aseo-coc-text{
  top:var(--aseo-coc-text-top);
  left:var(--aseo-coc-text-left);
  width:var(--aseo-coc-text-width);
  font-size:var(--aseo-coc-text-size);
  color:var(--aseo-coc-text-color);
  font-weight:var(--aseo-coc-text-weight);
  line-height:var(--aseo-coc-text-line-height);
  text-align:center;
}

/* Icono: Cuidado del hogar */
#adsAseoWindow .aseo-hogar-icon{
  top:var(--aseo-hogar-icon-top);
  left:var(--aseo-hogar-icon-left);
  width:var(--aseo-hogar-icon-size);
}

/* Texto: Cuidado del hogar */
#adsAseoWindow .aseo-hogar-text{
  top:var(--aseo-hogar-text-top);
  left:var(--aseo-hogar-text-left);
  width:var(--aseo-hogar-text-width);
  font-size:var(--aseo-hogar-text-size);
  color:var(--aseo-hogar-text-color);
  font-weight:var(--aseo-hogar-text-weight);
  line-height:var(--aseo-hogar-text-line-height);
  text-align:center;
}

/* =========================================================
   13. AJUSTES PARA MÓVIL
   ========================================================= */

@media (max-width:768px){

  #adsAseoWindow{

      /* Redes sociales Aseo - móvil */

    /* Correo */
    --aseo-social-email-icon-top:85%;
    --aseo-social-email-icon-left:26.5%;
    --aseo-social-email-icon-size:35px;
    --aseo-social-email-icon-shadow:0 2px 6px rgba(255,255,255,0.85);

    --aseo-social-email-text-top:85.5%;
    --aseo-social-email-text-left:37%;
    --aseo-social-email-text-size:15px;
    --aseo-social-email-text-color:#123d7a;
    --aseo-social-email-text-weight:800;

    /* Instagram */
    --aseo-social-instagram-icon-top:89%;
    --aseo-social-instagram-icon-left:26%;
    --aseo-social-instagram-icon-size:40px;
    --aseo-social-instagram-icon-shadow:0 2px 6px rgba(255,255,255,0.85);

    --aseo-social-instagram-text-top:89.6%;
    --aseo-social-instagram-text-left:37%;
    --aseo-social-instagram-text-size:15px;
    --aseo-social-instagram-text-color:#123d7a;
    --aseo-social-instagram-text-weight:800;

    /* Facebook */
    --aseo-social-facebook-icon-top:93%;
    --aseo-social-facebook-icon-left:26%;
    --aseo-social-facebook-icon-size:40px;
    --aseo-social-facebook-icon-shadow:0 2px 6px rgba(255,255,255,0.85);

    --aseo-social-facebook-text-top:94%;
    --aseo-social-facebook-text-left:38%;
    --aseo-social-facebook-text-size:15px;
    --aseo-social-facebook-text-color:#123d7a;
    --aseo-social-facebook-text-weight:800;

     /* WhatsApp inferior derecho - móvil */
    --aseo-bottom-wa-top:auto;
    --aseo-bottom-wa-left:auto;
    --aseo-bottom-wa-right:18px;
    --aseo-bottom-wa-bottom:24px;

    --aseo-bottom-wa-box-size:58px;
    --aseo-bottom-wa-icon-size:58px;
    --aseo-bottom-wa-white-shadow:0 0 12px rgba(255,255,255,0.95);

    --aseo-bottom-wa-btn-top:50px;
    --aseo-bottom-wa-btn-left:50%;
    --aseo-bottom-wa-btn-translate-x:-50%;
    --aseo-bottom-wa-btn-width:78px;
    --aseo-bottom-wa-btn-height:24px;

    --aseo-bottom-wa-btn-bg:#0059d6;
    --aseo-bottom-wa-btn-border-width:0px;
    --aseo-bottom-wa-btn-border-color:transparent;
    --aseo-bottom-wa-btn-radius:18px;
    --aseo-bottom-wa-btn-shadow:0 4px 10px rgba(0,0,0,0.25);

    --aseo-bottom-wa-btn-text-size:11px;
    --aseo-bottom-wa-btn-text-color:#ffffff;
    --aseo-bottom-wa-btn-text-weight:800;

    /* Texto Síguenos en redes - móvil */
    --aseo-social-title-top:76%;
    --aseo-social-title-left:50%;
    --aseo-social-title-translate-x:-50%;
    --aseo-social-title-width:86%;

    --aseo-social-title-size:18px;
    --aseo-social-title-color:#123d7a;
    --aseo-social-title-weight:800;
    --aseo-social-title-spacing:0.5px;
    --aseo-social-title-align:center;
    --aseo-social-title-shadow:0 2px 6px rgba(255,255,255,0.6);

    /* =========================================================
   PERSONAL CALIFICADO
========================================================= */

/* Icono izquierda */
--aseo-trust-personal-icon-top:5px;
--aseo-trust-personal-icon-left:10px;
--aseo-trust-personal-icon-size:70px;

/* Texto izquierda */
--aseo-trust-personal-text-top:15px;
--aseo-trust-personal-text-left:80px;
--aseo-trust-personal-text-width:170px;
--aseo-trust-personal-text-size:10px;
--aseo-trust-personal-text-color:#123d7a;
--aseo-trust-personal-text-weight:700;
--aseo-trust-personal-text-line-height:1.25;

/* Texto confiables */
--aseo-trust-stars-text-top:18px;
--aseo-trust-stars-text-left:265px;
--aseo-trust-stars-text-size:12px;
--aseo-trust-stars-text-color:#123d7a;
--aseo-trust-stars-text-weight:800;

/* Estrellas */
--aseo-trust-stars-top:50px;
--aseo-trust-stars-left:285px;
--aseo-trust-stars-size:14px;
--aseo-trust-stars-color:#0059d6;
--aseo-trust-stars-spacing:1px;

    /* Cuadro confianza */
    --aseo-trust-top:65.5%;
    --aseo-trust-left:50%;
    --aseo-trust-translate-x:-50%;
    --aseo-trust-width:86%;
    --aseo-trust-height:78px;
    --aseo-trust-bg:rgba(109, 166, 251, 0.45);
    --aseo-trust-border-width:1px;
    --aseo-trust-border-color:rgba(255,255,255,0.65);
    --aseo-trust-radius:16px;
    --aseo-trust-shadow:0 8px 22px rgba(0,0,0,0.16);
    --aseo-trust-blur:10px;
    --aseo-trust-gradient:
      linear-gradient(
        to bottom,
        rgba(255,255,255,0.42),
        rgba(255,255,255,0.10)
      );
    --aseo-trust-gradient-opacity:1;

    /* Limpieza profunda */
    --aseo-prof-icon-top:46px;
    --aseo-prof-icon-left:46%;
    --aseo-prof-icon-size:50px;
    --aseo-prof-text-top:95px;
    --aseo-prof-text-left:44%;
    --aseo-prof-text-width:70px;
    --aseo-prof-text-size:11px;
    --aseo-prof-text-color:#123d7a;
    --aseo-prof-text-weight:700;
    --aseo-prof-text-line-height:1.1;

    /* Cocineras */
    --aseo-coc-icon-top:55px;
    --aseo-coc-icon-left:65%;
    --aseo-coc-icon-size:35px;
    --aseo-coc-text-top:95px;
    --aseo-coc-text-left:61%;
    --aseo-coc-text-width:65px;
    --aseo-coc-text-size:11px;
    --aseo-coc-text-color:#123d7a;
    --aseo-coc-text-weight:700;
    --aseo-coc-text-line-height:1.1;

    /* Cuidado del hogar */
    --aseo-hogar-icon-top:47px;
    --aseo-hogar-icon-left:81%;
    --aseo-hogar-icon-size:60px;
    --aseo-hogar-text-top:95px;
    --aseo-hogar-text-left:81%;
    --aseo-hogar-text-width:70px;
    --aseo-hogar-text-size:10px;
    --aseo-hogar-text-color:#123d7a;
    --aseo-hogar-text-weight:700;
    --aseo-hogar-text-line-height:1.1;

    /* Aseo residencial */
    --aseo-res-icon-top:40px;
    --aseo-res-icon-left:5%;
    --aseo-res-icon-size:60px;
    --aseo-res-text-top:95px;
    --aseo-res-text-left:5%;
    --aseo-res-text-width:70px;
    --aseo-res-text-size:11px;
    --aseo-res-text-color:#123d7a;
    --aseo-res-text-weight:700;
    --aseo-res-text-line-height:1.1;

    /* Empleada doméstica */
    --aseo-dom-icon-top:46px;
    --aseo-dom-icon-left:28%;
    --aseo-dom-icon-size:43px;
    --aseo-dom-text-top:95px;
    --aseo-dom-text-left:23%;
    --aseo-dom-text-width:80px;
    --aseo-dom-text-size:11px;
    --aseo-dom-text-color:#123d7a;
    --aseo-dom-text-weight:700;
    --aseo-dom-text-line-height:1.1;

    /* Cuadro servicios */
    --aseo-services-top:49%;
    --aseo-services-left:50%;
    --aseo-services-translate-x:-50%;
    --aseo-services-width:86%;
    --aseo-services-height:150px;
    --aseo-services-bg:rgba(109, 166, 251, 0.45);
    --aseo-services-border-width:1px;
    --aseo-services-border-color:rgba(255,255,255,0.5);
    --aseo-services-radius:18px;
    --aseo-services-shadow:0 8px 24px rgba(0,0,0,0.18);
    --aseo-services-blur:10px;
    --aseo-services-gradient:
      linear-gradient(
        to bottom,
        rgba(255,255,255,0.35),
        rgba(255,255,255,0.08)
      );
    --aseo-services-gradient-opacity:1;
    --aseo-services-title-top:14px;
    --aseo-services-title-size:15px;
    --aseo-services-title-color:#123d7a;
    --aseo-services-title-weight:800;
    --aseo-services-title-spacing:0.5px;

    /* Botón principal WhatsApp */
    --aseo-cta-top:38%;
    --aseo-cta-left:50%;
    --aseo-cta-translate-x:-50%;
    --aseo-cta-width:72%;
    --aseo-cta-height:54px;
    --aseo-cta-gap:10px;
    --aseo-cta-bg:#18b800;
    --aseo-cta-border-width:0px;
    --aseo-cta-border-color:transparent;
    --aseo-cta-radius:12px;
    --aseo-cta-shadow:0 8px 18px rgba(0,0,0,0.25);
    --aseo-cta-hover-scale:1.04;
    --aseo-cta-icon-size:34px;
    --aseo-cta-text-size:16px;
    --aseo-cta-text-color:#ffffff;
    --aseo-cta-text-weight:800;
    --aseo-cta-text-spacing:0.3px;

    /* Botón pequeño “Escríbenos ahora” */
    --aseo-cta-small-top:43%;
    --aseo-cta-small-left:50%;
    --aseo-cta-small-translate-x:-50%;
    --aseo-cta-small-width:120px;
    --aseo-cta-small-height:24px;
    --aseo-cta-small-bg:#0059b8;
    --aseo-cta-small-border-width:0px;
    --aseo-cta-small-border-color:transparent;
    --aseo-cta-small-radius:20px;
    --aseo-cta-small-shadow:0 4px 10px rgba(0,0,0,0.22);
    --aseo-cta-small-text-size:11px;
    --aseo-cta-small-text-color:#ffffff;
    --aseo-cta-small-text-weight:700;

    /* Textos principales */
    --aseo-text-left:50%;
    --aseo-text-translate-x:-50%;
    --aseo-text-width:82%;
    --aseo-text-align:center;
    --aseo-title-top:clamp(70px, 5vh, 210px);
    --aseo-title-size:clamp(26px, 7.2vw, 38px);
    --aseo-title-color:#0b3a75;
    --aseo-title-weight:800;
    --aseo-title-line-height:1.05;
    --aseo-title-shadow:0 2px 8px rgba(255,255,255,0.75);
    --aseo-subtitle-top:clamp(150px, 7vh, 390px);
    --aseo-subtitle-size:clamp(18px, 5vw, 24px);
    --aseo-subtitle-color:#0b3a75;
    --aseo-subtitle-weight:500;
    --aseo-subtitle-line-height:1.2;
    --aseo-subtitle-shadow:0 2px 8px rgba(255,255,255,0.65);

    /* Fondo móvil */
    --aseo-bg-size:100% 70%;
    --aseo-bg-position:center 300px;

    /* X cierre */
    --aseo-close-top:clamp(10px, 2.5vh, 18px);
    --aseo-close-right:clamp(10px, 3vw, 18px);
    --aseo-close-left:auto;
    --aseo-close-box-size:clamp(36px, 10vw, 46px);
    --aseo-close-radius:50%;
    --aseo-close-border-width:2px;
    --aseo-close-border-color:#ffffff;
    --aseo-close-bg:rgba(0, 42, 90, 0.75);
    --aseo-close-shadow:0 4px 12px rgba(0,0,0,0.35);
    --aseo-close-x-size:clamp(26px, 7vw, 34px);
    --aseo-close-x-color:#ffffff;
    --aseo-close-x-weight:700;
    --aseo-close-hover-scale:1.08;
    --aseo-close-hover-bg:#ffffff;
    --aseo-close-hover-color:#0059ff;

    /* Logo Aseo animado móvil */
    --aseo-logo-animation-time:1.6s;
    --aseo-logo-start-top:50%;
    --aseo-logo-start-left:50%;
    --aseo-logo-start-width:clamp(180px, 70vw, 320px);
    --aseo-logo-start-translate-x:-50%;
    --aseo-logo-start-translate-y:-50%;
    --aseo-logo-start-scale:1.5;
    --aseo-logo-middle-top:50%;
    --aseo-logo-middle-left:50%;
    --aseo-logo-middle-width:clamp(170px, 62vw, 290px);
    --aseo-logo-middle-translate-x:-50%;
    --aseo-logo-middle-translate-y:-50%;
    --aseo-logo-middle-scale:1;
    --aseo-logo-final-top:1%;
    --aseo-logo-final-left:15%;
    --aseo-logo-final-width:clamp(150px, 58vw, 260px);
    --aseo-logo-final-translate-x:0;
    --aseo-logo-final-translate-y:0;
    --aseo-logo-final-scale:0.8;
  }

    /* =========================================================
     14. DEGRADADO SUPERIOR SOLO MÓVIL
     ---------------------------------------------------------
     Sirve para ocultar la línea/corte entre el fondo superior
     y la imagen de fondo en móvil.
  ========================================================= */

  #adsAseoWindow .ads-content::before{
    content:"";
    position:absolute;
    top:260px;
    left:0;
    width:100%;
    height:120px;

    background:linear-gradient(
      to bottom,
      rgba(199,216,238,0) 0%,
      rgba(199,216,238,0.95) 20%,
      rgba(199,216,238,0) 100%
    );

    z-index:1;
    pointer-events:none;
  }

  /* =========================================================
     15. VENTANA PEQUEÑA ASEO EN MÓVIL
  ========================================================= */

#aseoWindow{
  top:clamp(105px, 16vh, 150px);
  right:auto;
  left:clamp(18px, 6vw, 40px);
}

#aseoWindow .division-content-aseo{
  --aseo-small-box-width:130px;
  --aseo-small-box-height:115px;

  --aseo-small-box-bg:rgba(0,0,0,0.78);
  --aseo-small-box-blur:10px;

  --aseo-small-box-border-width:1px;
  --aseo-small-box-border-color:rgba(127,179,255,0.55);
  --aseo-small-box-radius:10px;

  --aseo-small-box-shadow:
    0 10px 28px rgba(0,0,0,0.45),
    inset 0 0 22px rgba(127,179,255,0.08);

  --aseo-small-line-top:18px;
  --aseo-small-line-left:18px;
  --aseo-small-line-width:2px;
  --aseo-small-line-height:78px;

  --aseo-small-dot-top:18px;
  --aseo-small-dot-left:15px;
  --aseo-small-dot-size:8px;
  --aseo-small-dot-distance:78px;
}

  #aseoWindow .division-logo-aseo{
    width:300px;
    top:8px;
    left:0;
  }

  #aseoWindow .division-text-aseo{
    top:-8px;
    left:0;
    font-size:11px;
  }

  /* =========================================================
     16. LOGO GRUPO EN MÓVIL
  ========================================================= */

#adsAseoWindow{
  --grupo-logo-top:clamp(-135px, 0vh, 160px);
  --grupo-logo-left:clamp(2px, 0vw, 28px);
  --grupo-logo-width:clamp(120px, 38vw, 190px);
  --grupo-logo-opacity:1;
}

}

/* =========================================================
   17. AJUSTES PARA ESCRITORIO
========================================================= */

@media (min-width:769px){

  #adsAseoWindow{

      /* Redes sociales Aseo - escritorio */

    /* Correo */
    --aseo-social-email-icon-top:86%;
    --aseo-social-email-icon-left:38%;
    --aseo-social-email-icon-size:34px;
    --aseo-social-email-icon-shadow:0 3px 8px rgba(255,255,255,0.9);

    --aseo-social-email-text-top:86.5%;
    --aseo-social-email-text-left:42%;
    --aseo-social-email-text-size:18px;
    --aseo-social-email-text-color:#123d7a;
    --aseo-social-email-text-weight:800;

    /* Instagram */
    --aseo-social-instagram-icon-top:90%;
    --aseo-social-instagram-icon-left:37.8%;
    --aseo-social-instagram-icon-size:38px;
    --aseo-social-instagram-icon-shadow:0 3px 8px rgba(255,255,255,0.9);

    --aseo-social-instagram-text-top:90.5%;
    --aseo-social-instagram-text-left:42%;
    --aseo-social-instagram-text-size:22px;
    --aseo-social-instagram-text-color:#123d7a;
    --aseo-social-instagram-text-weight:800;

    /* Facebook */
    --aseo-social-facebook-icon-top:94%;
    --aseo-social-facebook-icon-left:37.7%;
    --aseo-social-facebook-icon-size:40px;
    --aseo-social-facebook-icon-shadow:0 3px 8px rgba(255,255,255,0.9);

    --aseo-social-facebook-text-top:94.5%;
    --aseo-social-facebook-text-left:42%;
    --aseo-social-facebook-text-size:22px;
    --aseo-social-facebook-text-color:#123d7a;
    --aseo-social-facebook-text-weight:800;

     /* WhatsApp inferior derecho - escritorio */
    --aseo-bottom-wa-top:auto;
    --aseo-bottom-wa-left:auto;
    --aseo-bottom-wa-right:42px;
    --aseo-bottom-wa-bottom:42px;

    --aseo-bottom-wa-box-size:82px;
    --aseo-bottom-wa-icon-size:82px;
    --aseo-bottom-wa-white-shadow:0 0 18px rgba(255,255,255,1);

    --aseo-bottom-wa-btn-top:90px;
    --aseo-bottom-wa-btn-left:50%;
    --aseo-bottom-wa-btn-translate-x:-50%;
    --aseo-bottom-wa-btn-width:110px;
    --aseo-bottom-wa-btn-height:30px;

    --aseo-bottom-wa-btn-bg:#0059d6;
    --aseo-bottom-wa-btn-border-width:0px;
    --aseo-bottom-wa-btn-border-color:transparent;
    --aseo-bottom-wa-btn-radius:22px;
    --aseo-bottom-wa-btn-shadow:0 6px 14px rgba(0,0,0,0.28);

    --aseo-bottom-wa-btn-text-size:15px;
    --aseo-bottom-wa-btn-text-color:#ffffff;
    --aseo-bottom-wa-btn-text-weight:800;

        /* Texto Síguenos en redes - escritorio */
    --aseo-social-title-top:83%;
    --aseo-social-title-left:50%;
    --aseo-social-title-translate-x:-50%;
    --aseo-social-title-width:560px;

    --aseo-social-title-size:16px;
    --aseo-social-title-color:#123d7a;
    --aseo-social-title-weight:800;
    --aseo-social-title-spacing:0.8px;
    --aseo-social-title-align:center;
    --aseo-social-title-shadow:0 2px 8px rgba(255,255,255,0.65);

    /* =========================================================
   PERSONAL CALIFICADO
========================================================= */

/* Icono izquierda */
--aseo-trust-personal-icon-top:5px;
--aseo-trust-personal-icon-left:10px;
--aseo-trust-personal-icon-size:80px;

/* Texto izquierda */
--aseo-trust-personal-text-top:16px;
--aseo-trust-personal-text-left:85px;
--aseo-trust-personal-text-width:260px;
--aseo-trust-personal-text-size:15px;
--aseo-trust-personal-text-color:#123d7a;
--aseo-trust-personal-text-weight:700;
--aseo-trust-personal-text-line-height:1.3;

/* Texto confiables */
--aseo-trust-stars-text-top:5px;
--aseo-trust-stars-text-left:400px;
--aseo-trust-stars-text-size:18px;
--aseo-trust-stars-text-color:#123d7a;
--aseo-trust-stars-text-weight:800;

/* Estrellas */
--aseo-trust-stars-top:48px;
--aseo-trust-stars-left:430px;
--aseo-trust-stars-size:22px;
--aseo-trust-stars-color:#0059d6;
--aseo-trust-stars-spacing:2px;

    /* Cuadro confianza */
    --aseo-trust-top:67%;
    --aseo-trust-left:50%;
    --aseo-trust-translate-x:-50%;
    --aseo-trust-width:560px;
    --aseo-trust-height:88px;
    --aseo-trust-bg:rgba(109, 166, 251, 0.45);
    --aseo-trust-border-width:1px;
    --aseo-trust-border-color:rgba(255,255,255,0.65);
    --aseo-trust-radius:20px;
    --aseo-trust-shadow:0 10px 28px rgba(0,0,0,0.16);
    --aseo-trust-blur:12px;
    --aseo-trust-gradient:
      linear-gradient(
        to bottom,
        rgba(255,255,255,0.38),
        rgba(255,255,255,0.10)
      );
    --aseo-trust-gradient-opacity:1;

    /* Limpieza profunda */
    --aseo-prof-icon-top:50px;
    --aseo-prof-icon-left:45%;
    --aseo-prof-icon-size:65px;
    --aseo-prof-text-top:124px;
    --aseo-prof-text-left:40%;
    --aseo-prof-text-width:120px;
    --aseo-prof-text-size:16px;
    --aseo-prof-text-color:#123d7a;
    --aseo-prof-text-weight:700;
    --aseo-prof-text-line-height:1.15;

    /* Cocineras */
    --aseo-coc-icon-top:60px;
    --aseo-coc-icon-left:65%;
    --aseo-coc-icon-size:45px;
    --aseo-coc-text-top:124px;
    --aseo-coc-text-left:60%;
    --aseo-coc-text-width:110px;
    --aseo-coc-text-size:16px;
    --aseo-coc-text-color:#123d7a;
    --aseo-coc-text-weight:700;
    --aseo-coc-text-line-height:1.15;

    /* Cuidado del hogar */
    --aseo-hogar-icon-top:48px;
    --aseo-hogar-icon-left:80%;
    --aseo-hogar-icon-size:80px;
    --aseo-hogar-text-top:124px;
    --aseo-hogar-text-left:77%;
    --aseo-hogar-text-width:120px;
    --aseo-hogar-text-size:16px;
    --aseo-hogar-text-color:#123d7a;
    --aseo-hogar-text-weight:700;
    --aseo-hogar-text-line-height:1.15;

    /* Aseo residencial */
    --aseo-res-icon-top:40px;
    --aseo-res-icon-left:5%;
    --aseo-res-icon-size:80px;
    --aseo-res-text-top:124px;
    --aseo-res-text-left:3%;
    --aseo-res-text-width:120px;
    --aseo-res-text-size:16px;
    --aseo-res-text-color:#123d7a;
    --aseo-res-text-weight:700;
    --aseo-res-text-line-height:1.15;

    /* Empleada doméstica */
    --aseo-dom-icon-top:50px;
    --aseo-dom-icon-left:28%;
    --aseo-dom-icon-size:55px;
    --aseo-dom-text-top:124px;
    --aseo-dom-text-left:20.5%;
    --aseo-dom-text-width:140px;
    --aseo-dom-text-size:16px;
    --aseo-dom-text-color:#123d7a;
    --aseo-dom-text-weight:700;
    --aseo-dom-text-line-height:1.15;

    /* Cuadro servicios */
    --aseo-services-top:44%;
    --aseo-services-left:50%;
    --aseo-services-translate-x:-50%;
    --aseo-services-width:560px;
    --aseo-services-height:180px;
    --aseo-services-bg:rgba(109, 166, 251, 0.45);
    --aseo-services-border-width:1px;
    --aseo-services-border-color:rgba(255,255,255,0.55);
    --aseo-services-radius:24px;
    --aseo-services-shadow:0 10px 30px rgba(0,0,0,0.18);
    --aseo-services-blur:12px;
    --aseo-services-gradient:
      linear-gradient(
        to bottom,
        rgba(255,255,255,0.28),
        rgba(255,255,255,0.08)
      );
    --aseo-services-gradient-opacity:1;
    --aseo-services-title-top:16px;
    --aseo-services-title-size:20px;
    --aseo-services-title-color:#123d7a;
    --aseo-services-title-weight:800;
    --aseo-services-title-spacing:0.8px;

    /* Botón principal WhatsApp */
    --aseo-cta-top:26%;
    --aseo-cta-left:50%;
    --aseo-cta-translate-x:-50%;
    --aseo-cta-width:420px;
    --aseo-cta-height:78px;
    --aseo-cta-gap:18px;
    --aseo-cta-bg:#18b800;
    --aseo-cta-border-width:0px;
    --aseo-cta-border-color:transparent;
    --aseo-cta-radius:18px;
    --aseo-cta-shadow:0 12px 26px rgba(0,0,0,0.28);
    --aseo-cta-hover-scale:1.04;
    --aseo-cta-icon-size:52px;
    --aseo-cta-text-size:28px;
    --aseo-cta-text-color:#ffffff;
    --aseo-cta-text-weight:900;
    --aseo-cta-text-spacing:0.4px;

    /* Botón pequeño “Escríbenos ahora” */
    --aseo-cta-small-top:35%;
    --aseo-cta-small-left:50%;
    --aseo-cta-small-translate-x:-50%;
    --aseo-cta-small-width:190px;
    --aseo-cta-small-height:34px;
    --aseo-cta-small-bg:#0059b8;
    --aseo-cta-small-border-width:0px;
    --aseo-cta-small-border-color:transparent;
    --aseo-cta-small-radius:24px;
    --aseo-cta-small-shadow:0 6px 14px rgba(0,0,0,0.25);
    --aseo-cta-small-text-size:16px;
    --aseo-cta-small-text-color:#ffffff;
    --aseo-cta-small-text-weight:800;

    /* Textos principales */
    --aseo-text-left:50%;
    --aseo-text-translate-x:-50%;
    --aseo-text-width:60%;
    --aseo-text-align:center;
    --aseo-title-top:clamp(20px, 0vh, 110px);
    --aseo-title-size:clamp(34px, 2vw, 48px);
    --aseo-title-color:#0b3a75;
    --aseo-title-weight:800;
    --aseo-title-line-height:1.05;
    --aseo-title-shadow:0 2px 10px rgba(255,255,255,0.75);
    --aseo-subtitle-top:clamp(80px, 6vh, 220px);
    --aseo-subtitle-size:clamp(20px, 2.2vw, 32px);
    --aseo-subtitle-color:#0b3a75;
    --aseo-subtitle-weight:500;
    --aseo-subtitle-line-height:1.2;
    --aseo-subtitle-shadow:0 2px 10px rgba(255,255,255,0.65);

    /* Fondo escritorio */
    --aseo-bg-size:cover;
    --aseo-bg-position:center center;

    /* X cierre escritorio */
    --aseo-close-top:clamp(18px, 3vh, 32px);
    --aseo-close-right:clamp(18px, 3vw, 42px);
    --aseo-close-left:auto;
    --aseo-close-box-size:clamp(44px, 4vw, 58px);
    --aseo-close-radius:50%;
    --aseo-close-border-width:2px;
    --aseo-close-border-color:#ffffff;
    --aseo-close-bg:rgba(0, 42, 90, 0.75);
    --aseo-close-shadow:0 6px 18px rgba(0,0,0,0.4);
    --aseo-close-x-size:clamp(32px, 3vw, 44px);
    --aseo-close-x-color:#ffffff;
    --aseo-close-x-weight:700;
    --aseo-close-hover-scale:1.08;
    --aseo-close-hover-bg:#ffffff;
    --aseo-close-hover-color:#0059ff;

    /* Logo Aseo animado escritorio */
    --aseo-logo-animation-time:1.6s;
    --aseo-logo-start-top:50%;
    --aseo-logo-start-left:50%;
    --aseo-logo-start-width:clamp(320px, 45vw, 620px);
    --aseo-logo-start-translate-x:-50%;
    --aseo-logo-start-translate-y:-50%;
    --aseo-logo-start-scale:1.6;
    --aseo-logo-middle-top:50%;
    --aseo-logo-middle-left:50%;
    --aseo-logo-middle-width:clamp(280px, 38vw, 560px);
    --aseo-logo-middle-translate-x:-50%;
    --aseo-logo-middle-translate-y:-50%;
    --aseo-logo-middle-scale:1;
    --aseo-logo-final-top:180px;
    --aseo-logo-final-left:-150px;
    --aseo-logo-final-width:clamp(300px, 45vw, 620px);
    --aseo-logo-final-translate-x:0;
    --aseo-logo-final-translate-y:0;
    --aseo-logo-final-scale:0.8;
  }


  /* =========================================================
     18. VENTANA PEQUEÑA ASEO EN ESCRITORIO
  ========================================================= */

#aseoWindow{
  top:clamp(120px, 16vh, 190px);
  right:clamp(280px, 32vw, 520px);
}

#aseoWindow .division-content-aseo{
  --aseo-small-box-width:260px;
  --aseo-small-box-height:140px;

  --aseo-small-box-bg:rgba(0,0,0,0.78);
  --aseo-small-box-blur:12px;

  --aseo-small-box-border-width:1px;
  --aseo-small-box-border-color:rgba(127,179,255,0.55);
  --aseo-small-box-radius:12px;

  --aseo-small-box-shadow:
    0 14px 34px rgba(0,0,0,0.5),
    inset 0 0 28px rgba(127,179,255,0.08);

  --aseo-small-line-top:22px;
  --aseo-small-line-left:22px;
  --aseo-small-line-width:2px;
  --aseo-small-line-height:96px;

  --aseo-small-dot-top:22px;
  --aseo-small-dot-left:19px;
  --aseo-small-dot-size:8px;
  --aseo-small-dot-distance:96px;
}

  #aseoWindow .division-logo-aseo{
    width:430px;
    top:12px;
    left:0;
  }

  #aseoWindow .division-text-aseo{
    top:-12px;
    left:0;
    font-size:16px;
  }


  /* =========================================================
     19. LOGO GRUPO EN ESCRITORIO
  ========================================================= */

#adsAseoWindow{
  --grupo-logo-top:clamp(-5px, 0vh, 100px);
  --grupo-logo-left:clamp(-55px, 0vw, 190px);
  --grupo-logo-width:clamp(180px, 18vw, 320px);
  --grupo-logo-opacity:1;
}

}

/* =========================================================
   OCULTAR WHATSAPP GLOBAL CUANDO ESTÁ ABIERTA ASEO
   ---------------------------------------------------------
   Evita duplicar dos iconos de WhatsApp.
   Solo se oculta el botón flotante global mientras
   #adsAseoWindow esté abierto.
========================================================= */

#adsAseoWindow.show ~ #floatingWhatsapp{
  display:none !important;
}

/* =========================================================
   OCULTAR CATEGORÍAS CUANDO ESTÁ ABIERTA ASEO
========================================================= */

body.aseo-ads-open .menu,
body.aseo-ads-open .menu-dropdown,
body.aseo-ads-open .tutorial-categorias{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}