/* Informes de Tarot y Cielo (R3). Usa la base de estilos.css y agrega lo propio de esta página; al final, la impresión en A4. */
.informe-pagina{padding-bottom:40px}
.informe-intro{padding:34px 0 22px}
.informe-intro h1{margin-bottom:18px}
#form-informe{display:grid;gap:18px;max-width:820px}
#form-informe .boton{justify-self:start}
#form-informe .suave,#form-informe .estado{margin:0}
.productos{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.productos legend{font-size:.84rem;color:#dbd5c9;margin-bottom:10px;padding:0}
.producto{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--borde);border-radius:12px;cursor:pointer;min-width:0}
.producto input{width:22px;height:22px;min-height:0;margin:3px 0 0;flex:none;accent-color:var(--oro)}
.producto:has(input:checked){border-color:var(--oro);background:#d8bc840d}
.producto:has(input:focus-visible){outline:3px solid var(--oro);outline-offset:3px}
.producto-cuerpo{display:grid;gap:4px;min-width:0}
.producto-cuerpo strong{font-size:1.1rem;color:var(--texto)}
.precio{color:var(--oro);font-weight:600}
.campos-informe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.campos-informe>*{min-width:0}
.campos-informe input{width:100%}

.informe{margin-top:36px}
.portada-informe{text-align:center;padding:48px 24px;border:1px solid var(--borde);border-radius:var(--radio);background:radial-gradient(ellipse at 50% 0%,#33304766,transparent 60%),#141927;margin-bottom:24px}
.portada-informe .insignia{font-size:2rem;color:var(--oro)}
.portada-informe h2{font-size:clamp(2.2rem,6vw,3.4rem);margin:6px 0 10px}
.portada-informe h2:focus{outline:none}
.portada-lema{font-size:1.15rem;color:#e4dccb;margin:0 0 18px}
.portada-nombre{font-size:1.4rem;color:var(--oro);margin:0 0 8px}
.portada-datos{color:var(--suave);margin:0 0 22px}
.portada-aviso{font-size:.8125rem;color:var(--suave);max-width:520px;margin:0 auto}
.indice{margin-bottom:24px}
.indice h2{margin-top:0}
.indice ol{margin:12px 0 6px;padding-left:24px;display:grid;gap:10px}
.indice li{line-height:1.45}
.indice a{color:var(--texto);font-weight:600}
.marca-gratis,.marca-cerrada{display:inline-block;margin-left:8px;padding:1px 9px;border-radius:999px;font-size:.75rem;border:1px solid var(--oro);color:var(--oro);white-space:nowrap}
.marca-cerrada{border-color:var(--borde);color:var(--suave)}
.sec-informe{padding:28px;border:1px solid var(--borde);border-radius:var(--radio);background:linear-gradient(135deg,#20253480,#191e2be6);margin-bottom:20px}
.sec-informe h2{margin-top:0;display:flex;gap:14px;align-items:baseline}
.sec-numero{color:var(--oro);font-size:1rem;border:1px solid var(--oro);border-radius:50%;min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sec-resumen{color:var(--oro);margin-top:0}
.sec-informe h3{font-size:1.2rem;margin:26px 0 8px}
.sec-informe p{max-width:70ch}
.sec-cerrada{border-style:dashed;background:transparent}
.sec-cerrada h2{color:var(--suave)}
.informe-lista{padding-left:22px;margin:8px 0}
.informe-lista li{margin-bottom:6px}
.afirmacion{margin:24px 0 4px;padding:14px 20px;border-left:3px solid var(--oro);font-size:1.15rem;font-style:italic;color:#efe6d2}
.gesto{margin:20px 0;padding:14px 18px;border:1px solid #d8bc8455;border-radius:10px;background:#d8bc840a}
.gesto .etiqueta{color:var(--oro);margin:0 0 4px}
.gesto p:last-child{margin:0}
.pilares-tabla{width:100%;border-collapse:collapse;margin:16px 0;font-size:.95rem}
.pilares-tabla th,.pilares-tabla td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--borde);vertical-align:top}
.pilares-tabla thead th{color:var(--oro);font-weight:600;font-size:.85rem}
.barras{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px;max-width:520px}
.barra{display:grid;grid-template-columns:5.5em minmax(0,1fr) 1.5em;gap:12px;align-items:center}
.barra-relleno{height:12px;border-radius:6px;background:#2a2f40;position:relative;overflow:hidden}
.barra-relleno::after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--valor,0) * 100%);background:var(--oro);border-radius:6px}
.barra-madera .barra-relleno::after{background:#7fb07a}.barra-fuego .barra-relleno::after{background:#e08a5f}.barra-tierra .barra-relleno::after{background:#c9a86a}
.barra-metal .barra-relleno::after{background:#c9ccd6}.barra-agua .barra-relleno::after{background:#6f9fd8}
.barra-valor{text-align:right;color:var(--suave)}
.desbloquear{margin-bottom:24px;border-color:var(--oro)}
.desbloquear h2{margin-top:0}
.precio-grande{font-size:1.25rem;color:var(--oro);font-weight:600}
.acciones-informe{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 24px}
.acciones-informe p{flex-basis:100%;margin:0}
.cierre-informe{font-size:.875rem;color:var(--suave);border-top:1px solid var(--borde);padding-top:16px}
@media (max-width:700px){
  .productos,.campos-informe{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  main.informe-pagina,.cabecera,.pie{padding-left:16px;padding-right:16px}
  .informe-intro{padding-top:12px}
  .sec-informe,.portada-informe{padding:20px 16px}
  .sec-informe h2{font-size:1.45rem}
  .acciones-informe .boton,#form-informe .boton{width:100%}
  .pilares-tabla{font-size:.875rem}
  .pilares-tabla th,.pilares-tabla td{padding:8px 4px}
}

/* ---------- V3: el informe como un libro (láminas, letra capital, ornamentos, velo, preguntas y ritual) ---------- */
/* Las láminas de 1824 se ven como por un telescopio viejo: oro sobre noche, con viñeta. */
.portada-informe{position:relative;overflow:hidden}
.portada-lamina{margin:-48px -24px 18px;height:300px;position:relative;background:#0c0f18}
.portada-lamina::after,.lamina::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 38%,#141927 78%);pointer-events:none}
.lamina-img{display:block;width:100%;height:100%;object-fit:cover;filter:invert(.94) sepia(1) saturate(2.2) hue-rotate(-10deg) brightness(.8) contrast(1.25);mix-blend-mode:screen;opacity:.9}
.portada-filete{color:var(--oro);letter-spacing:.6em;margin:0 0 18px}
.lamina{position:relative;margin:-28px -28px 22px;height:190px;overflow:hidden;border-radius:var(--radio) var(--radio) 0 0;background:#0c0f18}
.lamina::after{background:linear-gradient(180deg,transparent 30%,#1c2130 96%)}
.sec-ceja{margin:0 0 4px}
.sec-informe h2{font-size:clamp(1.6rem,4.6vw,2.2rem)}
.capital::first-letter{float:left;font-family:"Fraunces",Georgia,serif;font-size:3.4em;line-height:.82;padding:6px 10px 0 0;color:var(--oro)}
.ornamento{text-align:center;color:var(--oro);letter-spacing:1.2em;margin:26px 0 0;opacity:.8}
.ornamento::before,.ornamento::after{content:"";display:inline-block;width:64px;height:1px;background:linear-gradient(90deg,transparent,var(--oro));vertical-align:middle;margin:0 14px}
.ornamento::after{background:linear-gradient(90deg,var(--oro),transparent)}
.sec-informe h3{border-bottom:1px solid #d8bc8433;padding-bottom:6px}
.sec-informe h3.mes{font-size:1.5rem;color:var(--oro);border:0;margin-top:34px;letter-spacing:.02em}
.carta-informe{float:right;width:min(38%,190px);margin:0 0 14px 22px}
.carta-informe-img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 0 28px #d8bc8426}
.carta-informe figcaption{text-align:center;font-size:.8rem;color:var(--suave);margin-top:6px;letter-spacing:.08em;text-transform:uppercase}
.sec-cuerpo::after{content:"";display:block;clear:both}
.preguntas{padding-left:22px;margin:10px 0 18px}
.preguntas li{margin-bottom:14px}.preguntas p{margin:0 0 6px;font-style:italic;color:#e2d2b4}
.renglones{display:block;height:3.2em;background:repeating-linear-gradient(180deg,transparent 0 1.55em,#d8bc8440 1.55em calc(1.55em + 1px));max-width:60ch}
.ritual{margin:18px 0;padding:18px 20px;border:1px solid #d8bc8466;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#d8bc8414,transparent 70%)}
.ritual-titulo{font-family:"Fraunces",Georgia,serif;font-size:1.25rem;color:var(--oro);margin:0 0 8px}
.ritual-pasos{margin:0 0 10px;padding-left:22px}.ritual-pasos li{margin-bottom:6px}
.ritual-palabras{font-style:italic;color:#efe6d2;margin:0}
/* El velo: lo cerrado se nombra, no se finge. */
.sec-cerrada .lamina{opacity:.75}
.velo{position:relative;padding:18px 20px;border:1px dashed #d8bc8455;border-radius:12px;background:repeating-radial-gradient(circle at 20% 30%,#d8bc8410 0 1px,transparent 1px 22px),#121722}
.velo .etiqueta{margin:0 0 8px}
.velo-lista{margin:0 0 10px;padding-left:20px;color:var(--suave);columns:2 14em;column-gap:28px}
.velo-lista li{break-inside:avoid;margin-bottom:4px}
.velo-nota{margin:0;color:var(--oro);font-size:.9rem}
@media (max-width:600px){
  .portada-lamina{margin:-20px -16px 14px;height:210px}
  .lamina{margin:-20px -16px 16px;height:140px}
  .carta-informe{float:none;width:min(62%,220px);margin:6px auto 18px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* ---------- PDF: la impresión del navegador en A4, con portada, índice, numeración y el aviso al pie ---------- */
@page{
  size:A4;margin:18mm 17mm 24mm;
  @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:7.5pt/1.4 system-ui,sans-serif;color:#666;vertical-align:top;padding-top:4mm}
  @bottom-right{content:counter(page);font:9pt system-ui,sans-serif;color:#555;vertical-align:top;padding-top:4mm}
}
@page:first{
  @bottom-right{content:none}
  @bottom-left{content:none}
}
@media print{
  :root{color-scheme:light;--texto:#1d1b22;--suave:#55535d;--oro:#8a6a2b;--borde:#d9d3c5}
  html,body{background:#fff!important;color:#1d1b22}
  body{padding:0!important;font-size:10.5pt;line-height:1.55}
  .cabecera,.pie,.saltar,#form-informe,.informe-intro,.no-imprimir,dialog,noscript,.pestanas,.subpestanas,.grabado-pie,.cielo-fondo,.pago-mensaje,body::before,body::after{display:none!important}
  main.informe-pagina{padding:0;max-width:none}
  .informe{margin:0}
  .portada-informe{border:0;border-radius:0;background:none;min-height:250mm;display:flex;flex-direction:column;justify-content:center;break-after:page;padding:0 10mm}
  .portada-informe h2{font-size:38pt;color:#1d1b22}
  .portada-lema{color:#3b3843;font-size:14pt}
  .portada-nombre{font-size:16pt}
  .portada-aviso{margin-top:30mm;font-size:8.5pt}
  .indice{border:0;background:none;padding:0;break-after:page;box-shadow:none}
  .indice h2{font-size:20pt}
  .indice ol{gap:6pt}
  .indice a{text-decoration:none;color:#1d1b22}
  .marca-gratis,.marca-cerrada{border-color:#999;color:#555}
  .sec-informe{border:0;border-radius:0;background:none;padding:0;margin:0;break-before:page}
  .sec-informe h2{font-size:20pt;color:#1d1b22}
  .sec-numero{border-color:#8a6a2b;color:#8a6a2b}
  h2,h3{break-after:avoid;page-break-after:avoid}
  p,li{orphans:3;widows:3}
  .afirmacion,.gesto,.pilares-tabla,.barras,.barra{break-inside:avoid}
  .afirmacion{color:#2b2833}
  .gesto{background:none;border-color:#c9b48a}
  .barra-relleno{background:#e8e4da;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .barra-relleno::after{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sec-cerrada{border:1px dashed #bbb;padding:10mm;break-before:auto;margin-top:8mm}
  .cierre-informe{break-before:avoid;margin-top:12mm;font-size:8.5pt;color:#444}
  /* Láminas y cartas en tinta sobre papel; la portada, a toda página con su lámina. */
  .portada-lamina{margin:0 auto 10mm;height:110mm;width:100%;background:none}
  .portada-lamina::after,.lamina::after{display:none}
  .lamina-img{filter:sepia(.55) contrast(1.05);mix-blend-mode:normal;opacity:1;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .lamina{margin:0 0 6mm;height:55mm;border-radius:0;background:none;break-inside:avoid}
  .portada-filete,.ornamento{color:#8a6a2b}
  .sec-ceja{color:#8a6a2b}
  .capital::first-letter{color:#8a6a2b}
  .sec-informe h3{border-bottom-color:#d9d3c5}
  .sec-informe h3.mes{color:#8a6a2b;break-before:auto}
  .carta-informe{width:48mm;break-inside:avoid}
  .carta-informe-img{box-shadow:none}
  .preguntas li,.ritual{break-inside:avoid}
  .preguntas p,.ritual-palabras{color:#2b2833}
  .renglones{height:5.2em;background:repeating-linear-gradient(180deg,transparent 0 1.7em,#bbb 1.7em calc(1.7em + .5pt));-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ritual{background:none;border-color:#c9b48a}
  .velo{background:none;border-color:#bbb}
  a{color:inherit}
}