/* ══ HOJA DE IMPRESIÓN ══════════════════════════════════════════════════════════════════
   2026-08-07 (ronda SEO, pasada 2). El sitio no tenía ninguna: al imprimir salía la página
   de pantalla entera —nav flotante, marquee, fachadas de video, fondos oscuros a sangre— y
   las respuestas del FAQ ni siquiera aparecían, porque `<details>` cerrado no se imprime.

   🔴 Se enlaza SIEMPRE con `media="print"`. Eso no es una convención: es la garantía de que
   este archivo NO PUEDE tocar el render de pantalla. El navegador solo aplica estas reglas
   al medio de impresión, así que el riesgo sobre lo que el usuario ve es nulo por
   construcción — que es exactamente por lo que este ítem entró sin gate visual.

   Criterio: se imprime el CONTENIDO (texto, jerarquía, datos de contacto) y se tira la
   INTERFAZ (navegación, animación, controles, decorado). El papel no tiene hover, ni scroll,
   ni tema oscuro.
   ══════════════════════════════════════════════════════════════════════════════════════ */

@page {
  margin: 18mm 15mm;
}

html,
body {
  background: #fff !important;
  color: #000 !important;
  font-size: 11pt;
  line-height: 1.45;
}

/* Los tokens de color viven en :root y cambian con [data-theme]. En papel se fija el juego
   claro para las dos variantes: un tema oscuro impreso gasta tinta y se lee peor. */
:root,
:root[data-theme='dark'] {
  --c-bg: #fff;
  --c-surface: #fff;
  --c-text: #000;
  --c-secondary: #333;
  --c-dark: #fff;
  --c-on-dark: #000;
}

/* ── Interfaz que no va al papel ─────────────────────────────────────────────────────── */
.snav,
.snav__backdrop,
.snav__hero-controls,
#preloader,
.marquee,
.newsletter__form,
.hero__cards,
.hero__isotipo,
.mg-rail,
.aa-rail,
.mg-lightbox,
#mgLightbox,
#aaLightbox,
.mg-plantip,
.aa-plantip,
.mg-video__play,
.aa-video__play,
.site-footer__social,
.faq-item__icon,
video,
iframe {
  display: none !important;
}

/* ── Fondos e imágenes ──────────────────────────────────────────────────────────────── */
/* Los fondos fotográficos son decorativos y en papel salen como manchas grises. */
.hero__media,
.hero__overlay,
.newsletter__bg,
.newsletter__overlay,
.property-card__img,
.property-card__overlay,
.mg-band__bg,
.mg-cta__bg,
.aa-cta__bg,
.hood__media {
  display: none !important;
}

img {
  max-width: 100% !important;
  height: auto !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

/* ── Contenido ──────────────────────────────────────────────────────────────────────── */
/* Sin esto, una respuesta del FAQ cerrada no existe en el papel. */
details {
  display: block !important;
}
details > *:not(summary) {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}
summary {
  list-style: none;
  font-weight: 600;
}

h1,
h2,
h3 {
  break-after: avoid;
  page-break-after: avoid;
  color: #000 !important;
}
h1 { font-size: 20pt; }
h2 { font-size: 15pt; }
h3 { font-size: 12pt; }

p,
li,
blockquote,
figure,
.property-card,
.invest-card {
  break-inside: avoid;
  page-break-inside: avoid;
}

section,
.section {
  padding: 0 0 8mm !important;
  min-height: 0 !important;
}

/* Cualquier animación o reveal en curso quedaría congelado a media transición sobre el
   papel — típicamente en `opacity: 0`, es decir, invisible. */
* {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ── Enlaces: en papel un enlace sin su URL es texto muerto ─────────────────────────── */
a {
  color: #000 !important;
  text-decoration: underline;
}
a[href^='http']::after {
  content: ' (' attr(href) ')';
  font-size: 9pt;
  word-break: break-all;
}
/* Los de ancla interna (#seccion) no aportan nada impresos. */
a[href^='#']::after {
  content: '';
}