/* =========================================================
   FASE 3 — DIRECCIÓN ARTÍSTICA INDIVIDUAL
   Identidad común: negro / papel / dorado.
   Cada novela añade una atmósfera propia mediante data-theme.
   ========================================================= */
.book-page[data-theme="spy"]{
  --novel-accent:#b9a06c;
  --novel-glow:rgba(185,160,108,.18);
  --novel-bg:#07090a;
  --novel-surface:#101315;
}
.book-page[data-theme="spy"] .book-hero{
  background:
    radial-gradient(circle at 78% 25%,var(--novel-glow),transparent 24%),
    linear-gradient(115deg,#050606 0%,#0d1113 52%,#050607 100%);
}
.book-page[data-theme="spy"] .book-hero-art{
  background:
    linear-gradient(135deg,rgba(185,160,108,.12),transparent 38%),
    repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,255,255,.025) 31px 32px),
    #080a0b;
}
.book-page[data-theme="spy"] .book-hero-art:after{
  content:"";position:absolute;inset:14% 10%;
  border-left:1px solid rgba(185,160,108,.25);
  border-right:1px solid rgba(185,160,108,.08);
  transform:skewX(-12deg);opacity:.7;
}
.book-page[data-theme="spy"] .pill{border-color:rgba(185,160,108,.3)}

