/* Lo que el clon añade a la hoja de Webflow. Va cargado DESPUÉS que ella, así que puede
   ganarle sin `!important`.

   Regla de la casa: aquí solo entra lo que no existía en el original. Todo lo que sea
   reproducir la maqueta de aeos.es se queda en `aeos-webflow-shared-*.css`, que es la suya
   tal cual y no se toca. Así, si algún día se recaptura, el diff enseña qué cambió Webflow
   y no se mezcla con lo nuestro. */

/* ── Las apariciones de la portada, con el fallo del lado bueno ───────────────
 *
 * Webflow incrustaba en la portada una hoja que escondía cuatro elementos —los tres
 * reclamos «Formar / Conectar / Representar» y el botón «La asociación»— hasta que su motor
 * arrancaba:
 *
 *     html.w-mod-js:not(.w-mod-ix) [data-w-id="…"] { opacity: 0 }
 *
 * `w-mod-ix` la ponía el motor. Sin motor no llega nunca, así que **esos cuatro elementos se
 * quedarían invisibles para siempre**. Por eso esa hoja no se emite (ver `Base.astro`).
 *
 * Aquí se recupera el fundido, pero **al revés**: la clase que activa el escondite la pone
 * NUESTRO script (`animaciones.js` añade `.js-animaciones` a `<html>` en cuanto arranca), no
 * el que lo deshace. Si ese script no llega a ejecutarse —error, red, navegador viejo— la
 * clase no se añade, la regla no aplica y **todo se ve**. Webflow lo tenía al contrario: si su
 * motor fallaba, la portada se quedaba en blanco.
 *
 * Los identificadores van a mano porque son de una sola página y el generador de
 * `animaciones.css` solo traduce los elementos que IX2 nombra como destino directo; estos son
 * hijos del elemento que dispara.
 */
html.js-animaciones [data-w-id="a9219560-13bc-c7a4-22ee-c0508d89f853"] .col-figura,
html.js-animaciones [data-w-id="d81f2e97-6cd7-929c-4d2c-d48044172289"] .button.w-button {
  opacity: 0;
  transition: opacity 0.5s ease;
}

html.js-animaciones [data-w-id="a9219560-13bc-c7a4-22ee-c0508d89f853"].a-la-vista .col-figura,
html.js-animaciones [data-w-id="d81f2e97-6cd7-929c-4d2c-d48044172289"].a-la-vista .button.w-button {
  opacity: 1;
}

/* Quien prefiere no ver movimiento no ve ninguno, y sobre todo lo ve TODO. */
@media (prefers-reduced-motion: reduce) {
  html.js-animaciones [data-w-id="a9219560-13bc-c7a4-22ee-c0508d89f853"] .col-figura,
  html.js-animaciones [data-w-id="d81f2e97-6cd7-929c-4d2c-d48044172289"] .button.w-button {
    opacity: 1;
    transition: none;
  }
}

/* ── Resultados del buscador ──────────────────────────────────────────────────
   El buscador de Webflow tenía sus propias clases (`.w-dyn-item`), que se van con él. Estas
   son nuestras y usan las mismas tipografías y colores que el resto del sitio. */

.search-result-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
}

a.resultado-busqueda {
  display: block;
  padding: 1.25rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  color: inherit;
  text-decoration: none;
}

a.resultado-busqueda:hover .resultado-titulo {
  text-decoration: underline;
}

.resultado-titulo {
  display: block;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.35rem;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}

.resultado-extracto {
  display: block;
  font-family: Inter, system-ui, sans-serif;
  font-size: 0.95rem;
  line-height: 1.55;
  opacity: 0.75;
}

/* ── Enlaces desactivados ─────────────────────────────────────────────────────
   `lib/retoques.mjs` deja los `<a>` que apuntaban a un documento que ya no existe con un
   `data-enlace-retirado` y sin `href`. Sin `href` un `<a>` no es un enlace —ni teclado ni
   lector de pantalla lo anuncian—, pero heredaría el cursor de mano de la hoja de Webflow y
   parecería pulsable. */
a[data-enlace-retirado] {
  cursor: default;
  text-decoration: none;
}