/* Lucera, la lectora con IA (prototipo Q3). Usa los colores y piezas de estilos.css y agrega solo lo propio de esta página. */
.lectora{padding-bottom:120px}
.presentacion{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:40px;align-items:center;margin:20px 0 36px}
.presentacion h1{margin-top:8px}
.presentacion p:not(.ceja){max-width:600px}
.retrato{margin:0;text-align:center}
.retrato-svg{width:100%;max-width:220px;height:auto;display:block;margin:auto}
.retrato figcaption{margin-top:8px}
.retrato-cielo{fill:#1b2033;stroke:var(--oro);stroke-width:1.5}
.retrato-estrellas circle{fill:var(--oro)}
.retrato-chal{fill:#2b3354;stroke:var(--oro);stroke-width:1.2}
.retrato-detalle{fill:var(--oro)}
.retrato-pelo{fill:#141826;stroke:#3a3f58;stroke-width:1}
.retrato-cara{fill:#e9d9bf}
.retrato-linea{fill:none;stroke:#3b2f26;stroke-width:2;stroke-linecap:round}
.retrato-cinta{fill:none;stroke:var(--oro);stroke-width:3;stroke-linecap:round}
.retrato-lampara rect{fill:#2b3354;stroke:var(--oro);stroke-width:1.2}
.retrato-lampara .retrato-linea{stroke:var(--oro)}
.retrato-llama{fill:#f3c46b;transform-origin:156px 166px;animation:llama 2.4s ease-in-out infinite}
.retrato-ojos{transform-origin:100px 90px;animation:parpadeo 6s infinite}
@keyframes llama{50%{transform:scale(.85,1.1)}}
@keyframes parpadeo{0%,96%,100%{transform:scaleY(1)}98%{transform:scaleY(.1)}}

.campos-lectora{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:22px;margin:22px 0}
.campos-lectora label{display:grid;gap:8px}
.campos-lectora select,.campos-lectora textarea{width:100%;min-height:48px;padding:10px 12px;border-radius:8px;border:1px solid var(--borde);background:#10141f;color:var(--texto)}
.modo{border:1px solid var(--borde);border-radius:12px;padding:14px 18px;margin:0 0 18px;display:grid;gap:10px}
.modo legend{padding:0 6px;color:var(--oro);font-size:.9rem}
.modo label,.voz{display:flex;gap:10px;align-items:flex-start;min-height:44px;line-height:1.4;flex-wrap:wrap}
.modo input,.voz input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--oro);flex:none}
.voz{margin-bottom:12px}
.profunda input:disabled+*,.profunda:has(input:disabled){opacity:.6}

.mesa{margin-top:28px}
.mesa h2{outline:none}
.cartas-lectora{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.carta-lectora{text-align:center}
.carta-lectora .ceja{margin-bottom:10px}
.naipe{position:relative;width:100%;max-width:170px;aspect-ratio:2/3.2;margin:auto;perspective:900px}
.cara{position:absolute;inset:0;border-radius:12px;border:1px solid var(--oro);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;backface-visibility:hidden;transition:transform .6s ease}
.dorso{background:repeating-linear-gradient(45deg,#1f2540 0 8px,#252c4b 8px 16px);color:var(--oro);font-size:2.4rem}
.frente{background:linear-gradient(160deg,#262c45,#171b2a);transform:rotateY(180deg)}
.frente strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.15rem;line-height:1.25;color:var(--texto)}
.frente .tipo-carta,.frente .claves{font-size:.72rem;color:var(--suave);letter-spacing:.06em}
.naipe.vuelta .dorso{transform:rotateY(-180deg)}
.naipe.vuelta .frente{transform:rotateY(0)}
.naipe.vuelta .frente.invertida{transform:rotateY(0) rotate(180deg)}
.orientacion{margin-top:8px}

.lectura-texto{min-height:4em;font-size:1.02rem}
.lectura-texto p{color:var(--texto);font-size:1rem;line-height:1.75}
.acciones-lectura{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
#estado{margin-top:14px;color:var(--texto)}

/* V3: la lectura profunda (cinco cartas) y la etiqueta de IA, siempre a la vista. */
.cartas-lectora.cinco{grid-template-columns:repeat(5,minmax(0,1fr))}
.profunda-datos label{display:grid;gap:4px;min-height:0}.profunda-datos input[type=date]{width:100%;max-width:260px;height:48px;margin:4px 0 0}
.profunda-datos p{margin:0}
.etiqueta-ia{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--borde);font-size:.8rem;letter-spacing:.06em;color:var(--oro)}

@media(max-width:700px){
  .cartas-lectora.cinco{grid-template-columns:repeat(3,minmax(0,1fr))}
  .presentacion{grid-template-columns:minmax(0,1fr);gap:16px;text-align:left}
  .retrato-svg{max-width:150px}
  .campos-lectora{grid-template-columns:minmax(0,1fr)}
  .cartas-lectora{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .cara{padding:8px;gap:6px}
  .frente strong{font-size:.9rem}
  .frente .claves{display:none}
  .acciones-lectura .boton{width:100%}
}
@media(max-width:320px){.cartas-lectora{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.cara{transition:none}.retrato-llama,.retrato-ojos{animation:none}}