:root{--bg:#f4f0e8;--paper:#fbf8f2;--ink:#1b1a18;--muted:#6e675e;--line:#cfc7bb;--accent:#9a3e2f;--max:1180px;--read:720px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(244,240,232,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.brand{font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.08em;text-decoration:none;max-width:220px}.menu-toggle{border:0;background:transparent;font-weight:700;font-size:14px}.main-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 18px 22px}.main-menu.is-open{display:grid}.main-menu a{padding:11px 0;text-decoration:none;border-bottom:1px solid #e7e0d5}.section-shell{width:min(calc(100% - 36px),var(--max));margin-inline:auto;padding-block:72px}.reading-width{width:min(calc(100% - 36px),var(--read));margin-inline:auto}.hero{min-height:calc(100svh - 58px);display:grid;align-content:center;gap:18px}.hero h1{font-family:Georgia,serif;font-size:clamp(52px,14vw,112px);line-height:.9;letter-spacing:-.055em;margin:0}.hero-copy,.lead{font-family:Georgia,serif;font-size:clamp(19px,4.8vw,28px);line-height:1.35;max-width:700px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.button{display:inline-flex;width:max-content;background:var(--ink);color:#fff;padding:13px 17px;text-decoration:none;font-weight:700;border:0;cursor:pointer}.hero-object{margin-top:24px;min-height:260px}.placeholder-photo{background:#d8d0c5;border:1px solid #bbb1a4;display:grid;place-items:center;color:#746d63;font-size:11px;letter-spacing:.1em;text-align:center;min-height:200px}.stories-section{padding-top:24px}.section-heading{max-width:720px;margin-bottom:36px}.section-heading h2,.split-feature h2,.memory-callout h2,.progress-card h2,.next-story h2,.comments h2{font-family:Georgia,serif;font-size:clamp(34px,9vw,64px);line-height:1;margin:.25em 0}.story-grid{display:grid;gap:18px}.story-card{background:var(--paper);border:1px solid var(--line)}.story-card.is-locked{opacity:.63}.story-card.is-read{outline:2px solid var(--ink);outline-offset:-2px}.story-object{min-height:220px}.story-card-body{padding:22px}.story-number{font:700 12px/1 Arial;letter-spacing:.15em}.story-card h3{font-family:Georgia,serif;font-size:29px;line-height:1.05;margin:12px 0}.story-card p{color:var(--muted)}.story-meta{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:16px 0}.text-link{font-weight:800;text-underline-offset:4px}.locked-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.progress-card{background:var(--paper);padding-inline:24px}.progress-track{height:7px;background:#ddd5ca;margin:18px 0}.progress-track span{display:block;height:100%;width:0;background:var(--ink);transition:width .3s}.split-feature{display:grid;gap:30px}.tall{min-height:360px}.memory-callout{text-align:center;background:var(--ink);color:#fff;padding-inline:24px}.memory-callout .button{background:#fff;color:var(--ink);margin-inline:auto}.three-links{display:grid;padding-top:30px}.three-links a{padding:22px 0;border-top:1px solid var(--line);display:grid;text-decoration:none}.three-links span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.three-links strong{font-family:Georgia,serif;font-size:24px}.site-footer{padding:45px 18px 100px;border-top:1px solid var(--line);display:grid;gap:20px;font-size:13px}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}.story-hero{padding-top:52px}.story-hero h1,.locked-page h1,.form-page h1,.prose-page h1,.author-page h1,.download-page h1,.archive-grid+h1{font-family:Georgia,serif;font-size:clamp(46px,12vw,82px);line-height:.95;letter-spacing:-.035em}.story-deck{font-family:Georgia,serif;font-size:22px}.story-cover{margin-top:30px;min-height:320px}.story-content{font-family:Georgia,serif;font-size:20px;line-height:1.8;padding-block:40px 80px}.story-content p{margin:0 0 1.3em}.editor-note{border-left:4px solid var(--accent);padding-left:18px;color:var(--muted)}.story-end{border-top:1px solid var(--line);padding:30px 0}.story-actions{display:flex;gap:10px;flex-wrap:wrap}.like-button,.share-button,.mobile-story-bar button{border:1px solid var(--ink);background:transparent;padding:12px 14px;font-weight:700}.like-button.liked{background:var(--ink);color:#fff}.comments{padding-block:50px}.comment-form,.memory-form{display:grid;gap:18px}.comment-form label,.memory-form label{display:grid;gap:7px;font-weight:700}.comment-form input,.comment-form textarea,.memory-form input,.memory-form textarea{width:100%;padding:14px;border:1px solid var(--line);background:var(--paper);font:inherit}.comment-list blockquote{margin:25px 0;padding:20px;background:var(--paper);border-left:3px solid var(--ink)}.next-story{background:var(--paper);padding-inline:24px;margin-bottom:80px}.mobile-story-bar{position:fixed;z-index:25;bottom:0;left:0;right:0;display:grid;grid-template-columns:54px 54px 1fr 54px;background:var(--paper);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-story-bar a,.mobile-story-bar button{min-height:52px;display:grid;place-items:center;text-decoration:none;border:0;border-right:1px solid var(--line);background:transparent}.form-page,.prose-page,.download-page{max-width:820px}.form-page fieldset{border:1px solid var(--line);padding:18px}.radio,.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start;gap:10px!important;font-weight:400!important}.radio input,.check input{width:auto!important;margin-top:.35em}.success-box{background:var(--paper);border:1px solid var(--line);padding:24px}.form-note{font-size:13px;color:var(--muted)}.prose-page h2{font-family:Georgia,serif;font-size:34px;margin-top:2em}.archive-grid{display:grid;gap:20px}.archive-grid article{background:var(--paper);padding-bottom:20px}.archive-grid h2,.archive-grid p{padding-inline:18px}.square{aspect-ratio:1}.author-page{display:grid;gap:30px}.portrait{min-height:440px}.download-page{text-align:center}.book-mock{aspect-ratio:2/3;max-width:360px;margin:35px auto}.download-page .button{margin-inline:auto}.locked-page{min-height:70vh}.back-link{display:inline-block;margin-bottom:34px}.site-footer p{max-width:560px;color:var(--muted)}@media(min-width:760px){.menu-toggle{display:none}.site-header{padding:14px 28px}.brand{max-width:none}.main-menu{display:flex;position:static;background:transparent;border:0;padding:0;gap:22px}.main-menu a{border:0;padding:0;font-size:13px}.story-grid{grid-template-columns:repeat(2,1fr)}.split-feature,.author-page{grid-template-columns:1.05fr .95fr;align-items:center}.archive-grid{grid-template-columns:repeat(3,1fr)}.site-footer{grid-template-columns:1fr auto;padding-inline:28px}.mobile-story-bar{display:none}}@media(min-width:1100px){.story-grid{grid-template-columns:repeat(2,1fr);gap:28px}.story-card{display:grid;grid-template-columns:44% 56%}.story-object{min-height:340px}.section-shell{padding-block:96px}}

.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.real-photo,.story-object,.story-banner{background-size:cover;background-position:center}.hero-object.real-photo{position:relative;min-height:320px;border-radius:24px;overflow:hidden}.hero-object.real-photo small{position:absolute;bottom:12px;right:14px;color:#fff;background:rgba(20,15,10,.55);padding:5px 8px;border-radius:999px;font-size:10px}.story-object{min-height:240px;position:relative;display:flex;align-items:flex-end;padding:18px;background-color:#d9d1c5}.story-object span{background:rgba(251,248,242,.9);padding:7px 10px;font-size:11px;font-weight:800;letter-spacing:.12em;border-radius:999px}.story-banner{height:160px;width:100%;display:flex;align-items:flex-end;padding:16px 18px;color:#fff}.story-banner span{font-size:11px;font-weight:800;letter-spacing:.15em}.story-hero{padding-top:38px;padding-bottom:30px}.story-hero h1{margin:.25em 0}.object-teaser{font-family:Georgia,serif;font-size:22px;line-height:1.45;color:#4e463d}.object-teaser span{display:block;font:800 11px/1.2 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.story-meta-line{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.story-meta-line a{color:inherit}.story-inline-image{margin:3.2em -10vw 3em}.story-inline-image img{display:block;width:100%;max-height:560px;object-fit:cover;filter:sepia(.26) saturate(.86) contrast(.96);border-radius:3px}.story-inline-image figcaption{font:12px/1.5 Arial,sans-serif;color:var(--muted);padding-top:8px}.story-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-block:30px 60px}.story-nav a{display:flex;flex-direction:column;text-decoration:none;border-top:1px solid var(--line);padding-top:15px}.story-nav a.next{text-align:right;align-items:flex-end}.story-nav small{text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.reader-memory{background:#e5d5c5;padding:42px 28px;margin-bottom:38px;border-radius:18px}.reader-memory h2{font-family:Georgia,serif;font-size:clamp(30px,8vw,48px);line-height:1;margin:.25em 0}.comments{scroll-margin-top:70px}.empty-public{color:var(--muted);font-style:italic}.memory-intro{max-width:650px;margin:25px 0 35px}.privacy-check a{text-underline-offset:3px}.public-error{background:#f3d7d2;border:1px solid #c87d70;padding:16px;margin-bottom:20px}.memory-form input[type=file]{padding:12px;background:var(--paper)}
@media(min-width:760px){.story-banner{height:190px;padding:22px 34px}.story-inline-image{margin-left:-80px;margin-right:-80px}.hero-object.real-photo{min-height:420px}}

.about-photo{min-height:460px;background:#d8d0c5;border-radius:20px}

/* Recuerdos de lectores */
.reader-memory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:2rem 0}.reader-memory-card{background:#f6efe6;border:1px solid rgba(82,64,48,.12);border-radius:18px;padding:1.25rem}.reader-memory-card img{width:100%;max-height:320px;object-fit:cover;border-radius:12px;margin-bottom:1rem;filter:sepia(.2)}.reader-memory-card footer{font-size:.82rem;color:#7b6c60;margin-top:1rem}@media(max-width:720px){.reader-memory-grid{grid-template-columns:1fr}}

/* v11 · refinamiento visual */
:root{--brown:#4a3428;--brown-soft:#b68f72;--brown-soft-hover:#a77e61;--cream:#f6f0e7}
.site-footer{background:var(--brown);color:#fff;border-top:0}.site-footer p{color:#e5d8cc}.site-footer a{color:#fff}.site-footer strong{letter-spacing:.04em}
.home-hero{position:relative;min-height:calc(100svh - 58px);background-image:var(--hero-bg);background-size:cover;background-position:center;width:100%;overflow:hidden}.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,240,232,.93) 0%,rgba(244,240,232,.78) 48%,rgba(244,240,232,.42) 100%);backdrop-filter:blur(1.2px)}.home-hero-content{position:relative;z-index:2;min-height:calc(100svh - 58px);display:grid;align-content:center;gap:18px}.home-hero h1{font-family:Georgia,serif;font-size:clamp(52px,14vw,112px);line-height:.9;letter-spacing:-.055em;margin:0;max-width:920px}.home-hero .hero-copy{max-width:680px}.hero-credit{position:absolute;right:0;bottom:22px;font-size:10px;text-decoration:none;background:rgba(251,248,242,.72);padding:5px 8px;border-radius:999px}
.story-grid-horizontal{grid-template-columns:1fr!important;gap:16px}.story-card-horizontal{display:grid!important;grid-template-columns:105px 1fr!important;align-items:stretch;border-radius:22px;overflow:hidden;border:1px solid rgba(120,96,77,.16);box-shadow:0 6px 26px rgba(78,55,39,.06)}.story-card-icon{display:grid;place-items:center;background:#efe4d8;padding:18px}.story-card-icon img{width:72px;height:72px;object-fit:contain}.story-card-horizontal:nth-child(3n+2) .story-card-icon{background:#e6ece5}.story-card-horizontal:nth-child(3n+3) .story-card-icon{background:#ebe3ec}.story-card-horizontal .story-card-body{padding:20px 20px 22px}.story-card-horizontal .story-number{display:block;font-family:Georgia,serif;font-size:34px;line-height:.9;color:#a98367;letter-spacing:-.03em;margin-bottom:9px}.story-card-horizontal h3{font-size:26px;margin:0 0 9px}.story-card-horizontal p{margin:0 0 17px}.story-read-button{display:inline-flex;background:var(--brown-soft);color:#fff;text-decoration:none;padding:10px 15px;border-radius:999px;font-size:13px;font-weight:800;transition:.2s}.story-read-button:hover{background:var(--brown-soft-hover)}.progress-card{border-radius:24px;box-shadow:0 8px 30px rgba(75,53,38,.05);border:1px solid rgba(120,96,77,.12)}
.memory-page-banner{width:100%;height:220px;background-image:linear-gradient(rgba(70,47,31,.22),rgba(70,47,31,.36)),var(--memory-bg);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:22px;color:#fff}.memory-page-banner span{font-size:11px;font-weight:800;letter-spacing:.16em}.about-photo{background-size:cover;background-position:center;filter:sepia(.12) saturate(.88);border-radius:22px}
.story-inline-image{display:none!important}
@media(max-width:560px){.home-hero-overlay{background:linear-gradient(rgba(244,240,232,.82),rgba(244,240,232,.9))}.home-hero{background-position:center}.story-card-horizontal{grid-template-columns:88px 1fr!important}.story-card-icon{padding:12px}.story-card-icon img{width:62px;height:62px}.story-card-horizontal .story-card-body{padding:17px 16px 19px}.story-card-horizontal h3{font-size:23px}.story-card-horizontal .story-number{font-size:31px}.memory-page-banner{height:170px}}
@media(min-width:760px){.story-grid-horizontal{grid-template-columns:repeat(2,minmax(0,1fr))!important}.story-card-horizontal{grid-template-columns:125px 1fr!important}.story-card-icon img{width:86px;height:86px}.home-hero-content{padding-block:72px}}

/* v12 · portada y tarjetas mejoradas */
:root{
  --brown-deep:#3e2b20;
  --brown-mid:#8a664c;
  --brown-light:#b99376;
  --shadow-soft:0 14px 34px rgba(72,50,36,.08);
}

.button{background:var(--brown-deep);border-radius:14px;padding:14px 18px;box-shadow:0 8px 18px rgba(62,43,32,.12)}
.button:hover{transform:translateY(-1px)}

.home-hero{
  position:relative;
  min-height:76vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:none;
  border-bottom:1px solid rgba(120,96,77,.12);
}
.home-hero-bg{
  position:absolute;
  inset:-2%;
  background-image:var(--hero-bg);
  background-size:cover;
  background-position:center center;
  transform:scale(1.05);
  filter:blur(10px) sepia(.18) saturate(.82) contrast(.95);
  opacity:.34;
}
.home-hero-tint{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(246,240,231,.94) 0%, rgba(246,240,231,.82) 44%, rgba(246,240,231,.58) 100%),
    radial-gradient(circle at 20% 35%, rgba(255,255,255,.30), transparent 52%);
}
.home-hero-content{
  position:relative;
  z-index:2;
  min-height:76vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:18px;
  padding-block:78px 88px;
}
.home-hero-panel{max-width:760px}
.home-hero .eyebrow{margin:0 0 10px;color:#4f4339}
.home-hero h1{
  font-family:Georgia,serif;
  font-size:clamp(58px,9vw,118px);
  line-height:.92;
  letter-spacing:-.06em;
  margin:0;
  max-width:8ch;
  text-wrap:balance;
}
.home-hero .hero-copy{
  font-family:Georgia,serif;
  font-size:clamp(24px,2.8vw,34px);
  line-height:1.28;
  color:#2c251f;
  max-width:860px;
  margin:14px 0 0;
}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}
.hero-button{background:var(--brown-deep)!important}
.hero-credit{
  position:static;
  width:max-content;
  margin-top:8px;
  font-size:11px;
  color:#6a5e55;
  text-decoration:none;
  background:rgba(255,255,255,.42);
  padding:7px 10px;
  border-radius:999px;
}

.stories-section{padding-top:54px}
.story-grid-horizontal{grid-template-columns:1fr!important;gap:18px}
.story-card-horizontal{
  display:grid!important;
  grid-template-columns:120px 1fr!important;
  align-items:stretch;
  border-radius:26px!important;
  overflow:hidden;
  border:1px solid rgba(120,96,77,.14)!important;
  background:rgba(251,248,242,.96)!important;
  box-shadow:var(--shadow-soft);
}
.story-card-horizontal:hover{transform:translateY(-2px);transition:transform .18s ease, box-shadow .18s ease;box-shadow:0 18px 40px rgba(72,50,36,.11)}
.story-card-icon{
  display:grid;
  place-items:center;
  padding:18px;
  background:linear-gradient(180deg,#f1e7dc 0%,#eadfd2 100%);
  border-right:1px solid rgba(120,96,77,.10);
}
.story-card-horizontal:nth-child(3n+2) .story-card-icon{background:linear-gradient(180deg,#e7eee6 0%,#dee9dc 100%)}
.story-card-horizontal:nth-child(3n+3) .story-card-icon{background:linear-gradient(180deg,#eee6ef 0%,#e8deea 100%)}
.story-card-icon img{width:74px;height:74px;object-fit:contain}
.story-card-horizontal .story-card-body{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:0;
  padding:22px 22px 24px;
}
.story-card-horizontal .story-number{
  display:block;
  font-family:Georgia,serif;
  font-size:44px!important;
  line-height:.88;
  color:var(--brown-mid);
  letter-spacing:-.05em;
  margin:0 0 8px;
}
.story-card-horizontal h3{
  font-family:Georgia,serif;
  font-size:30px;
  line-height:1.02;
  margin:0 0 10px;
}
.story-card-horizontal p{margin:0 0 18px;color:#60574f;max-width:58ch}
.story-read-button,
.locked-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:11px 16px;
  border-radius:14px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
}
.story-read-button{
  background:var(--brown-light)!important;
  color:#fff!important;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(113,84,60,.18);
}
.story-read-button:hover{background:#a98469!important}
.locked-label{background:#ece4da;color:#6c625a;text-transform:none}

.progress-card{
  background:var(--paper);
  border-radius:26px;
  box-shadow:var(--shadow-soft);
  border:1px solid rgba(120,96,77,.12);
  padding-inline:26px;
}
.progress-track{height:10px;border-radius:999px;background:#ddd5ca;overflow:hidden}
.progress-track span{border-radius:999px;background:linear-gradient(90deg,var(--brown-light),var(--brown-deep))}

.site-footer{background:var(--brown-deep);color:#fff;border-top:0}
.site-footer p{color:#e7dbcf}
.site-footer a{color:#fff;text-decoration:none}

@media (max-width:760px){
  .home-hero{min-height:auto}
  .home-hero-content{min-height:auto;padding-block:72px 70px}
  .home-hero h1{font-size:clamp(52px,16vw,78px);max-width:7.6ch}
  .home-hero .hero-copy{font-size:clamp(20px,7vw,28px)}
  .hero-credit{font-size:10px}
  .story-card-horizontal{grid-template-columns:96px 1fr!important;border-radius:22px!important}
  .story-card-icon{padding:14px}
  .story-card-icon img{width:58px;height:58px}
  .story-card-horizontal .story-card-body{padding:18px 16px 20px}
  .story-card-horizontal .story-number{font-size:38px!important}
  .story-card-horizontal h3{font-size:24px}
}

@media (min-width:900px){
  .home-hero{min-height:78vh}
  .home-hero-content{padding-block:92px 98px}
  .story-grid-horizontal{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px}
  .story-card-icon img{width:82px;height:82px}
}

/* v13 · navegación, autor y descarga EPUB */
.hero-author{
  margin:12px 0 0;
  font-size:clamp(17px,2vw,22px);
  font-weight:800;
  letter-spacing:.04em;
  color:var(--brown-mid);
}
.main-menu .menu-epub{
  background:var(--brown-light);
  color:#fff;
  padding:9px 14px;
  border-radius:12px;
  font-weight:800;
  margin-left:4px;
}
.main-menu .menu-epub:hover{background:#a98469}
.three-links{grid-template-columns:1fr;gap:0}
.three-links a{border-radius:18px;padding:24px 20px}
.three-links a:hover{background:rgba(251,248,242,.65)}

.epub-gate{max-width:920px}
.epub-cover-preview{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:38px 30px;
  background:linear-gradient(155deg,#3f2c21 0%,#765842 100%);
  color:#fff;
  border:0;
  border-radius:10px;
  box-shadow:0 22px 45px rgba(55,37,26,.22);
  text-align:left;
  font-family:Georgia,serif;
}
.epub-cover-preview span{font-size:clamp(28px,4vw,44px);line-height:.98;letter-spacing:-.035em}
.epub-cover-preview small{font-family:Arial,sans-serif;font-weight:800;letter-spacing:.08em}
.epub-form-card{
  max-width:620px;
  margin:38px auto 0;
  padding:28px;
  background:var(--paper);
  border:1px solid rgba(120,96,77,.14);
  border-radius:24px;
  box-shadow:var(--shadow-soft);
  text-align:left;
}
.epub-form-card h2{font-family:Georgia,serif;font-size:36px;line-height:1;margin:0 0 10px}
.epub-form-card>p{color:var(--muted)}
.epub-submit{border-radius:14px!important}

@media(min-width:760px){
  .three-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .three-links a{border:1px solid var(--line)}
}
@media(max-width:759px){
  .main-menu .menu-epub{margin:10px 0 0;padding:12px 14px;border-bottom:0}
}

/* v14 · retoques finales de identidad */
.home-hero-bg{
  opacity:.64!important;
  filter:blur(5px) sepia(.12) saturate(.9) contrast(1.02)!important;
}
.home-hero-tint{
  background:
    linear-gradient(90deg, rgba(246,240,231,.80) 0%, rgba(246,240,231,.58) 44%, rgba(246,240,231,.28) 100%),
    radial-gradient(circle at 18% 32%, rgba(255,255,255,.20), transparent 50%)!important;
}

.main-menu{align-items:center!important}
.main-menu a{
  font-size:15px!important;
  line-height:1!important;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  padding:0 2px!important;
}
.main-menu .menu-epub{
  min-height:40px;
  padding:0 15px!important;
  margin-left:5px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Historia leída: señal suave, sin reborde negro */
.story-card.is-read{
  outline:none!important;
  box-shadow:0 14px 34px rgba(72,50,36,.08), inset 0 0 0 1px rgba(138,102,76,.18)!important;
  position:relative;
}
.story-card.is-read::after{
  content:'✓ Leída';
  position:absolute;
  top:12px;
  right:12px;
  z-index:3;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  color:#675548;
  background:rgba(246,240,231,.92);
  border:1px solid rgba(138,102,76,.16);
  border-radius:999px;
  padding:5px 8px;
}

/* Banners coherentes para páginas secundarias */
.page-banner{
  width:100%;
  height:260px;
  background-image:linear-gradient(rgba(55,38,26,.12),rgba(55,38,26,.26)),var(--page-bg);
  background-size:cover;
  background-position:center;
  filter:sepia(.08) saturate(.9);
}
.page-banner-about{height:330px;background-position:center 37%}
.page-banner-contact{background-position:center 45%}
.memory-page-banner{height:260px!important;padding:0!important;background-image:linear-gradient(rgba(55,38,26,.12),rgba(55,38,26,.26)),var(--page-bg)!important}
.form-page h1,.author-copy h1{
  font-family:Georgia,serif;
  font-size:clamp(48px,8vw,82px);
  line-height:.96;
  letter-spacing:-.04em;
  margin:.05em 0 .35em;
}
.author-copy{max-width:820px}

/* Portada real en la página de descarga */
.epub-cover-image{
  padding:0!important;
  background:none!important;
  border-radius:16px!important;
  overflow:hidden;
  box-shadow:0 22px 45px rgba(55,37,26,.22);
}
.epub-cover-image img{display:block;width:100%;height:auto}

@media(max-width:759px){
  .main-menu a{font-size:15px!important;min-height:44px;padding:0!important}
  .main-menu .menu-epub{margin:10px 0 0!important;padding:0 14px!important}
  .page-banner{height:180px}
  .page-banner-about{height:230px}
  .story-card.is-read::after{top:9px;right:9px}
  .home-hero-bg{opacity:.58!important}
  .home-hero-tint{background:linear-gradient(rgba(246,240,231,.62),rgba(246,240,231,.72))!important}
}

/* v15 · hero más fotográfico + iconografía editorial monocroma */
.home-hero-bg{
  opacity:.86!important;
  filter:blur(1px) sepia(.06) saturate(.95) contrast(1.04)!important;
  transform:scale(1.015)!important;
}
.home-hero-tint{
  background:
    linear-gradient(90deg, rgba(246,240,231,.66) 0%, rgba(246,240,231,.43) 44%, rgba(246,240,231,.14) 100%),
    radial-gradient(circle at 15% 30%, rgba(255,255,255,.12), transparent 46%)!important;
}
.home-hero-panel{
  padding:28px 30px 30px;
  border-radius:24px;
  background:rgba(246,240,231,.16);
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
}
.home-hero h1,.home-hero .hero-copy,.home-hero .eyebrow,.hero-author{
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}

.story-card-horizontal{
  grid-template-columns:104px 1fr!important;
  background:#fbf8f2!important;
}
.story-card-icon{
  position:relative;
  background:#f4efe7!important;
  border-right:1px solid rgba(74,52,40,.10)!important;
  padding:18px!important;
}
.story-card-horizontal:nth-child(3n+2) .story-card-icon,
.story-card-horizontal:nth-child(3n+3) .story-card-icon{
  background:#f4efe7!important;
}
.story-card-icon::after{
  content:"";
  position:absolute;
  width:54px;
  height:54px;
  border:1px solid rgba(74,52,40,.15);
  border-radius:50%;
}
.story-card-icon img{
  position:relative;
  z-index:1;
  width:44px!important;
  height:44px!important;
  object-fit:contain;
  filter:none!important;
}
.story-card-horizontal .story-number{
  color:#92745f!important;
}
.story-read-button{
  background:#b79275!important;
}
.story-read-button:hover{
  background:#9f795d!important;
}

@media(max-width:760px){
  .home-hero-bg{opacity:.80!important;filter:blur(.5px) sepia(.05) saturate(.96) contrast(1.04)!important}
  .home-hero-tint{background:linear-gradient(rgba(246,240,231,.50),rgba(246,240,231,.60))!important}
  .home-hero-panel{padding:20px 18px 22px;border-radius:18px;background:rgba(246,240,231,.10)}
  .story-card-horizontal{grid-template-columns:84px 1fr!important}
  .story-card-icon{padding:12px!important}
  .story-card-icon::after{width:46px;height:46px}
  .story-card-icon img{width:36px!important;height:36px!important}
}

/* v17 · las tarjetas usan la imagen principal de cada historia */
.story-card-horizontal{
  grid-template-columns:132px 1fr!important;
}
.story-card-photo{
  position:relative;
  overflow:hidden;
  min-height:100%;
  background:#e9e4dc;
  border-right:1px solid rgba(74,52,40,.10);
}
.story-card-photo img{
  width:100%;
  height:100%;
  min-height:190px;
  display:block;
  object-fit:cover;
  object-position:center;
  filter:saturate(.64) contrast(.92) brightness(.98) sepia(.10);
  transform:scale(1.015);
  transition:transform .35s ease, filter .35s ease;
}
.story-card-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(245,238,228,.06),rgba(77,59,45,.05)),
    radial-gradient(circle at 30% 20%,rgba(255,245,225,.08),transparent 44%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.story-card-horizontal:hover .story-card-photo img{
  transform:scale(1.045);
  filter:saturate(.70) contrast(.94) brightness(1) sepia(.08);
}
.story-card-photo.no-photo{
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#ece7df,#ded7cd);
}
.story-card-photo.no-photo span{
  font-family:Georgia,serif;
  font-size:46px;
  color:#8e7867;
}

/* anulamos definitivamente la antigua zona de iconos */
.story-card-icon{display:none!important}

@media(max-width:760px){
  .story-card-horizontal{grid-template-columns:104px 1fr!important}
  .story-card-photo img{min-height:170px}
  .story-card-photo.no-photo span{font-size:36px}
}

@media(min-width:900px){
  .story-card-horizontal{grid-template-columns:145px 1fr!important}
  .story-card-photo img{min-height:210px}
}
