/* ═══ /abogados-comunidad-filipina-barcelona/ (ES, EN, TL) ═══════════════════
   Hoja propia de la página de la comunidad filipina (SUD, 2026-10-10). Va
   aparte de style.css a propósito: hay otras ramas reescribiendo style.css
   (megamenú, embudo de extranjería) y así no choca al fusionar. Solo usa los
   tokens de :root de style.css. La genera/enlaza _migracion/genera-filipinas.py.
   Contrastes medidos sobre su fondo real: ver AGENTS.md, entrada 2026-10-10. */

/* ── Ficha del hero: tres datos citables ── */
.filipinas-ficha {
  display: grid;
  gap: var(--esp-4);
  padding: clamp(24px, 3.4vw, 40px);
  background: var(--fosc);
  color: var(--tinta-inv);
  clip-path: var(--clip-chafla);
}
.filipinas-ficha p { margin: 0; }
.filipinas-ficha__etiqueta {
  font-family: var(--font-titular);
  font-size: var(--fs-kicker);
  font-weight: var(--peso-semi);
  text-transform: uppercase;
  letter-spacing: var(--track-kicker);
  color: var(--verd-clar);
}
.filipinas-ficha__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--esp-5); }
.filipinas-ficha__dato { display: grid; gap: var(--esp-1); padding-top: var(--esp-4); border-top: 1px solid var(--linea-fosc); }
.filipinas-ficha__dato:first-child { padding-top: 0; border-top: 0; }
.filipinas-ficha__cifra {
  font-family: var(--font-titular);
  font-weight: var(--peso-fuerte);
  font-size: clamp(1.9rem, 1.3rem + 2vw, 2.75rem);
  line-height: 1;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}
.filipinas-ficha__texto { font-size: var(--fs-peque); line-height: 1.5; color: var(--tinta-inv); }

/* ── Mapa de la página (claves con enlace a su sección) ── */
.filipinas-claves .clave { align-content: start; }
.filipinas-clave__enlace {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  width: fit-content;
  font-weight: var(--peso-semi);
  color: var(--verd);
  touch-action: manipulation;
}
.filipinas-clave__enlace::after { content: "→"; margin-inline-start: .4em; transition: transform var(--trans); }
.filipinas-clave__enlace:hover::after { transform: translateX(4px); }
[dir="rtl"] .filipinas-clave__enlace::after { content: "←"; }
.filipinas-nota { margin-top: var(--esp-5); }
.filipinas-nota a { display: inline-flex; align-items: center; min-height: 44px; }

/* ── Enlaces dentro de la columna oscura de «contraste» ── */
.contraste__lado--oscuro h3 { color: #FFFFFF; }
.contraste__lado--oscuro a { color: var(--verd-clar); }
.contraste__lado--oscuro a:hover { color: #FFFFFF; }

/* ── Extranjería: lista + herramientas ── */
.filipinas-extranjeria { display: grid; gap: var(--esp-4); align-content: start; }
.filipinas-extranjeria > p a { display: inline-flex; align-items: center; min-height: 44px; font-weight: var(--peso-semi); }
.filipinas-subtitulo { font-size: var(--fs-h4); margin-top: var(--esp-4); }
.filipinas-herramientas { display: grid; gap: var(--esp-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }

/* ── Gestiones con una parte en Filipinas (banda oscura) ── */
.filipinas-gestiones .lista-check li { color: var(--tinta-inv); }
.filipinas-gestiones .lista-check li::before { border-color: var(--verd-clar); }
.filipinas-gestiones__cuerpo { display: grid; gap: var(--esp-6); }
@media (min-width: 900px) { .filipinas-gestiones__cuerpo { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; } }
.filipinas-gestiones__cuerpo h3 { font-size: var(--fs-h4); margin-bottom: var(--esp-4); }
.filipinas-datos {
  border-inline-start: 2px solid var(--verd-clar);
  padding-inline-start: var(--esp-5);
}
.filipinas-datos p { font-size: var(--fs-peque); line-height: 1.6; }
.filipinas-gestiones__acciones { display: flex; flex-wrap: wrap; gap: var(--esp-3); margin-top: var(--esp-7f, var(--esp-7)); }
/* «.seccion--oscura a» pinta los enlaces de verde claro y ganaría a los botones. */
.filipinas-gestiones .btn--inv,
.filipinas-gestiones .btn--inv:hover { color: var(--fosc); }
.filipinas-gestiones .btn--sec-inv { color: var(--tinta-inv); }
.filipinas-gestiones .btn--sec-inv:hover { color: #FFFFFF; }

@media (max-width: 639px) {
  .filipinas-gestiones__acciones .btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .filipinas-clave__enlace::after { transition: none; }
  .filipinas-clave__enlace:hover::after { transform: none; }
}

/* El enlace a las condiciones dentro del aviso del cierre (fondo oscuro). */
.cierre .aviso--primera-visita a { color: var(--verd-clar); }
.cierre .aviso--primera-visita a:hover { color: #FFFFFF; }