.book-page[data-theme="storm"]{
  --novel-accent:#c8b27e;
  --novel-glow:rgba(82,98,110,.26);
  --novel-bg:#08090b;
  --novel-surface:#111417;
}
.book-page[data-theme="storm"] .book-hero{
  background:
    radial-gradient(ellipse at 65% 20%,rgba(108,126,139,.2),transparent 25%),
    linear-gradient(155deg,#050607,#12161a 54%,#070809);
}
.book-page[data-theme="storm"] .book-hero-art{
  background:
    radial-gradient(ellipse at 55% 75%,rgba(111,128,141,.25),transparent 35%),
    linear-gradient(165deg,#0d1419,#151c20 48%,#060809);
  overflow:hidden;
}
.book-page[data-theme="storm"] .book-hero-art:after{
  content:"";position:absolute;left:-20%;right:-20%;bottom:20%;height:1px;
  background:rgba(200,178,126,.55);box-shadow:0 34px 0 rgba(200,178,126,.16),0 70px 0 rgba(200,178,126,.08);
  transform:rotate(-8deg);
}
.book-page[data-theme="storm"] .book-hero-art:before{
  content:"";position:absolute;width:140%;height:45%;left:-20%;bottom:-12%;
  background:linear-gradient(170deg,transparent,rgba(70,85,96,.25));transform:skewY(-7deg);
}

.book-page[data-theme="operation"]{
  --novel-accent:#c7a25e;
  --novel-glow:rgba(155,38,28,.20);
  --novel-bg:#080707;
  --novel-surface:#151110;
}
.book-page[data-theme="operation"] .book-hero{
  background:
    radial-gradient(circle at 78% 48%,rgba(128,30,22,.22),transparent 20%),
    linear-gradient(120deg,#050505,#120d0b 65%,#070606);
}
.book-page[data-theme="operation"] .book-hero-art{
  background:
    linear-gradient(145deg,rgba(164,44,31,.16),transparent 35%),
    repeating-linear-gradient(0deg,transparent 0 37px,rgba(255,255,255,.025) 38px 39px),
    #0b0908;
}
.book-page[data-theme="operation"] .book-hero-art:after{
  content:"";position:absolute;width:150%;height:1px;background:rgba(199,162,94,.55);
  top:48%;left:-25%;transform:rotate(-18deg);box-shadow:0 0 28px rgba(199,162,94,.22);
}
.book-page[data-theme="operation"] .pill{border-color:rgba(199,162,94,.35)}

.book-page[data-theme="state"]{
  --novel-accent:#d1b778;
  --novel-glow:rgba(166,130,53,.18);
  --novel-bg:#090806;
  --novel-surface:#14110c;
}
.book-page[data-theme="state"] .book-hero{
  background:
    radial-gradient(circle at 70% 30%,rgba(181,145,64,.19),transparent 22%),
    linear-gradient(125deg,#060606,#17130c 57%,#080706);
}
.book-page[data-theme="state"] .book-hero-art{
  background:
    linear-gradient(145deg,rgba(209,183,120,.18),transparent 36%),
    repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,255,255,.018) 19px 20px),
    #0d0b08;
}
.book-page[data-theme="state"] .book-hero-art:after{
  content:"";position:absolute;inset:19%;border:1px solid rgba(209,183,120,.2);
  box-shadow:inset 0 0 0 9px rgba(0,0,0,.14),0 0 45px rgba(166,130,53,.08);
}
.book-page[data-theme="state"] .quote{border-left-color:var(--novel-accent)}

.book-page[data-theme="mist"]{
  --novel-accent:#a9a59a;
  --novel-glow:rgba(183,184,172,.16);
  --novel-bg:#080a09;
  --novel-surface:#101312;
}
.book-page[data-theme="mist"] .book-hero{
  background:
    radial-gradient(ellipse at 50% 30%,rgba(188,191,182,.17),transparent 25%),
    linear-gradient(180deg,#070908,#111513 60%,#070908);
}
.book-page[data-theme="mist"] .book-hero-art{
  background:
    radial-gradient(ellipse at 50% 48%,rgba(196,198,188,.18),transparent 18%),
    radial-gradient(ellipse at 40% 68%,rgba(147,156,150,.16),transparent 30%),
    linear-gradient(180deg,#0b0e0d,#1b211e 70%,#080a09);
}
.book-page[data-theme="mist"] .book-hero-art:after{
  content:"";position:absolute;left:-15%;right:-15%;bottom:28%;height:45%;
  background:linear-gradient(180deg,transparent,rgba(198,201,191,.08),transparent);
  filter:blur(13px);transform:rotate(3deg);
}
.book-page[data-theme="mist"] .book-hero-art:before{
  content:"";position:absolute;width:70%;height:70%;left:15%;top:12%;
  border-radius:50%;background:radial-gradient(circle,rgba(214,215,205,.12),transparent 64%);
  filter:blur(8px);
}

.book-page[data-theme="pelayo"]{
  --novel-accent:#c7a66b;
  --novel-glow:rgba(117,84,42,.24);
  --novel-bg:#0b0906;
  --novel-surface:#17120c;
}
.book-page[data-theme="pelayo"] .book-hero{
  background:
    radial-gradient(circle at 74% 32%,rgba(154,110,52,.24),transparent 25%),
    linear-gradient(135deg,#090806,#1a130a 58%,#070605);
}
.book-page[data-theme="pelayo"] .book-hero-art{
  background:
    radial-gradient(ellipse at 52% 28%,rgba(211,169,94,.16),transparent 24%),
    linear-gradient(155deg,#21170b,#3a2815 48%,#090705);
}
.book-page[data-theme="pelayo"] .book-hero-art:after{
  content:"";position:absolute;left:15%;right:15%;top:22%;height:52%;
  border:1px solid rgba(199,166,107,.26);transform:skewY(-7deg);
  box-shadow:inset 0 0 0 12px rgba(0,0,0,.1);
}
.book-page[data-theme="pelayo"] .pill{border-color:rgba(199,166,107,.38)}

.book-page[data-theme="benito"]{
  --novel-accent:#c49b59;
  --novel-glow:rgba(36,75,86,.28);
  --novel-bg:#070a0b;
  --novel-surface:#0e1517;
}
.book-page[data-theme="benito"] .book-hero{
  background:
    radial-gradient(ellipse at 68% 45%,rgba(30,91,108,.28),transparent 30%),
    linear-gradient(150deg,#050708,#0b171b 55%,#060809);
}
.book-page[data-theme="benito"] .book-hero-art{
  background:
    radial-gradient(ellipse at 50% 72%,rgba(24,105,124,.26),transparent 35%),
    linear-gradient(165deg,#081014,#0c2830 52%,#050809);
  overflow:hidden;
}
.book-page[data-theme="benito"] .book-hero-art:before{
  content:"";position:absolute;left:-20%;right:-20%;bottom:18%;height:35%;
  background:linear-gradient(180deg,transparent,rgba(28,116,139,.3));
  transform:skewY(-5deg);
}
.book-page[data-theme="benito"] .book-hero-art:after{
  content:"";position:absolute;left:12%;right:12%;top:28%;height:1px;
  background:rgba(196,155,89,.45);transform:rotate(-5deg);
  box-shadow:0 4px 0 rgba(196,155,89,.12);
}

.book-page .book-hero h1{color:#f1ece2}
.book-page .book-hero .eyebrow,
.book-page .book-hero .pill,
.book-page .book-hero .arrow-link{color:var(--novel-accent)}
.book-page .book-hero .btn:not(.ghost){background:var(--novel-accent);border-color:var(--novel-accent)}
.book-page .book-hero .btn:not(.ghost):hover{filter:brightness(1.08)}
.book-page .art-direction-note{
  display:inline-flex;gap:10px;align-items:center;margin-top:24px;
  font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(238,233,223,.38);
}
.book-page .art-direction-note:before{content:"";width:25px;height:1px;background:var(--novel-accent)}


/* FASE 5 · PORTADA REAL — CENIZAS DE LA TORMENTA */
.book-page[data-theme="storm"]{
  --novel-accent:#9fc7cc;
  --novel-accent-warm:#c18c54;
  --novel-glow:rgba(0,92,112,.34);
  --novel-glow-soft:rgba(53,139,151,.18);
  --novel-bg:#03090b;
  --novel-surface:#0b171a;
  --cover-image:url("../assets/novelas/cenizas-de-la-tormenta-cover.webp");
}
.book-page[data-theme="storm"] .launch-hero{background:#020607}
.book-page[data-theme="storm"] .launch-hero:after{
  content:"";position:absolute;inset:-7%;
  background-image:linear-gradient(90deg,rgba(0,4,6,.96) 0%,rgba(0,7,10,.78) 42%,rgba(0,7,10,.25) 100%),var(--cover-image);
  background-size:cover;background-position:center right;filter:blur(18px) saturate(.88);
  opacity:.44;transform:scale(1.08);z-index:0;
}
.book-page[data-theme="storm"] .launch-hero:before{
  z-index:1;background:radial-gradient(circle at 76% 35%,var(--novel-glow),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,8,11,.64) 58%,rgba(0,4,6,.86) 100%);
}
.book-page[data-theme="storm"] .launch-hero-grid{z-index:3}
.book-page[data-theme="storm"] .cover-placeholder{padding:0;overflow:hidden;border-color:rgba(159,199,204,.72);background:#03090b}
.book-page[data-theme="storm"] .cover-placeholder:before{z-index:2;inset:12px;border-color:rgba(193,140,84,.42)}
.book-page[data-theme="storm"] .cover-placeholder .cover-title,
.book-page[data-theme="storm"] .cover-placeholder .cover-micro,
.book-page[data-theme="storm"] .cover-placeholder .cover-author{display:none}
.book-page[data-theme="storm"] .cover-real{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;position:absolute;inset:0}
.book-page[data-theme="storm"] .cover-shadow{background:radial-gradient(ellipse,var(--novel-glow),transparent 65%)}
.book-page[data-theme="storm"] .launch-kicker{border-color:rgba(159,199,204,.25);color:var(--novel-accent)}
.book-page[data-theme="storm"] .impact{color:#c9dfe1}
.book-page[data-theme="storm"] .launch-buy .eyebrow{color:var(--novel-accent-warm)}
.book-page[data-theme="storm"] .atmo-card.atmo-cover{
  background:linear-gradient(180deg,rgba(0,5,7,.08),rgba(0,5,7,.78)),var(--cover-image) center 30%/cover no-repeat;
}
.book-page[data-theme="storm"] .atmo-card.atmo-cover:after{background:linear-gradient(90deg,transparent,rgba(0,87,104,.2))}
.book-page[data-theme="storm"] .atmo-card.atmo-cover span{color:#d5e6e8;text-shadow:0 2px 15px #000}


/* FASE 5 · PORTADA REAL — OPERACIÓN ESTRECHO
   Lenguaje visual derivado de la portada:
   azul nocturno + mar + fortaleza costera + horizonte naranja + tipografía blanca.
*/
.book-page[data-theme="operation"]{
  --novel-accent:#f0b15d;
  --novel-accent-cool:#75c8dc;
  --novel-glow:rgba(12,96,126,.38);
  --novel-glow-soft:rgba(34,139,164,.20);
  --novel-bg:#020817;
  --novel-surface:#071522;
  --cover-image:url("../assets/novelas/operacion-estrecho-cover.webp");
}
.book-page[data-theme="operation"] .launch-hero{
  background:#010612;
}
.book-page[data-theme="operation"] .launch-hero:after{
  content:"";position:absolute;inset:-7%;
  background-image:
    linear-gradient(90deg,rgba(0,4,14,.98) 0%,rgba(0,7,19,.76) 40%,rgba(0,8,18,.25) 100%),
    var(--cover-image);
  background-size:cover;background-position:center center;
  filter:blur(19px) saturate(.92);
  opacity:.52;transform:scale(1.08);z-index:0;
}
.book-page[data-theme="operation"] .launch-hero:before{
  z-index:1;
  background:
    radial-gradient(circle at 78% 52%,rgba(16,117,153,.32),transparent 27%),
    radial-gradient(circle at 60% 86%,rgba(244,128,74,.15),transparent 20%),
    linear-gradient(90deg,rgba(0,3,12,.99) 0%,rgba(0,8,18,.66) 57%,rgba(0,5,15,.86) 100%);
}
.book-page[data-theme="operation"] .launch-hero-grid{z-index:3}
.book-page[data-theme="operation"] .cover-placeholder{
  padding:0;overflow:hidden;border-color:rgba(117,200,220,.62);
  background:#020817;box-shadow:0 30px 90px rgba(0,0,0,.75);
}
.book-page[data-theme="operation"] .cover-placeholder:before{
  z-index:2;inset:12px;border-color:rgba(240,177,93,.42);
}
.book-page[data-theme="operation"] .cover-real{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center center;
  position:absolute;inset:0;
}
.book-page[data-theme="operation"] .cover-micro{
  z-index:3;top:24px;left:24px;color:rgba(255,255,255,.65);
  text-shadow:0 2px 10px #000;
}
.book-page[data-theme="operation"] .cover-shadow{
  background:radial-gradient(ellipse,var(--novel-glow),transparent 65%);
}
.book-page[data-theme="operation"] .launch-kicker{
  border-color:rgba(117,200,220,.28);color:var(--novel-accent-cool);
}
.book-page[data-theme="operation"] .impact{
  color:#dcebf0;
}
.book-page[data-theme="operation"] .launch-copy .eyebrow{
  color:var(--novel-accent);
}
.book-page[data-theme="operation"] .hero-actions .btn:not(.ghost){
  background:var(--novel-accent);border-color:var(--novel-accent);color:#111;
}
.book-page[data-theme="operation"] .launch-buy .eyebrow{
  color:#b96e46;
}
.book-page[data-theme="operation"] .atmo-card.atmo-cover{
  background:
    linear-gradient(180deg,rgba(0,5,15,.06),rgba(0,5,15,.80)),
    var(--cover-image) center 42%/cover no-repeat;
}
.book-page[data-theme="operation"] .atmo-card.atmo-cover:after{
  background:
    linear-gradient(90deg,transparent 25%,rgba(9,128,160,.18)),
    radial-gradient(circle at 78% 70%,rgba(247,130,77,.22),transparent 22%);
}
.book-page[data-theme="operation"] .atmo-card.atmo-cover span{
  color:#f3d09c;text-shadow:0 2px 15px #000;
}
.book-page[data-theme="operation"] .launch-data{
  background:
    radial-gradient(circle at 82% 30%,rgba(17,98,129,.12),transparent 25%),
    #050914;
}
.book-page[data-theme="operation"] .launch-reviews{
  background:
    linear-gradient(180deg,#07111a,#0a0d12);
}
.cover-operation-card{
  background:#020817;
}
.cover-operation-card img{
  width:100%;height:100%;display:block;object-fit:cover;
}