/* Informes pagados: portada con rueda y fichas, índice, y el documento A4 para guardar en PDF (frente «informes»).
   Estándar visual: la muestra de la lectura profunda (noche azul, oro suave, Fraunces y Nunito Sans, mucho respiro). Nombre propio a
   propósito: no comparte archivos con el frente lectura-pagada. */

/* ---------- En pantalla ---------- */
.portada-marca{display:flex;gap:10px;justify-content:center;align-items:center;font-size:.95rem;letter-spacing:.32em;margin:0 0 6px}
.portada-marca .insignia{font-size:1.3rem;letter-spacing:0}
.portada-rueda{margin:14px auto 18px;width:min(78vw,340px);height:min(78vw,340px);color:var(--oro)}
.portada-rueda svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 24px #d8bc8429)}
.portada-fichas{list-style:none;margin:0 auto 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:560px}
.portada-fichas li{display:inline-flex;gap:9px;align-items:baseline;padding:7px 16px;border:1px solid #d8bc8466;border-radius:999px;background:#d8bc840d}
.ficha-et{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.ficha-val{font-family:"Fraunces",Georgia,serif;font-weight:600;color:var(--oro)}
.portada-informe h2{letter-spacing:.005em}
/* ambiente.css flota las láminas pequeñas del resto del sitio; aquí son un banner a todo el ancho de la sección (como se diseñó en informe.css). */
.sec-informe .lamina{float:none;width:auto;aspect-ratio:auto;shape-outside:none;border-radius:var(--radio) var(--radio) 0 0}
.sec-informe .lamina::after{box-shadow:none;border-radius:0}
.sec-informe .lamina .lamina-img{filter:invert(.94) sepia(1) saturate(2.2) hue-rotate(-10deg) brightness(.8) contrast(1.25);mix-blend-mode:screen;opacity:.9}
/* Colores de la rueda (informe-documento.js, modo css); en el PDF cambian con --r-* y el respaldo es el tema de noche. */
.r-stroke-linea{stroke:var(--r-linea,#b89c5e)}.r-stroke-fluido{stroke:var(--r-fluido,#7fa6d0)}.r-stroke-tenso{stroke:var(--r-tenso,#d08a6a)}
.r-fill-texto{fill:var(--r-texto,#e8dcc0)}.r-fill-sol{fill:var(--r-sol,#e9c97a)}.r-fill-luna{fill:var(--r-luna,#cfd6e6)}.r-fill-fondo{fill:var(--r-fondo,#141927)}
/* El índice como la tabla de contenido de un libro. */
.indice ol{list-style:none;padding-left:0;gap:0;margin:10px 0 8px}
.indice li{display:grid;grid-template-columns:2.6rem minmax(0,1fr);column-gap:6px;align-items:baseline;padding:11px 0;border-bottom:1px solid #d8bc8422}
.indice li:last-child{border-bottom:0}
.indice-num{font-family:"Fraunces",Georgia,serif;color:var(--oro);font-size:1.15rem}
.indice li .indice-resumen{grid-column:2;font-size:.9rem}
.indice li .marca-gratis,.indice li .marca-cerrada{grid-column:2;justify-self:start;margin:4px 0 0}
.opcion-papel{flex-basis:100%;font-size:.9rem;color:var(--suave)}
.acciones-informe .estado{min-height:1.4em}

/* ---------- PDF en A4 ---------- */
@page{
  size:A4;margin:20mm 17mm 22mm;background:#10141f;
  @top-left{content:"✧  Tarot y Cielo";font:600 8.5pt "Fraunces",Georgia,serif;color:#8a8fa3;vertical-align:bottom;padding-bottom:5mm}
  @bottom-left{content:"Tarot y Cielo es entretenimiento y reflexión. No reemplaza a profesionales de la salud, legales ni financieros. Solo para mayores de 18 años.";font:7pt/1.4 "Nunito Sans",system-ui,sans-serif;color:#8a8fa3;vertical-align:top;padding-top:5mm}
  @bottom-right{content:counter(page);font:8.5pt "Nunito Sans",system-ui,sans-serif;color:#8a8fa3;vertical-align:top;padding-top:5mm}
}
/* El papel blanco es otra «página con nombre»: el fondo de la hoja (márgenes incluidos) no se puede cambiar con una clase del cuerpo. */
@page papel{background:#fff}
@page:first{
  @top-left{content:none}@bottom-left{content:none}@bottom-right{content:none}
}
@media print{
  /* Noche por defecto (como la muestra de la lectura profunda); «PDF para papel» pasa a fondo blanco. */
  body{--p-fondo:#10141f;--p-texto:#ebe5d4;--p-suave:#a5abc0;--p-oro:#dcc48c;--p-borde:#3b415a;--p-lamina:invert(.94) sepia(1) saturate(2.2) hue-rotate(-10deg) brightness(.8) contrast(1.25);--p-mezcla:screen;
    --r-linea:#c9ae72;--r-texto:#ebe5d4;--r-sol:#e9c97a;--r-luna:#cfd6e6;--r-fondo:#10141f;
    --texto:var(--p-texto);--suave:var(--p-suave);--oro:var(--p-oro);--borde:var(--p-borde)}
  body.informe-papel{--p-fondo:#fff;--p-texto:#1d1b22;--p-suave:#55535d;--p-oro:#8a6a2b;--p-borde:#d9d3c5;--p-lamina:sepia(.55) contrast(1.05);--p-mezcla:normal;
    --r-linea:#8a6a2b;--r-texto:#2b2833;--r-sol:#8a6a2b;--r-luna:#7a829c;--r-fluido:#4f7fae;--r-tenso:#b0623a;--r-fondo:#fff}
  html{background:#10141f!important}
  html:has(body.informe-papel){background:#fff!important}
  body{background:transparent!important;color:var(--p-texto);padding:0!important;font:10.5pt/1.62 "Nunito Sans",system-ui,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  html:not(:has(body.informe-papel)){background-image:radial-gradient(circle,#e9c97a40 .28mm,transparent .32mm),radial-gradient(circle,#ffffff2e .22mm,transparent .26mm)!important;background-size:41mm 37mm,23mm 29mm!important;background-position:7mm 11mm,16mm 3mm!important}
  .cabecera,.pie,.saltar,#form-informe,.informe-intro,.no-imprimir,dialog,noscript,.pestanas,.subpestanas,.grabado-pie,.cielo-fondo,.pago-mensaje,body::before,body::after,.nivel-nota{display:none!important}
  main.informe-pagina{padding:0;max-width:none}
  .informe{margin:0}
  h1,h2,h3,.ritual-titulo{font-family:"Fraunces",Georgia,serif;color:var(--p-texto)}
  h2,h3{break-after:avoid;page-break-after:avoid}
  p,li{orphans:3;widows:3}
  a{color:inherit;text-decoration:none}

  /* Portada: una página entera, centrada. */
  .portada-informe{border:0;border-radius:0;background:none;min-height:230mm;display:flex;flex-direction:column;justify-content:center;align-items:center;break-after:page;padding:0;overflow:visible}
  .portada-marca{font-size:11pt;color:var(--p-texto);margin-bottom:8mm}
  .portada-rueda{width:112mm;height:112mm;margin:2mm auto 9mm}
  .portada-rueda svg{filter:none}
  .portada-informe h2{font-size:36pt;line-height:1.1;margin:2mm 0 3mm}
  .portada-lema{color:var(--p-suave);font-size:13pt;margin:0 0 6mm}
  .portada-nombre{font-family:"Fraunces",Georgia,serif;font-size:17pt;color:var(--p-oro);margin:0 0 2mm}
  .portada-datos{color:var(--p-suave);font-size:10pt;margin:0 0 7mm}
  .portada-fichas{max-width:150mm;gap:3mm;margin-bottom:9mm}
  .portada-fichas li{padding:1.6mm 4.5mm;border-color:var(--p-oro);background:none}
  .ficha-et{font-size:6.5pt;color:var(--p-suave)}
  .ficha-val{font-size:10.5pt;color:var(--p-oro)}
  .portada-filete{color:var(--p-oro);margin:0 0 6mm}
  .portada-aviso{margin:6mm 0 0;font-size:8pt;color:var(--p-suave);max-width:125mm}

  /* Índice: su propia página, como el de un libro. */
  body.informe-papel .informe{page:papel}
  .indice,.indice.panel{border:0;background:none!important;padding:6mm 0 0;break-after:page;box-shadow:none}
  .indice h2{font-size:22pt;margin:0 0 6mm}
  .indice li{padding:3.4mm 0;border-bottom-color:var(--p-borde)}
  .indice a{color:var(--p-texto);font-size:12pt}
  .indice-num{color:var(--p-oro)}
  .marca-gratis,.marca-cerrada{border-color:var(--p-borde);color:var(--p-suave)}

  /* Secciones: cada una abre página, con su lámina, su número y su título grande. */
  /* Las secciones fluyen una tras otra con aire (cada una empieza con su lámina); solo las partes largas abren página. */
  .sec-informe{border:0;border-radius:0;background:none;padding:0;margin:0 0 15mm}
  .sec-informe:first-of-type,#sec-planetas,#sec-meses{break-before:page}
  .sec-informe .lamina,.sec-ceja{break-after:avoid}
  .sec-informe h2{font-size:23pt;margin:0 0 2mm;display:flex;gap:4mm;align-items:center}
  .sec-numero{border-color:var(--p-oro);color:var(--p-oro);min-width:9mm;height:9mm;font-size:10pt}
  .sec-resumen{color:var(--p-oro);font-size:11pt;margin:0 0 7mm;break-after:avoid}
  .sec-ceja{color:var(--p-oro)}
  .sec-informe p{max-width:none}
  .sec-informe h3{font-size:13.5pt;border-bottom:.2mm solid var(--p-borde);padding-bottom:1.5mm;margin:7mm 0 2.5mm}
  .sec-informe h3.mes{font-size:17pt;color:var(--p-oro);border:0;margin-top:8mm;break-after:avoid}
  .capital::first-letter{color:var(--p-oro)}
  .afirmacion{color:var(--p-texto);border-left-color:var(--p-oro);font-family:"Fraunces",Georgia,serif;font-size:13pt}
  .gesto{background:none;border:.25mm solid var(--p-oro);border-radius:3mm}
  .gesto .etiqueta{color:var(--p-oro)}
  .afirmacion,.gesto,.pilares-tabla,.barras,.barra,.preguntas li,.ritual,.carta-informe{break-inside:avoid}
  .pilares-tabla th,.pilares-tabla td{border-bottom-color:var(--p-borde)}
  .pilares-tabla thead th{color:var(--p-oro)}
  .barra-relleno{background:color-mix(in srgb,var(--p-texto) 14%,transparent)}
  .barra-relleno,.barra-relleno::after{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sec-cerrada{border:.3mm dashed var(--p-borde);padding:8mm;break-before:auto;margin-top:8mm}
  .velo{background:none;border-color:var(--p-borde)}
  .ornamento{color:var(--p-oro)}

  /* Láminas de 1824 y cartas: oro sobre noche, o tinta sobre papel. */
  .sec-informe .lamina{margin:0 0 7mm;height:52mm;border-radius:3mm;background:none;break-inside:avoid;overflow:hidden}
  .sec-informe .lamina::after{background:linear-gradient(180deg,transparent 45%,var(--p-fondo) 100%)}
  .sec-informe .lamina .lamina-img{filter:var(--p-lamina);mix-blend-mode:var(--p-mezcla);opacity:1;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.informe-papel .sec-informe .lamina::after{display:none}
  .carta-informe{width:46mm;margin:0 0 4mm 8mm}
  .carta-informe-img{box-shadow:0 0 6mm #e9c97a33;border-radius:2mm}
  .carta-informe figcaption{color:var(--p-suave)}

  /* Para escribir a mano y el ritual de cierre. */
  .preguntas p,.ritual-palabras{color:var(--p-texto)}
  .renglones{height:5.2em;background:repeating-linear-gradient(180deg,transparent 0 1.7em,var(--p-borde) 1.7em calc(1.7em + .5pt))}
  .ritual{background:none;border-color:var(--p-oro)}
  .ritual-titulo{color:var(--p-oro)}
  .cierre-informe{break-before:avoid;margin-top:12mm;font-size:8pt;color:var(--p-suave);border-top-color:var(--p-borde)}
}