/* ═══════════════════════════════════════════════════════════════════
   VURA PÁGINAS · ajustes de vura-fx.css para las páginas internas
   Se carga DESPUÉS de vura-fx.css en todas las páginas menos los homes
   (index.html y en/index.html no lo cargan). No agrega efectos: solo
   adapta reglas pensadas para el home a los layouts de las internas.
   ═══════════════════════════════════════════════════════════════════ */

/* ─── 1 · Pie en tarjeta (footer.fx-footer) ────────────────────────── */
/* Muchas internas traen de su <style> un `footer { display:flex;
   justify-content:space-between; padding:20px max(24px,5vw) }` pensado para
   el pie viejo de una línea. Aplicado al pie nuevo pondría la tarjeta, el
   degradé y la frase "VURAOS IA" uno al lado del otro. Se vuelve a bloque y
   se usa el mismo padding lateral que el pie del home. Arriba/abajo lo sigue
   poniendo vura-fx.css (80 px, del que depende el recorte de la frase final). */
footer.fx-footer { display: block; text-align: left; }
@media (min-width: 769px) {
  footer.fx-footer {
    padding-left: max(24px, max(5vw, calc((100vw - 1200px) / 2 + 24px)));
    padding-right: max(24px, max(5vw, calc((100vw - 1200px) / 2 + 24px)));
  }
}

/* Pie "simple" (blogs, legales, 404, partners, sentinel): una fila con el
   copyright y los links, más la franja "Con tecnología de". Se conserva esa
   disposición dentro de la tarjeta. */
.fx-footer-card.pg-pie-simple {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 14px 24px; padding: 36px 44px 30px;
}
.pg-pie-simple > .foot-tech { flex-basis: 100%; }
/* Las filas de links vienen con display:flex en línea (style="") o con
   .foot-links: se les permite bajar de renglón para que no desborden. */
.pg-pie-simple > div:not(.foot-tech), .pg-pie-simple .foot-links { flex-wrap: wrap; }
@media (max-width: 768px) {
  .fx-footer-card.pg-pie-simple { flex-direction: column; text-align: center; padding: 28px 20px 22px; }
  .pg-pie-simple > div:not(.foot-tech), .pg-pie-simple .foot-links { justify-content: center; }
}

/* ─── 2 · Rieles del marco en los artículos del blog ───────────────── */
/* vura-fx.css ubica los rieles verticales 32 px por fuera de un contenido de
   1200 px. Los artículos del blog usan un layout de 1600 px con padding
   max(24px, 3vw, (100vw-1600px)/2 + 24px): con los rieles del home, en
   pantallas de más de ~1260 px las líneas cruzarían el texto y la barra
   lateral. Todos esos artículos (y solo ellos, más blog-post.html, que es
   más angosto y queda igual de adentro) tienen #read-progress como hijo
   directo de <body>. */
html:has(> body > #read-progress) {
  --fx-rail-x: max(0px, calc(3vw - 8px), calc((100vw - 1600px) / 2 - 8px));
}

/* El degradé (.fx-mesh, absolute) debe quedar dentro del pie: algunas internas no le daban position al <footer>
   y el degradé se extendía por toda la página (visto en legales). */
footer.fx-footer { position: relative; }
