*{box-sizing:border-box} :root{--bg:#101614;--panel:#17201d;--ink:#f2eee4;--muted:#b9b9ad;--gold:#d7b875;--line:rgba(226,210,169,.2);--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.topbar{height:78px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:#101614;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.2em;font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);color:var(--gold);font:600 17px var(--serif);letter-spacing:-.08em}.nav{display:flex;gap:34px}.nav a,.tools select{font-size:11px;color:#d5d5ca;letter-spacing:.08em;text-transform:uppercase}.nav a:hover,.text-link:hover{color:var(--gold)}.tools{display:flex;align-items:center;gap:12px}.tools select{background:#17201d;border:1px solid var(--line);padding:8px;color:var(--ink)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:22px}.hero{height:min(760px,84vh);min-height:600px;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 10%}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,12,.94) 0%,rgba(7,13,12,.72) 48%,rgba(7,13,12,.18) 100%),url("assets/hero-author.jpg") center 48%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101614 0%,transparent 23%,transparent 78%,rgba(0,0,0,.22))}.hero-content{position:relative;max-width:720px;z-index:1}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.28em;font-weight:700;color:var(--gold)}h1,h2{font-family:var(--serif);font-weight:500;line-height:.98;margin:18px 0}h1{font-size:clamp(48px,6vw,86px);letter-spacing:-.035em}h1 em,h2 em{color:var(--gold);font-weight:400} .hero-copy{max-width:490px;color:#d2d2c8;font-size:15px;margin:26px 0 32px}.hero-actions{display:flex;align-items:center;gap:30px}.btn{display:inline-flex;align-items:center;gap:24px;padding:14px 20px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:.25s}.btn-gold{background:var(--gold);color:#151916}.btn-gold:hover{background:#f0d69b;transform:translateY(-2px)}.text-link{font-size:11px;border-bottom:1px solid var(--gold);padding-bottom:5px}.hero-signature{position:absolute;bottom:55px;left:10%;font:600 12px var(--serif);letter-spacing:.22em;color:#d7d7cd}.hero-signature span{color:var(--gold)}.hero-side-note{position:absolute;right:4%;top:50%;writing-mode:vertical-rl;letter-spacing:.3em;font-size:9px;color:rgba(255,255,255,.5)}.section-wrap{width:min(1160px,88%);margin:auto}.intro{padding:115px 0 85px}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:end}.intro h2,.section-heading h2,.newsletter h2{font-size:clamp(38px,4.2vw,60px)}.intro-grid p{color:var(--muted);max-width:430px;margin:0 0 8px;font-size:14px}.books-section{padding:45px 0 130px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:12px;max-width:260px}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.book-card{cursor:pointer;min-width:0}.cover-wrap{position:relative;aspect-ratio:2/3;background:#202923;overflow:hidden;box-shadow:0 18px 35px rgba(0,0,0,.3);transition:.35s}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.book-card:hover .cover-wrap{transform:translateY(-7px);box-shadow:0 24px 45px rgba(0,0,0,.45)}.book-card:hover .cover-wrap img{transform:scale(1.035)}.cover-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 45%);opacity:.7}.book-meta{padding:17px 2px}.book-meta .number{font-size:9px;letter-spacing:.2em;color:var(--gold)}.book-meta h3{font:600 23px/1.05 var(--serif);margin:7px 0 6px}.book-meta p{font-size:10px;color:var(--muted);margin:0}.open-review{display:inline-block;margin-top:12px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:4px}.saga-section{position:relative;padding:105px 0 115px;background:#151c19;overflow:hidden}.saga-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,19,17,.96),rgba(12,19,17,.86)),url("assets/cartagena-atmosphere.jpg") center/cover no-repeat;opacity:.95}.saga-inner{position:relative}.gold{color:var(--gold)}.saga-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.saga-heading h2{font-size:clamp(42px,5vw,68px);margin:18px 0}.saga-heading p{color:#c4c5b9;max-width:510px;font-size:14px}.saga-stamp{width:104px;height:104px;border:1px solid rgba(215,184,117,.6);border-radius:50%;display:grid;align-content:center;text-align:center;color:var(--gold);font:600 13px var(--serif);letter-spacing:.15em;transform:rotate(9deg);flex-shrink:0}.saga-stamp small{font-size:9px}.saga-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.saga-card{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:start;padding:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:.25s}.saga-card:hover{background:rgba(255,255,255,.075);border-color:rgba(215,184,117,.4);transform:translateY(-4px)}.saga-card .cover-wrap{aspect-ratio:2/3}.saga-card h3{font:600 22px/1.05 var(--serif);margin:8px 0}.saga-card p{font-size:11px;color:#b8bdb3;line-height:1.6}.saga-card .number{color:var(--gold);font-size:9px;letter-spacing:.15em}.coming-note{display:flex;align-items:center;gap:15px;margin-top:35px;padding:18px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#e8e0cf}.coming-note strong{font-size:10px;letter-spacing:.18em;color:var(--gold)}.coming-note p{margin:2px 0 0;font:italic 17px var(--serif)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(215,184,117,.12)}.free-section{padding:120px 0;display:grid;grid-template-columns:.7fr 1fr;gap:11%;align-items:center}.free-cover{width:min(330px,100%);justify-self:center;box-shadow:0 25px 55px rgba(0,0,0,.4);transform:rotate(-2deg)}.free-cover img{width:100%;display:block}.free-content h2{font-size:clamp(48px,5vw,70px)}.free-subtitle{font:italic 22px/1.2 var(--serif);color:#e4d2a8}.free-content>p:not(.free-subtitle){color:var(--muted);font-size:13px;max-width:560px;margin:22px 0 28px}.download-note{display:block;color:#858d83;font-size:9px;margin-top:12px}.author-section{background:#1a2420;padding:100px 0}.author-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:9%;align-items:center}.author-monogram{font:500 clamp(100px,17vw,220px)/.8 var(--serif);letter-spacing:-.1em;color:rgba(215,184,117,.16);border-right:1px solid var(--line);padding:25px 0}.author-monogram span{color:var(--gold)}.author-text h2{font-size:58px}.author-text p{max-width:700px;color:#c3c9bf;font-size:14px}.author-quote{font:italic 24px var(--serif)!important;color:var(--gold)!important;margin-top:30px}.newsletter{padding:90px 0;display:flex;justify-content:space-between;align-items:center}.newsletter h2{margin-bottom:0}.btn-outline{border:1px solid var(--gold);color:var(--gold)}.btn-outline:hover{background:var(--gold);color:#111}footer{border-top:1px solid rgba(255,255,255,.1);padding:25px 5.5%;display:flex;align-items:center;justify-content:space-between}footer p{font-size:10px;color:#929a90}.back-top{color:var(--gold);font-size:22px}.detail-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:25px}.detail-overlay.show{display:flex}.detail-panel{position:relative;width:min(900px,100%);max-height:90vh;overflow:auto;background:#18211d;border:1px solid rgba(215,184,117,.25);padding:48px;display:grid;grid-template-columns:260px 1fr;gap:48px;box-shadow:0 30px 100px #000}.detail-close{position:absolute;right:18px;top:12px;background:none;border:0;color:#fff;font-size:32px;cursor:pointer}.detail-cover img{width:100%;box-shadow:0 20px 40px rgba(0,0,0,.4)}.detail-copy h2{font-size:46px}.detail-subtitle{font:italic 20px var(--serif);color:var(--gold)}.detail-rule{height:1px;background:var(--line);margin:24px 0}.detail-copy>p:not(.detail-subtitle){font-size:13px;color:#c5c9c0;line-height:1.8}.amazon-note{font-size:9px!important;color:#899087!important}.detail-copy .btn{margin-top:10px}
@media(max-width:900px){.nav{gap:16px}.book-grid{grid-template-columns:repeat(2,1fr);gap:22px}.saga-grid{grid-template-columns:1fr}.saga-card{grid-template-columns:115px 1fr}.hero{padding:0 7%}.hero-signature{left:7%}.intro-grid{gap:5%}.detail-panel{gap:28px;padding:35px;grid-template-columns:210px 1fr}}
@media(max-width:650px){.topbar{height:68px;padding:0 5%}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#101614;padding:20px 6%;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{min-height:620px;height:78vh;padding:0 7%}.hero-image{background-position:58% center}.hero-side-note{display:none}h1{font-size:50px}.hero-copy{font-size:13px}.intro{padding:80px 0 50px}.intro-grid{grid-template-columns:1fr;gap:12px}.intro h2{font-size:42px}.books-section{padding:35px 0 85px}.section-heading{display:block}.section-heading>p{margin-top:12px}.book-grid{gap:12px}.book-meta h3{font-size:20px}.saga-section{padding:80px 0}.saga-heading{align-items:start}.saga-stamp{width:72px;height:72px;font-size:9px}.saga-heading h2{font-size:40px}.saga-card{padding:13px;gap:14px;grid-template-columns:95px 1fr}.saga-card h3{font-size:20px}.free-section{padding:80px 0;grid-template-columns:1fr;gap:40px}.free-cover{width:230px}.author-section{padding:75px 0}.author-grid{grid-template-columns:1fr;gap:25px}.author-monogram{font-size:105px;border-right:0;border-bottom:1px solid var(--line);padding-bottom:25px}.author-text h2{font-size:45px}.newsletter{padding:70px 0;display:block}.newsletter .btn{margin-top:28px}footer{gap:15px;flex-wrap:wrap}.detail-overlay{padding:10px}.detail-panel{max-height:94vh;display:block;padding:28px 22px}.detail-cover{width:145px;margin:0 auto 25px}.detail-copy h2{font-size:37px}.detail-close{right:12px;top:4px}.detail-copy>p:not(.detail-subtitle){font-size:12px}}


/* NUEVA IDENTIDAD VISUAL: editorial, luminosa, cercana y con color */
:root{
 --bg:#f6f2e9;--panel:#fffdf8;--ink:#203b3d;--muted:#586b68;
 --gold:#d98a62;--line:rgba(48,103,101,.22);
 --teal:#347d79;--coral:#df8068;--blue:#668da8;--lavender:#9b8bb7;
 --serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif
}
body{background:var(--bg);color:var(--ink);font-size:16px}
.topbar{background:#fffdf8;border-bottom:1px solid #dce5df;color:var(--ink)}
.brand{color:#23494a;font-size:12px}
.brand-mark{border-color:var(--coral);color:var(--teal);background:#fff8ed}
.nav a,.tools select{color:#345d5c;font-size:12px}
.tools select{background:#f4eee3;border-color:#d4dfd9;color:#23494a}
.menu-toggle{color:#23494a}
.hero{background:#e9f1e9}
.hero-image{background:
 radial-gradient(ellipse at 78% 34%,rgba(231,164,124,.62),transparent 26%),
 radial-gradient(ellipse at 83% 78%,rgba(117,169,160,.62),transparent 34%),
 radial-gradient(ellipse at 62% 12%,rgba(185,174,210,.45),transparent 30%),
 linear-gradient(115deg,#f7f1e6 0%,#e5f0e8 52%,#dce9e9 100%)}
.hero-shade{background:linear-gradient(0deg,rgba(246,242,233,.94) 0%,transparent 18%,transparent 83%,rgba(255,255,255,.12))}
.hero-content{max-width:790px}
.eyebrow,.section-kicker{color:#b9674f;font-size:12px;letter-spacing:.23em}
h1{font-size:clamp(58px,7vw,100px);color:#203b3d}
h1 em,h2 em{color:#347d79}
.hero-copy{color:#435c59;font-size:18px;max-width:570px}
.btn{font-size:12px;padding:16px 23px}
.btn-gold{background:#df916e;color:#fff}
.btn-gold:hover{background:#c96f59}
.text-link{font-size:14px;border-color:#347d79;color:#315d5a}
.hero-signature{color:#315d5a;font-size:14px}
.hero-signature span{color:#df8068}
.hero-side-note{color:#4f7773}
.intro{padding-top:125px}
.intro h2,.section-heading h2,.newsletter h2{font-size:clamp(48px,5vw,72px);color:#234547}
.intro-grid p{font-size:17px;color:#596c68;line-height:1.8}
.books-section{padding-bottom:130px}
.section-heading>p{font-size:15px;color:#60736e;max-width:300px}
.book-grid{gap:30px}
.book-card{background:#fffdf8;border:1px solid #e1e4d9;padding:12px;border-radius:12px;box-shadow:0 12px 30px rgba(43,83,77,.07);transition:.3s}
.book-card:nth-child(4n+1){border-top:5px solid #6c9e9a}
.book-card:nth-child(4n+2){border-top:5px solid #e49a78}
.book-card:nth-child(4n+3){border-top:5px solid #8f9fc0}
.book-card:nth-child(4n+4){border-top:5px solid #d5b76e}
.book-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px rgba(43,83,77,.14)}
.cover-wrap{border-radius:6px;background:#e8e6dc;box-shadow:0 10px 22px rgba(34,58,55,.16)}
.cover-wrap img{object-fit:cover}
.cover-overlay{background:linear-gradient(0deg,rgba(15,45,45,.18),transparent 40%)}
.book-meta{padding:18px 5px 10px}
.book-meta .number{font-size:11px;color:#b9674f;letter-spacing:.15em}
.book-meta h3{font-size:27px;color:#24494a;line-height:1.05}
.book-meta p{font-size:14px;color:#5a6d68;line-height:1.55;min-height:42px}
.open-review{font-size:11px;color:#c56f59;border-color:#e6c2b4}
.saga-section{background:#dcebe5}
.saga-backdrop{background:
 radial-gradient(ellipse at 8% 20%,rgba(234,179,136,.25),transparent 35%),
 radial-gradient(ellipse at 90% 85%,rgba(147,165,194,.24),transparent 40%),
 linear-gradient(120deg,#e5eee5,#e3edf0);opacity:1}
.saga-heading h2{font-size:clamp(48px,5.5vw,76px);color:#24484a}
.saga-heading p{color:#536a67;font-size:17px;line-height:1.7}
.saga-stamp{border-color:#df916e;color:#b9674f;background:rgba(255,255,255,.38)}
.saga-card{background:#fffdf8;border:1px solid #d8e3db;border-radius:10px;box-shadow:0 12px 28px rgba(45,83,75,.08)}
.saga-card:hover{background:#fff;border-color:#d98a62}
.saga-card .cover-wrap{border-radius:4px}
.saga-card .number{color:#b9674f;font-size:10px;line-height:1.6}
.saga-card h3{font-size:26px;color:#24494a}
.saga-card p{font-size:14px;color:#5a6d68}
.coming-note{border-color:#c3d7ce;color:#315d5a}
.coming-note strong{color:#b9674f;font-size:12px}
.coming-note p{font-size:20px;color:#426562}
.pulse{background:#df8068;box-shadow:0 0 0 6px rgba(223,128,104,.15)}
.free-section{padding:130px 0}
.free-cover{width:min(360px,100%);border-radius:10px;overflow:hidden;box-shadow:0 25px 50px rgba(47,78,72,.2)}
.free-content h2{font-size:clamp(54px,5.8vw,78px);color:#234547}
.free-subtitle{font-size:26px;color:#bd7059;line-height:1.25}
.free-content>p:not(.free-subtitle){font-size:16px;line-height:1.8;color:#586c67}
.download-note{font-size:11px;color:#73837d}
.author-section{background:#e3eeea;padding:110px 0}
.author-grid{grid-template-columns:.72fr 1.28fr;gap:8%}
.author-photo{width:min(350px,100%);height:420px;justify-self:center;border-radius:180px 180px 18px 18px;overflow:hidden;box-shadow:0 20px 45px rgba(40,75,70,.2);border:8px solid #fffdf8}
.author-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.author-text h2{font-size:clamp(48px,5vw,70px);color:#234547}
.author-text p{font-size:16px;line-height:1.85;color:#536963}
.author-quote{font-size:27px!important;color:#bd7059!important}
.newsletter{padding:105px 0}
.newsletter h2{color:#234547}
.btn-outline{border:2px solid #347d79;color:#347d79;border-radius:3px}
.btn-outline:hover{background:#347d79;color:white}
footer{background:#24494a;border-top:0;padding:28px 5.5%;color:#fff}
footer .brand{color:#fff}
footer .brand-mark{background:transparent;color:#f1c18b;border-color:#f1c18b}
footer p{font-size:12px;color:#d5e3dc}
.back-top{color:#f1b18e}
.detail-overlay{background:rgba(25,52,51,.72)}
.detail-panel{background:#fffdf8;border:1px solid #d6e2da;border-radius:14px;color:#234547}
.detail-copy h2{font-size:54px;color:#234547}
.detail-subtitle{font-size:24px;color:#bd7059}
.detail-copy>p:not(.detail-subtitle){font-size:16px;color:#566c66;line-height:1.85}
.detail-rule{background:#d9e4dc}
.detail-close{color:#315d5a}
.amazon-note{font-size:11px!important;color:#87938b!important}
@media(max-width:900px){
 .book-meta h3{font-size:24px}
 .saga-card h3{font-size:23px}
}
@media(max-width:650px){
 body{font-size:16px}
 .hero{min-height:650px}
 h1{font-size:clamp(48px,12vw,68px)}
 .hero-copy{font-size:16px}
 .intro h2{font-size:44px}
 .book-grid{gap:13px}
 .book-card{padding:8px}
 .book-meta h3{font-size:21px}
 .book-meta p{font-size:12px}
 .saga-heading h2{font-size:42px}
 .saga-card h3{font-size:22px}
 .saga-card p{font-size:13px}
 .author-photo{width:250px;height:310px}
 .author-text h2{font-size:44px}
 .author-text p{font-size:15px}
 .detail-copy h2{font-size:42px}
}

/* Corrección de portadas: mostrar cada cubierta completa, sin recortes */
.cover-wrap{
  aspect-ratio: 2 / 3 !important;
  height:auto !important;
  overflow:hidden;
  display:block;
  background:#eee8dc;
}
.cover-wrap img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain !important;
  object-position:center center !important;
}
.saga-card .cover-wrap{
  width:130px;
  flex:0 0 130px;
  aspect-ratio:2 / 3 !important;
  height:auto !important;
}
.saga-card .cover-wrap img{object-fit:contain !important}

/* Libro en preparación: estado informativo, sin enlace de compra */
.coming-soon-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 30px;
  background:#eaf1ed;
  border:1px solid #8fb4a7;
  color:#315e58;
  font-family:var(--sans);
  font-size:13px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  border-radius:3px;
}
.coming-soon-status[hidden]{display:none}


/* HERO: retrato + collage editorial de portadas a la derecha */
.hero{isolation:isolate;min-height:680px}
.hero-image{
  background:
    radial-gradient(ellipse at 78% 50%,rgba(226,166,126,.22),transparent 48%),
    linear-gradient(105deg,#f7f2e8 0%,#eaf0e8 48%,#dcebea 100%) !important;
}
.hero-shade{
  background:linear-gradient(90deg,rgba(247,242,232,.98) 0%,rgba(247,242,232,.90) 34%,rgba(247,242,232,.12) 68%,rgba(247,242,232,.02) 100%) !important;
  z-index:0;
}
.hero-art{
  position:absolute;
  z-index:1;
  right:-1.5%;
  top:50%;
  transform:translateY(-50%);
  width:62%;
  max-width:1120px;
  height:auto;
  pointer-events:none;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.hero-art img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 22px 34px rgba(34,66,62,.20));
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 100%);
}
.hero-content{
  z-index:2;
  width:44%;
  max-width:620px;
  padding:58px 0 80px;
}
.hero h1{font-size:clamp(48px,5.4vw,78px);max-width:650px}
.hero-copy{font-size:17px;line-height:1.7;max-width:490px}
.hero-signature{z-index:3;color:#315d5a}
.hero-side-note{z-index:3;color:rgba(49,93,90,.65)}
@media(max-width:1050px){
  .hero{min-height:660px}
  .hero-art{width:63%;right:-5%;opacity:.94}
  .hero-content{width:48%}
  .hero h1{font-size:clamp(46px,5.4vw,66px)}
}
@media(max-width:760px){
  .hero{min-height:850px;align-items:flex-start;padding-top:54px;padding-bottom:300px}
  .hero-content{width:100%;max-width:620px;padding:0;z-index:3}
  .hero h1{font-size:clamp(43px,10vw,62px)}
  .hero-copy{font-size:16px;max-width:95%}
  .hero-art{
    width:112%;
    max-width:none;
    right:-8%;
    top:auto;
    bottom:34px;
    transform:none;
  }
  .hero-art img{
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 100%);
  }
  .hero-shade{background:linear-gradient(180deg,rgba(247,242,232,.98) 0%,rgba(247,242,232,.92) 42%,rgba(247,242,232,.15) 100%) !important}
  .hero-signature{bottom:16px;left:6%;font-size:10px}
  .hero-side-note{display:none}
}


/* HERO INTERNACIONAL: fotografía original + portadas como elementos HTML */
.hero{min-height:720px;height:min(780px,88vh);padding-left:7%;padding-right:7%;background:#e9f0e9}
.hero-image{
  background:linear-gradient(105deg,#f7f2e8 0%,#edf1e8 46%,#dce9e7 100%) !important;
}
.hero-shade{
  background:linear-gradient(90deg,rgba(247,242,232,.99) 0%,rgba(247,242,232,.96) 32%,rgba(247,242,232,.35) 52%,rgba(247,242,232,.02) 100%) !important;
}
.hero-content{width:43%;max-width:590px;padding:45px 0 85px;z-index:4}
.hero h1{font-size:clamp(48px,5vw,76px);line-height:.98}
.hero-copy{max-width:460px;font-size:17px}
.hero-art{
  position:absolute;z-index:2;right:0;top:50%;transform:translateY(-48%);
  width:61%;height:590px;max-width:1000px;display:block;overflow:hidden;
  border-radius:18px 0 0 18px;pointer-events:none;
  background:linear-gradient(180deg,rgba(19,58,67,.04),rgba(15,43,48,.22)),url("assets/cartagena-hero-bg.jpg") center 42%/cover no-repeat;
  box-shadow:0 25px 55px rgba(37,73,69,.16);
}
.hero-city{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,55,67,.02) 0%,rgba(16,55,67,.10) 42%,rgba(14,42,46,.78) 100%)}
.hero-author-portrait{
  position:absolute;left:3%;top:2%;width:36%;height:66%;overflow:hidden;
  border:5px solid rgba(255,252,244,.88);border-radius:180px 180px 12px 12px;
  background:#f7f2e8;box-shadow:0 15px 32px rgba(14,39,43,.25);
}
.hero-author-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 12%;display:block}
.hero-books{
  position:absolute;left:3%;right:3%;bottom:76px;height:245px;
  display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:7px;
}
.hero-books img{
  width:100%;height:100%;max-height:245px;object-fit:cover;object-position:center;
  border:2px solid rgba(255,246,225,.86);border-radius:5px;
  box-shadow:0 9px 19px rgba(0,0,0,.34);
  transition:transform .25s ease;
}
.hero-books img:nth-child(odd){height:92%}
.hero-books img:nth-child(even){height:100%}
.hero-art-caption{
  position:absolute;bottom:38px;left:4%;right:4%;display:flex;align-items:center;gap:12px;
  color:#fff4d7;font:700 13px var(--sans);letter-spacing:.18em;text-shadow:0 2px 8px #17383a;
}
.hero-art-caption i{height:1px;flex:1;background:rgba(255,222,158,.75)}
.hero-art-caption small{font-size:9px;letter-spacing:.12em;text-align:right}
.hero-art-categories{position:absolute;right:4%;top:7%;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:57%}
.hero-art-categories span{
  padding:7px 10px;border:1px solid rgba(255,245,219,.65);border-radius:30px;
  color:#fff9eb;background:rgba(21,58,64,.42);backdrop-filter:blur(5px);
  font-size:9px;font-weight:700;letter-spacing:.12em;text-shadow:0 1px 4px #17383a;
}
.hero-signature{left:7%;bottom:34px;color:#315d5a;z-index:5}
.hero-side-note{right:2%;z-index:5;color:#315d5a}
@media(max-width:1100px){
 .hero{min-height:760px}
 .hero-content{width:45%}
 .hero-art{width:59%;height:510px}
 .hero-books{height:190px;bottom:72px;gap:5px}
 .hero-author-portrait{height:62%;width:38%}
 .hero-art-caption small{display:none}
}
@media(max-width:760px){
 .hero{height:auto;min-height:1030px;display:block;padding:55px 6% 350px}
 .hero-content{width:100%;max-width:620px;padding:0;position:relative}
 .hero h1{font-size:clamp(45px,11vw,65px)}
 .hero-copy{font-size:16px}
 .hero-art{
   top:auto;bottom:52px;left:0;right:0;transform:none;width:100%;height:360px;
   border-radius:14px;overflow:hidden;
 }
 .hero-author-portrait{left:3%;top:4%;width:31%;height:55%;border-width:3px}
 .hero-books{left:3%;right:3%;bottom:64px;height:145px;gap:4px}
 .hero-books img{border-width:1px;border-radius:3px}
 .hero-art-caption{bottom:28px;font-size:10px;letter-spacing:.1em}
 .hero-art-caption small{display:none}
 .hero-art-categories{top:5%;right:3%;max-width:62%;gap:4px}
 .hero-art-categories span{font-size:7px;padding:5px 7px}
 .hero-signature{left:6%;bottom:16px;font-size:10px}
 .hero-side-note{display:none}
}
@media(max-width:420px){
 .hero{min-height:980px;padding-bottom:335px}
 .hero-art{height:315px}
 .hero-books{height:120px;bottom:58px}
 .hero-art-caption{font-size:9px}
}


/* Banner editorial basado en el collage original: solo la tipografía es dinámica */
.hero-banner{
  position:relative;display:block;width:100%;height:auto;min-height:0;
  aspect-ratio:1778/885;padding:0;margin:0;overflow:hidden;background:#0c303d;
}
.hero-banner-image{position:absolute;inset:0}
.hero-banner-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.banner-title-panel{
  position:absolute;left:27.3%;top:2.3%;width:45.5%;height:35.5%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:1.2% 1.8% 1%;
  color:#fffaf0;
  background:linear-gradient(110deg,rgba(8,48,66,.94),rgba(8,44,60,.88) 65%,rgba(8,44,60,.70));
  border-radius:3px 3px 18px 18px;
  box-shadow:0 8px 28px rgba(4,25,35,.16);
  backdrop-filter:blur(7px);
}
.banner-eyebrow{margin:0 0 1%;font:600 clamp(9px,1.3vw,22px) var(--sans);letter-spacing:.22em;color:#fff8e9}
.banner-title-panel h1{
  margin:0;color:#fffaf0;font:600 clamp(28px,5.5vw,96px)/.92 var(--serif);
  letter-spacing:-.035em;white-space:nowrap;text-shadow:0 3px 12px rgba(0,0,0,.45)
}
.banner-role{
  margin-top:1.2%;padding:.35% 7%;background:rgba(3,34,47,.82);
  color:#fff;font:700 clamp(9px,1.5vw,24px) var(--sans);letter-spacing:.55em;
}
.banner-description{
  margin:1.2% 0 0;color:#fff8ec;font:italic 500 clamp(9px,1.55vw,25px)/1.12 var(--serif);
  text-shadow:0 2px 8px rgba(0,0,0,.55)
}
.banner-flourish{width:35%;height:3px;margin-top:1.5%;background:linear-gradient(90deg,transparent,#e9bd58,transparent);border-radius:100%}
.banner-footer-panel{
  position:absolute;left:15%;right:14%;bottom:0;height:22%;
  display:flex;flex-direction:column;justify-content:center;gap:8%;
  padding:1% 2% .8%;color:#fff6df;text-align:center;
  background:linear-gradient(180deg,rgba(5,40,48,.94),rgba(4,34,43,.99));
  border-top:2px solid rgba(225,178,83,.75);
}
.banner-books-title{display:flex;align-items:center;justify-content:center;gap:2%;font:700 clamp(10px,1.8vw,29px) var(--serif);letter-spacing:.12em;color:#f2c66e;white-space:nowrap}
.banner-books-title i{height:1px;flex:1;max-width:14%;background:#d6aa53}
.banner-books-title small{font:500 clamp(7px,1.15vw,18px) var(--sans);letter-spacing:.16em;color:#fff}
.banner-categories{display:flex;align-items:center;justify-content:space-around;gap:1%;font:600 clamp(6px,.82vw,14px) var(--sans);letter-spacing:.1em;color:#fff5dc}
.banner-categories span{flex:1;padding:0 1%;border-right:1px solid rgba(231,187,89,.75)}
.banner-categories span:last-child{border:0}
.hero-banner .banner-title-panel [data-i18n],.hero-banner .banner-footer-panel [data-i18n]{transition:opacity .15s ease}
@media(max-width:760px){
 .hero-banner{aspect-ratio:1/1.08;min-height:0}
 .hero-banner-image img{object-fit:cover;object-position:49% center}
 .banner-title-panel{left:25%;top:2%;width:52%;height:35%;padding:2% 2%}
 .banner-eyebrow{font-size:clamp(6px,1.7vw,11px);letter-spacing:.12em}
 .banner-title-panel h1{font-size:clamp(17px,4.5vw,32px);white-space:normal;line-height:.95}
 .banner-role{font-size:clamp(6px,1.8vw,11px);letter-spacing:.3em}
 .banner-description{font-size:clamp(6px,1.75vw,11px);line-height:1.1}
 .banner-footer-panel{left:5%;right:5%;height:20%;gap:10%;padding:2% 2%}
 .banner-books-title{font-size:clamp(8px,2.2vw,15px);gap:2%}
 .banner-books-title small{font-size:clamp(5px,1.3vw,9px);letter-spacing:.07em}
 .banner-categories{flex-wrap:wrap;row-gap:5%;font-size:clamp(5px,1.25vw,8px);letter-spacing:.04em}
 .banner-categories span{flex:1 1 18%;border-right:1px solid rgba(231,187,89,.6)}
}


/* MENÚ SUPERIOR FIJO: permanece visible durante todo el desplazamiento */
.topbar{
  position:sticky;
  top:0;
  z-index:100;
  width:100%;
  box-shadow:0 3px 14px rgba(31,69,66,.08);
}

/* Evita que los títulos de sección queden ocultos detrás del menú */
html{
  scroll-padding-top:88px;
}
#libros,#cronicas,#autor,#gratuito,#inicio{
  scroll-margin-top:88px;
}

/* BOTÓN FLOTANTE VOLVER ARRIBA */
.back-top{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:120;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#df916e;
  color:#fff !important;
  font-size:27px;
  line-height:1;
  box-shadow:0 5px 18px rgba(30,67,63,.25);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px);
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease,background .2s ease;
}
.back-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.back-top:hover{
  background:#347d79;
  color:#fff !important;
  transform:translateY(-3px);
}
@media(max-width:650px){
  .topbar{position:sticky;top:0}
  .back-top{right:16px;bottom:16px;width:44px;height:44px}
  html{scroll-padding-top:78px}
  #libros,#cronicas,#autor,#gratuito,#inicio{scroll-margin-top:78px}
}


/* SELECTOR DE IDIOMA: bandera, código y nombre */
.tools select#language{
  min-width:158px;
  max-width:min(46vw,220px);
  min-height:38px;
  padding:8px 30px 8px 10px;
  border:1px solid #d4dfd9;
  border-radius:3px;
  background:#f4eee3;
  color:#23494a;
  font-family:var(--sans);
  font-size:12px;
  line-height:1.35;
  letter-spacing:.015em;
  text-transform:none;
  cursor:pointer;
}
.tools select#language option{
  background:#fffdf8;
  color:#23494a;
  font-size:13px;
  padding:8px;
}
@media(max-width:650px){
  .tools select#language{
    min-width:142px;
    max-width:48vw;
    font-size:11px;
    padding:7px 25px 7px 8px;
  }
}


/* SELECTOR DE IDIOMA CON BANDERAS SVG: no depende de emojis ni de fuentes del sistema */
.language-picker{position:relative;display:inline-flex;align-items:center;z-index:150}
.language-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.language-trigger{
  display:flex;align-items:center;gap:9px;min-width:158px;min-height:40px;
  padding:8px 11px;border:1px solid #d4dfd9;border-radius:3px;
  background:#f4eee3;color:#23494a;font:500 12px/1.2 var(--sans,sans-serif);
  cursor:pointer;white-space:nowrap;
}
.language-trigger:hover,.language-trigger[aria-expanded="true"]{border-color:#df916e;background:#fffaf2}
.flag-icon{display:inline-flex;flex:0 0 25px;width:25px;height:17px;overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px rgba(30,50,50,.16)}
.flag-icon svg{display:block;width:25px;height:17px}
.language-chevron{margin-left:auto;font-size:15px;color:#376b68}
.language-menu{
  position:absolute;right:0;top:calc(100% + 6px);min-width:100%;width:max-content;
  padding:5px;background:#fffdf8;border:1px solid #d9ded7;border-radius:4px;
  box-shadow:0 12px 28px rgba(28,54,51,.17);display:none;z-index:300;
}
.language-picker.is-open .language-menu{display:block}
.language-option{
  display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;
  border:0;border-radius:2px;background:transparent;color:#23494a;
  text-align:left;font:500 12px/1.2 var(--sans,sans-serif);white-space:nowrap;cursor:pointer;
}
.language-option:hover,.language-option[aria-selected="true"]{background:#e9f1ed;color:#1d5e5a}
@media(max-width:650px){
  .language-trigger{min-width:136px;min-height:38px;padding:7px 9px;gap:7px;font-size:11px}
  .language-option{padding:10px;font-size:12px}
  .language-menu{right:0}
}

/* Acceso directo al catálogo completo del autor en Amazon */
.amazon-all-link{
  white-space:nowrap;
  align-self:center;
  margin-left:18px;
  border-color:#347d79;
  color:#347d79;
}
.amazon-all-link:hover{background:#347d79;color:#fff}
@media(max-width:900px){
  .section-heading{gap:14px;flex-wrap:wrap}
  .amazon-all-link{margin-left:0}
}
@media(max-width:650px){
  .amazon-all-link{margin-top:12px}
}