/* Diario V1 · páginas editables sobre un ambiente de libro */
.diary-main{padding:24px 24px 35px;max-width:1800px;margin:0 auto}.diary-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.diary-kicker{font-size:10px;letter-spacing:2px;color:#0786ff;font-weight:800}.diary-toolbar h1{font-size:26px;margin:5px 0;color:#162236}.diary-toolbar p{margin:0;color:#7b8798;font-size:12px}.diary-actions{display:flex;gap:8px;flex-wrap:wrap}.diary-button{border:1px solid #0786ff;background:#0786ff;color:white;padding:11px 13px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer}.diary-button.secondary{background:white;color:#28506e;border-color:#d5dfe8}.import-button{display:inline-flex;align-items:center;cursor:pointer}.journal-scene{background:#36251c url('assets/ambiente-libro.jpg') center/cover;border-radius:18px;padding:clamp(12px,2.2vw,34px);box-shadow:0 12px 36px #1b263029}.journal-book{display:grid;grid-template-columns:1fr 1fr;max-width:1430px;margin:auto;min-height:680px;filter:drop-shadow(0 8px 12px #1b100d77)}.journal-page{background:linear-gradient(100deg,#d4bfa1 0%,#f5e9d4 5%,#f8efdd 32%,#f4e5ce 100%);padding:clamp(22px,3vw,50px);display:flex;flex-direction:column;gap:15px;position:relative;color:#322b26;min-width:0;border:1px solid #c9b296}.left-page{border-radius:16px 2px 2px 16px;box-shadow:inset -20px 0 28px #866c4933}.right-page{border-radius:2px 16px 16px 2px;box-shadow:inset 18px 0 26px #866c4938;background:linear-gradient(90deg,#e5d5bb 0%,#f8eedc 8%,#f6e9d3 100%)}.paper-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a98d674a;padding-bottom:8px}.ink-small{font-size:10px;letter-spacing:2px;font-weight:700;color:#897455}.paper-ornament{color:#a78c63;font-size:22px}.journal-page h2{font-family:Georgia,serif;font-style:italic;font-size:clamp(27px,3vw,43px);font-weight:500;color:#1a344d;margin:0}.handwritten-motto{font-family:Georgia,serif;font-style:italic;color:#77654f;margin:-10px 0 5px}.date-band{display:flex;align-items:center;gap:12px;background:#ffffff66;border:1px solid #a98d6744;border-radius:9px;padding:8px}.date-band label{flex:1;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.date-band input{display:block;width:100%;background:transparent;border:0;font:600 16px Georgia,serif;color:#2b3741;margin-top:5px}.date-band button{border:0;background:#ffffff88;border-radius:7px;font-size:28px;width:36px;height:42px;cursor:pointer;color:#2a4b6a}.journal-field{display:flex;flex-direction:column;gap:8px;min-width:0}.journal-field.flex-field{flex:1;min-height:100px}.section-label{font-family:Georgia,serif;font-size:18px;font-style:italic;color:#1d3d5b;border-bottom:2px solid #86b9d77d;padding-bottom:7px}.right-page .journal-field:nth-of-type(2) .section-label{border-color:#e8a5a5}.right-page .journal-field:nth-of-type(3) .section-label{border-color:#c5b4e6}.journal-field input,.journal-field textarea{border:0;outline:0;background:transparent;color:#3e3328;font-family:Georgia,serif;font-size:16px;line-height:1.7;width:100%;resize:vertical}.journal-field input{border-bottom:1px dashed #b7a183;padding:6px 3px}.journal-field textarea{flex:1;min-height:90px;padding:7px 4px;background:repeating-linear-gradient(transparent 0,transparent 29px,#ad947433 30px,#ad947433 31px);background-size:100% 31px;line-height:31px}.journal-field input::placeholder,.journal-field textarea::placeholder{color:#9b8c77}.paper-bottom{font:italic 13px Georgia,serif;color:#977b56;text-align:right;margin-top:auto}.diary-foot{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:14px;flex-wrap:wrap}.diary-foot strong{display:block;font-size:12px;color:#16834e}.diary-foot span{font-size:11px;color:#7b8798}.entry-nav{display:flex;gap:9px;align-items:center}.entry-nav button{padding:10px;border:1px solid #d5dfe8;border-radius:8px;background:white;cursor:pointer;color:#23486b;font-size:11px}.privacy-note{font-size:11px;color:#8491a1;line-height:1.5}.theme-dark .diary-toolbar h1{color:#e6edf8}.theme-dark .diary-button.secondary,.theme-dark .entry-nav button{background:#223247;color:#dceaff;border-color:#3c526b}@media(max-width:1100px){.journal-page{padding:23px}.journal-book{min-height:620px}}@media(max-width:800px){.diary-main{padding:15px 12px}.journal-book{grid-template-columns:1fr;max-width:660px}.journal-page{border-radius:12px!important;box-shadow:none!important}.right-page{border-top:0}.journal-scene{padding:10px}.journal-page h2{font-size:32px}.journal-field textarea{min-height:110px}.diary-toolbar h1{font-size:22px}.diary-foot{align-items:start}.entry-nav{flex-wrap:wrap}}

/* V2 · Relieve editorial, flechas laterales, prólogo y controles inferiores */
.diary-main{padding-top:20px}.journal-scene{position:relative;isolation:isolate;padding:clamp(26px,3.4vw,55px) clamp(55px,6vw,105px);background:radial-gradient(ellipse at 50% 20%,#a67b55 0%,#67432e 50%,#28170f 100%);box-shadow:inset 0 0 75px #160c09a8,0 14px 35px #0003;overflow:hidden}.journal-scene:before{content:"";position:absolute;inset:0;opacity:.19;background:repeating-linear-gradient(0deg,transparent 0 2px,#1e0d0640 3px 4px);pointer-events:none}.journal-book{position:relative;min-height:700px;filter:drop-shadow(0 17px 14px #1b0c08a8);border-radius:15px;z-index:1}.journal-book:before{content:"";position:absolute;inset:-10px -12px -13px;background:linear-gradient(110deg,#442114,#935b32 4%,#3c1e13 50%,#8b4f2b 96%,#31160e);border:3px solid #3c1c10;border-radius:20px;z-index:-2;box-shadow:0 5px 0 #281208,0 12px 0 #412319,0 20px 24px #120704a0}.journal-book:after{content:"";position:absolute;top:1%;bottom:1%;left:calc(50% - 14px);width:28px;background:linear-gradient(90deg,transparent,#6a4a2d26 18%,#6d4b3080 48%,#fff6e650 57%,transparent);pointer-events:none;z-index:5}.journal-page{min-height:700px;border-color:#ccb38d;background:radial-gradient(ellipse at 38% 32%,#fff7e9,#f3e3c7 85%);box-shadow:inset 0 0 45px #b58d5c40;overflow:visible}.left-page{transform:perspective(1300px) rotateY(-1deg);transform-origin:right center;border-radius:14px 2px 3px 14px;box-shadow:inset -32px 0 34px #73532e3a,inset 8px 0 12px #fff8e7, -5px 4px 0 #e6d3b0,-9px 7px 0 #b69c75}.right-page{transform:perspective(1300px) rotateY(1deg);transform-origin:left center;border-radius:2px 14px 14px 3px;box-shadow:inset 32px 0 36px #73532e3d,inset -8px 0 12px #fff8e7,5px 4px 0 #e6d3b0,9px 7px 0 #b69c75;background:radial-gradient(ellipse at 65% 32%,#fff7e9,#f3e3c7 85%)}.page-turn{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:44px;height:72px;border:1px solid #cba57b7a;border-radius:40px;background:#f9ebd8e8;color:#5e381f;font-size:24px;cursor:pointer;box-shadow:0 5px 18px #180c0880;transition:background .2s,transform .2s}.page-turn:hover{background:#fff8eb;transform:translateY(-50%) scale(1.06)}.page-turn-prev{left:12px}.page-turn-next{right:12px}.date-band{justify-content:center}.date-band label{flex:none;text-align:center}.prologue-tag{font-size:10px;font-weight:800;letter-spacing:2px;color:#9b6b36;border-bottom:1px solid #b98e5b;padding-bottom:6px}.prologue-tag:not([hidden]){display:block}.diary-foot{justify-content:space-between;margin-top:18px;min-height:42px}.diary-foot .diary-actions{order:0}.diary-foot #save-status{order:1;font-size:11px;color:#65866b}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.diary-foot [hidden]{display:none}.journal-field textarea{resize:vertical}.journal-field textarea:focus,.journal-field input:focus{outline:2px solid #9c75404f;outline-offset:3px;border-radius:3px}@media(max-width:800px){.journal-scene{padding:45px 48px}.journal-book:after{display:none}.journal-page{min-height:500px;transform:none}.page-turn{width:34px;height:56px;font-size:19px}.page-turn-prev{left:6px}.page-turn-next{right:6px}.diary-foot{align-items:center}.diary-foot .diary-actions{gap:5px}.diary-button{padding:9px;font-size:10px}}

/* V3 · Escenario a sangre, madera realista, interior V2 intacto */
.diary-main{max-width:none;width:100%;margin:0;padding:0;background:#23140e;min-height:calc(100vh - 60px)}
.journal-scene{border-radius:0;box-shadow:none;background-image:linear-gradient(#24140c1c,#24140c1c),url('assets/ambiente-libro.png');background-position:center center;background-size:100% 100%;background-repeat:no-repeat;padding:clamp(35px,3.5vw,58px) clamp(72px,8vw,155px);min-height:calc(100vh - 110px)}
.journal-scene:before{display:none}
.journal-book{max-width:1430px}
.diary-foot{margin:0;padding:12px 20px;background:#23140e;justify-content:flex-start}
.diary-foot #save-status{display:none}
@media(max-width:800px){.journal-scene{background-size:cover;padding:48px 45px;min-height:0}.diary-foot{padding:12px}}

/* V4 · Prólogo especial y fecha inaugural */
.page-turn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1);transform:translateY(-50%)}
.journal-book.is-prologue .prologue-tag{background:#a67b4220;border-top:1px solid #c19b68;border-bottom:1px solid #c19b68;text-align:center;padding:9px 5px;letter-spacing:2.5px;color:#85542d}

.journal-book.is-prologue .section-label{border-color:#b9976899}
.journal-book.is-prologue .handwritten-motto{color:#956c45}
.diary-foot:empty{display:none}

/* V5 · Dimensiones idénticas para todas las fechas. El prólogo usa las mismas hojas. */
.journal-book{height:700px;min-height:700px;align-items:stretch}
.journal-page{height:700px;min-height:700px;max-height:700px;box-sizing:border-box;min-height:0;overflow:hidden}
.journal-book.is-prologue .journal-page> :not(.prologue-reading){display:none!important}
.journal-book.is-prologue .journal-page{padding:clamp(22px,3vw,50px)}
.prologue-reading{display:flex;flex-direction:column;min-height:0;height:100%;font-family:Georgia,serif;color:#463528}
.prologue-reading[hidden]{display:none!important}
.prologue-reading .reading-head{font-size:10px;letter-spacing:1.8px;color:#956b44;font-weight:700;border-bottom:1px solid #b99a6f;padding-bottom:10px;flex:none}
.prologue-reading .reading-title{font:italic 25px/1.25 Georgia,serif;color:#243d52;margin:17px 0 12px;flex:none}
.prologue-reading .reading-content{font:15px/1.6 Georgia,serif;overflow:auto;min-height:0;flex:1;padding-right:9px;scrollbar-width:thin}
.prologue-reading .reading-content p{margin:0 0 14px;white-space:pre-wrap}
.prologue-reading .reading-content p.emphasis{font-weight:bold;font-style:italic;color:#243d52}
.prologue-reading .reading-footer{flex:none;font:italic 11px Georgia,serif;color:#927451;text-align:right;border-top:1px solid #c8af8a;padding-top:10px;margin-top:8px}
@media(max-width:800px){.journal-book{height:auto;min-height:0}.journal-page{height:580px;min-height:580px;max-height:580px}.prologue-reading .reading-content{font-size:14px}}

/* V6 · Lectura editorial justificada y sin desplazamiento interior. */
.journal-book.is-prologue .prologue-reading .reading-content{overflow:hidden;padding-right:0}
.journal-book.is-prologue .prologue-reading .reading-content p{text-align:justify;text-align-last:left;hyphens:auto;overflow-wrap:break-word}
.journal-book.is-prologue .prologue-reading .reading-title{margin-top:17px}
.journal-book.is-prologue .prologue-reading .reading-footer{display:flex;justify-content:space-between;gap:10px}
.journal-book.is-prologue .prologue-reading .reading-footer-left{text-align:left}
.journal-book.is-prologue .prologue-reading .reading-footer-right{text-align:right;margin-left:auto}

/* V7 · Separación editorial entre cabecera y texto en páginas sin título. */
.journal-book.is-prologue .prologue-reading.reading-without-title .reading-content{padding-top:17px;box-sizing:border-box}


/* V8 · Fotografía inaugural: pequeña, enmarcada y sujeta con cinta.
   Solo aparece en la primera hoja del prólogo; el resto del libro no cambia. */
.journal-book.is-prologue .prologue-photo{
  float:right;
  position:relative;
  width:145px;
  margin:5px 2px 13px 19px;
  padding:6px 6px 13px;
  box-sizing:border-box;
  background:#f4e5ce;
  border:1px solid #d4b994;
  box-shadow:1px 3px 8px #47331c48;
  transform:rotate(3deg);
}
.journal-book.is-prologue .prologue-photo img{
  display:block;width:100%;height:174px;object-fit:cover;object-position:center 20%;
}
.journal-book.is-prologue .prologue-photo::before{
  content:"";position:absolute;top:-11px;left:33%;width:43px;height:19px;
  background:#e9d6a8b8;border:1px solid #c6b28a55;
  transform:rotate(-8deg);box-shadow:0 1px 2px #503c2426;
}
@media(max-width:800px){
 .journal-book.is-prologue .prologue-photo{width:112px;margin-left:12px;margin-bottom:9px}
 .journal-book.is-prologue .prologue-photo img{height:134px}
}

/* V9 · Foto del prólogo ligeramente mayor y marco armonizado con el papel. */

/* V10 · Un único marco: el que ya forma parte de la imagen PNG.
   Se amplía suavemente y se separa del margen derecho del texto. */
.journal-book.is-prologue .prologue-photo{
  width:158px;
  margin:7px 21px 14px 16px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  transform:rotate(2deg);
}
.journal-book.is-prologue .prologue-photo img{
  width:100%;height:auto;aspect-ratio:auto;object-fit:contain;
}
@media(max-width:800px){
 .journal-book.is-prologue .prologue-photo{
   width:116px;margin:5px 7px 10px 10px;
 }
 .journal-book.is-prologue .prologue-photo img{height:auto}
}

/* V11: ampliar y centrar la foto en el hueco del primer bloque; sin cinta CSS duplicada. */
.journal-book.is-prologue .prologue-photo{
 width:202px; margin:8px 10px 15px 17px; padding:0;
 background:transparent; border:0; box-shadow:none; transform:rotate(1deg);
}
.journal-book.is-prologue .prologue-photo::before{content:none;display:none}
.journal-book.is-prologue .prologue-photo img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:800px){
 .journal-book.is-prologue .prologue-photo{width:142px;margin:6px 5px 12px 12px}
}


/* V12 · Foto de la bandera: a la izquierda, sin marco ni pegatinas. */
.journal-book.is-prologue .prologue-photo.prologue-photo-bandera{
 float:left;width:215px;margin:8px 18px 12px 0;padding:0;
 border:0;background:transparent;box-shadow:none;transform:rotate(-2deg);
}
.journal-book.is-prologue .prologue-photo.prologue-photo-bandera img{
 display:block;width:100%;height:auto;object-fit:contain;
}
.journal-book.is-prologue .prologue-photo.prologue-photo-bandera::before{content:none;display:none}
@media(max-width:800px){
 .journal-book.is-prologue .prologue-photo.prologue-photo-bandera{width:145px;margin:6px 12px 10px 0}
}

/* V13 · Bandera en la página derecha de la primera apertura. */
.journal-book.is-prologue .prologue-photo.prologue-photo-bandera{float:right;margin:8px 0 12px 18px;transform:rotate(2deg)}
@media(max-width:800px){.journal-book.is-prologue .prologue-photo.prologue-photo-bandera{margin:6px 0 10px 12px}}

/* V14 · Bandera más pequeña, desplazada hacia el tercio inferior derecho.
   La fotografía de la capucha y la paginación permanecen intactas. */
.journal-book.is-prologue .prologue-photo.prologue-photo-bandera{
  float:right; width:132px; margin:205px 10px 12px 17px;
  padding:0; background:transparent; border:0; box-shadow:none;
  transform:rotate(2deg);
}
@media(max-width:800px){
  .journal-book.is-prologue .prologue-photo.prologue-photo-bandera{
    width:112px; margin:135px 5px 10px 12px;
  }
}

/* V15 · Nueva foto con borde vintage, sin pósit, esquina inferior derecha. */
.journal-book.is-prologue .prologue-photo.prologue-photo-bandera{
  float:right;width:174px;margin:178px 7px 12px 17px;
  padding:0;border:0;background:transparent;box-shadow:none;transform:rotate(1deg);
}
.journal-book.is-prologue .prologue-photo.prologue-photo-bandera img{width:100%;height:auto;object-fit:contain}
@media(max-width:800px){
 .journal-book.is-prologue .prologue-photo.prologue-photo-bandera{width:128px;margin:115px 3px 10px 10px}
}

/* V16 · Bandera: mismo ancho que la capucha (202px), inclinación derecha. */
.journal-book.is-prologue .prologue-photo.prologue-photo-bandera{
  width:202px;transform:rotate(4deg);margin:160px 7px 12px 17px;
}
@media(max-width:800px){
  .journal-book.is-prologue .prologue-photo.prologue-photo-bandera{
    width:142px;margin:105px 3px 10px 10px;transform:rotate(4deg);
  }
}

/* V17 · Bandera después de «Por eso nace PROJECT T.», texto justificado alrededor. */
.journal-book.is-prologue .prologue-photo.prologue-photo-bandera{
 float:right;clear:right;width:202px;margin:7px 4px 12px 17px;
 transform:rotate(6deg);transform-origin:center center;
 padding:0;background:transparent;border:0;box-shadow:none;
}
@media(max-width:800px){.journal-book.is-prologue .prologue-photo.prologue-photo-bandera{
 width:142px;margin:6px 3px 10px 10px;transform:rotate(6deg);
}}

/* V18 · Equilibrio fotográfico: capucha recta y bandera de tamaño visual comparable. */
.journal-book.is-prologue .prologue-photo:not(.prologue-photo-bandera){
  transform:rotate(0deg);
}
.journal-book.is-prologue .prologue-photo.prologue-photo-bandera{
  width:232px;
  transform:rotate(6deg);
}
@media(max-width:800px){
  .journal-book.is-prologue .prologue-photo.prologue-photo-bandera{
    width:164px;
    transform:rotate(6deg);
  }
}

/* V11 · Páginas PNG del prólogo, sin paginación dinámica ni recortes. */
.journal-book.is-prologue-image{height:auto;min-height:0;align-items:stretch}
.journal-book.is-prologue-image .journal-page{height:auto;min-height:0;max-height:none;padding:0;overflow:hidden;aspect-ratio:1100/1450;gap:0}
.journal-book.is-prologue-image .journal-page > :not(.prologue-image-sheet){display:none!important}
.journal-book.is-prologue-image .prologue-image-sheet{width:100%;height:100%;min-width:0;min-height:0;display:block}
.journal-book.is-prologue-image .prologue-image-sheet[hidden]{display:none!important}
.journal-book.is-prologue-image .prologue-image-sheet img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:800px){
 .journal-book.is-prologue-image{display:block;width:100%;max-width:600px;margin:auto}
 .journal-book.is-prologue-image .journal-page{width:100%;aspect-ratio:1100/1450;min-height:0;height:auto;max-height:none;transform:none;border-radius:10px!important}
 .journal-book.is-prologue-image .journal-page:has(.prologue-image-sheet[hidden]){display:none}
 .journal-book.is-prologue-image .prologue-image-sheet{height:100%}
 .journal-book.is-prologue-image .prologue-image-sheet img{height:auto;aspect-ratio:1100/1450}
}


/* V12 · Corrección: respetar el tamaño original del libro y mostrar los PNG. */
.journal-book.is-prologue.is-prologue-image{
  height:700px!important;min-height:700px!important;max-height:700px!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.journal-book.is-prologue.is-prologue-image .journal-page{
  height:700px!important;min-height:700px!important;max-height:700px!important;
  aspect-ratio:auto!important;padding:0!important;overflow:hidden!important;
}
/* La antigua regla V5 ocultaba todas las hojas que no fueran texto dinámico. */
.journal-book.is-prologue.is-prologue-image .journal-page>.prologue-image-sheet{
  display:block!important;flex:1 1 auto;width:100%;height:100%;min-height:0;
}
.journal-book.is-prologue.is-prologue-image .journal-page>.prologue-image-sheet[hidden]{display:none!important}
.journal-book.is-prologue.is-prologue-image .prologue-image-sheet img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;
}
@media(max-width:800px){
 .journal-book.is-prologue.is-prologue-image{
   display:block;max-width:660px;height:580px!important;min-height:580px!important;max-height:580px!important;
 }
 .journal-book.is-prologue.is-prologue-image .journal-page{
   width:100%;height:580px!important;min-height:580px!important;max-height:580px!important;
   transform:none;
 }
 .journal-book.is-prologue.is-prologue-image .journal-page:has(>.prologue-image-sheet[hidden]){display:none!important}
 .journal-book.is-prologue.is-prologue-image .prologue-image-sheet img{height:100%;aspect-ratio:auto}
}

/* V14: hojas PNG transparentes sobre papel del libro V12. */
.journal-book.is-prologue.is-prologue-image .journal-page{background:radial-gradient(ellipse at 45% 32%,#fff4df,#e9d1aa 100%)!important;}
.journal-book.is-prologue.is-prologue-image .prologue-image-sheet img{object-fit:fill!important;}