/* * ac-home.css — /home de Agua Circular. Solo index.php. * Carga al final del para ganar la cascada sobre el CSS heredado. * Los tokens de color (--ac-*) se declaran en css/ac-header.css, que también * carga en index.php; aquí solo se añaden los propios del home. * * Dirección: "instrumento y territorio". Agua Circular es una empresa de datos * sobre un territorio físico, así que la página alterna pasajes de precisión * (filetes, cifras tabulares, listas exactas) con pasajes de territorio * (fotografía de los ríos, a sangre). El ritmo claro/oscuro es estructural, * no decorativo: lo oscuro sostiene la prueba y el dato, lo claro la oferta. * * Las secciones nuevas NO llevan clases cid-*, así que no heredan nada del CSS * de Mobirise: se estilan limpias desde aquí. Las que conservan un carrusel * legado sí mantienen .clients + id (contrato de mbr-clients-slider.js) y se * corrigen por encima. */ /* ======================================================================== 0. Tokens propios del home y utilidades ======================================================================== */ :root { /* Ritmo vertical: tres densidades, para que las secciones no midan todas igual. */ --ac-aire-xl: clamp(5rem, 10vw, 9rem); --ac-aire-l: clamp(4rem, 7vw, 6.5rem); --ac-aire-m: clamp(3rem, 5vw, 4.5rem); --ac-borde-claro: rgb(16 24 32 / 0.12); --ac-borde-oscuro: rgb(255 255 255 / 0.16); --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1); } /* Todo dato numérico del home va en cifras tabulares: es una página sobre caudales, precios y conteos, y las cifras proporcionales bailan al animarse. */ .ac-cifra, .ac-dato { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; } /* bootstrap.min.css:6 (reboot) declara button:focus { outline: 5px auto -webkit-focus-ring-color } y Chrome lo pinta como un rectángulo negro alrededor de cualquier