/* =====================================================================
   Calima 360 · Motor «Agua» (assets/js/agua.js)
   Todas las capas son decorativas: pointer-events:none y aria-hidden.
   Solo actúa con html.js-agua (JS activo y sin «reducir movimiento»).
   ===================================================================== */
.ag-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}

/* Llegada desde otra página: el agua cubre hasta que el motor la drena */
html.agua-arriving body::after{content:'';position:fixed;inset:0;z-index:4999;background:linear-gradient(135deg,#125c8c,#104c7a 55%,#09345c)}
.ag-transition{position:fixed;inset:0;z-index:5000;pointer-events:none}
.ag-transition canvas{width:100%;height:100%;display:block}

/* Capa global de gotas, salpicaduras y anillos */
.ag-fx{position:fixed;inset:0;z-index:1040;pointer-events:none}

/* Barra de progreso como nivel de agua */
.js-agua .c360-progress{display:none}
.ag-progress{position:fixed;left:0;right:0;top:0;height:10px;z-index:2000;pointer-events:none}

/* Divisores de agua entre secciones */
.ag-has-divider{position:relative}
.ag-divider{position:absolute;left:0;top:-46px;width:100%;height:48px;pointer-events:none;z-index:2;display:block;overflow:visible}
.ag-divider.is-inside{top:0;height:40px}

/* Revelado con frente de ola */
.js-agua .ag-wait{opacity:0}
.ag-pos{position:relative}
.ag-reveal{z-index:8}

/* Héroes: superficie del lago */
.ag-hero{z-index:0}
.js-agua .v2-hero .v2-hero-inner{z-index:1}
.js-agua .v2-hero .v2-scroll-hint{z-index:2}

/* Títulos que flotan */
.ag-w{display:inline-block;white-space:nowrap}
.ag-l{display:inline-block;transform-origin:50% 80%}

/* Botones con líquido */
.ag-btn{position:relative;overflow:hidden;isolation:isolate}
.ag-btn-water{z-index:-1;border-radius:inherit}

/* Brillo sobre imágenes al pasar el ratón */
.ag-shine{z-index:3}

/* Contadores con nivel de líquido */
.ag-counter{position:relative;color:transparent!important}
.ag-canvas.ag-count{inset:auto;z-index:1}

/* Pie: agua profunda */
.js-agua .v2-footer{position:relative;overflow:hidden}
.ag-footer{z-index:0}
.js-agua .v2-footer>.container{position:relative;z-index:1}

/* Cabecera: subrayado ondulado */
.js-agua body[data-page] .v2-nav{position:relative}
.js-agua .v2-nav>a::after{display:none}
.ag-navwave{position:absolute;left:0;right:0;bottom:-2px;height:10px;pointer-events:none;display:block}
@media (max-width:1040px){.ag-navwave{display:none}}

.ag-defs{position:absolute;width:0;height:0;overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .ag-canvas,.ag-fx,.ag-progress,.ag-divider,.ag-transition,.ag-navwave{display:none!important}
  .ag-wait{opacity:1!important}
  .ag-counter{color:inherit!important}
}