:root{
 --cream:#f8edcf;--paper:#fff8e9;--ink:#2e1a0f;--brown:#553019;--wine:#7d2e20;
 --gold:#b88737;--muted:#725943;--dark:#26160c;--line:#caa76766;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:auto}
.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(#29170b,#3a210f);color:#f4d38d;border-bottom:1px solid #d5ad6255}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.brand{
    font-size:30px;
    color:#efc675;
    display:flex;
    align-items:center;
    gap:10px;
    white-space:nowrap;
}
.brand-logo{
    width:56px;
    height:56px;
    flex-shrink:0;
    display:block;
}

.brand-text{
    display:flex;
    flex-direction:column;
    line-height:1.1;
}
.brand-logo{
    width:56px;
    height:56px;
    flex-shrink:0;
    display:block;
}

.brand-text{
    display:flex;
    flex-direction:column;
    justify-content:center;
    line-height:1.05;
}

.brand em{
    margin-top:2px;
    font-size:17px;
    color:#f4e2bd;
    font-style:italic;
}
.navlinks{display:flex;gap:32px;font-size:12px;letter-spacing:.8px}
.navlinks a{padding:28px 0;border-bottom:2px solid transparent}
.navlinks a:hover{color:#f5cc72;border-color:#f5cc72}

.hero{
    position:relative;
    height:64vw;
    min-height:560px;
    max-height:760px;
    overflow:hidden;
    background:#f2dfb7;
}
.hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,
        rgba(248,237,207,.88) 0%,
        rgba(248,237,207,.70) 28%,
        rgba(248,237,207,.28) 48%,
        rgba(248,237,207,.05) 60%,
        transparent 72%);
}
.hero-art{
    position:absolute;
    inset:0;
    background:url("images/hero-cuentos-v5.webp") no-repeat;
    background-size:cover;
    background-position:72% 58%;
}
.hero-art:after{content:none}
.hero-content{position:relative;z-index:2;padding:96px 0}
.scribble{display:inline-block;font-size:24px;color:var(--wine);font-style:italic;transform:rotate(-2deg)}
.hero h1{font-size:clamp(64px,8vw,112px);line-height:.82;font-weight:normal;max-width:650px;margin:20px 0}
.hero h1 span{color:var(--wine)}
.hero p{font-size:18px;line-height:1.8;color:var(--muted);max-width:500px}
.btn{display:inline-block;background:var(--wine);color:#fff8e8;padding:14px 22px;font-size:13px;letter-spacing:.5px;margin-top:18px;box-shadow:0 8px 18px #5d251c33;border:0;cursor:pointer}
.btn.secondary{background:transparent;color:var(--wine);border:1px solid var(--wine);box-shadow:none;margin-left:8px}

section{padding:105px 0}
.paper{background-color:var(--cream);background-image:radial-gradient(#9d713322 .7px,transparent .7px);background-size:7px 7px}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}
.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:bold;color:var(--wine)}
.section-title h2,.about h2,.feature h2,.inner h1,.inside h2,.seo h2{font-weight:normal}
.section-title h2{font-size:72px;line-height:.8;margin:0}
.section-title p{max-width:420px;color:var(--muted);line-height:1.7}
.books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.book-card{position:relative;overflow:visible;background:var(--paper);padding:22px;padding-top:48px;box-shadow:0 18px 40px #43231114;border:1px solid var(--line);transition:.25s}
.book-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px #43231122}
.book-card:before{content:"";position:absolute;inset:9px;border:1px solid #b7863840;pointer-events:none}
.book-img{
height:470px;
display:flex;
align-items:center;
justify-content:center;
background:transparent;
overflow:visible;
margin-top:-34px;
position:relative;
z-index:5;
}
.book-img img{
width:100%;
height:100%;
object-fit:contain;
display:block;
transition:
transform .35s ease,
filter .35s ease;
}
.book-info{padding:25px 10px 8px}
.book-info h3{font-size:43px;line-height:.88;margin:10px 0 13px;font-weight:normal}
.book-info p{color:var(--muted);line-height:1.7}
.book-info .mini{font-size:20px;color:var(--wine);font-style:italic}

.perez-band{background:#ead6ae;position:relative;overflow:hidden}
.feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.feature h2{font-size:74px;line-height:.83;margin:16px 0 24px}
.feature p{font-size:18px;line-height:1.8;color:var(--muted)}
.feature-art{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.feature-art img{width:100%;height:250px;object-fit:contain;background:#f3e4c5;box-shadow:0 12px 25px #43231125}
.feature-art img:first-child{grid-column:span 2;height:350px;object-fit:contain}

.about{background:#e4c795}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.portrait{background:var(--paper);padding:13px;box-shadow:0 22px 45px #43231122;transform:rotate(-2deg)}
.portrait img{display:block;width:100%;height:570px;object-fit:cover;object-position:center center}
.about h2{font-size:72px;line-height:.8;margin:18px 0 25px}
.about p{color:var(--muted);line-height:1.9}
.quote{font-style:italic;font-size:29px;border-left:3px solid var(--gold);padding-left:20px;margin-top:30px}

footer{background:var(--dark);color:#f2ddb5;padding:48px 0}
.footer{display:flex;justify-content:space-between;gap:30px;align-items:center}
.footer strong{font-size:30px;color:#efc878}
.footer small{color:#d8bd8d}

.inner-hero{padding:42px 0 110px;background:#f1dfba}
.crumb{font-size:13px;color:var(--muted);margin-bottom:40px}
.inner-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.cover{background:var(--paper);padding:15px;box-shadow:0 25px 60px #43231124;transform:rotate(-1.5deg)}
.cover img{display:block;width:100%;height:680px;object-fit:contain;background:#f3e4c5}
.inner h1{font-size:86px;line-height:.78;margin:18px 0 25px}
.inner p{font-size:18px;line-height:1.9;color:var(--muted)}
.language .btn{margin-top:18px}
.inside{background:var(--cream)}
.inside h2{text-align:center;font-size:70px;line-height:.8;margin:0 0 45px}
.inside-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.inside-card{background:var(--paper);padding:12px;box-shadow:0 10px 25px #43231114}
.inside-card img{width:100%;height:300px;object-fit:contain;background:#f3e4c5}
.inside-card p{font-size:22px;line-height:1.25;padding:8px}
.seo{background:#e6d0a2}
.seo h2{font-size:62px;line-height:.85;margin:0 0 20px}
.seo p{font-size:18px;line-height:1.8;color:var(--muted);max-width:900px}
.seo strong{color:var(--wine)}
.jara-page{background:#f3e8df}
.jara-page .inner-hero{background:#f3e8df}
.jara-page .cover img{object-fit:contain;background:#f4e8d5}
.jara-page .seo{background:#e9d4ca}

.jara-mission{background:#f7efe6;padding:95px 0}
.jara-mission h2{font-weight:normal;font-size:62px;line-height:.9;margin:0 0 22px;color:var(--wine)}
.jara-mission p{font-size:18px;line-height:1.8;color:var(--muted);max-width:900px}
.jara-mission strong{color:var(--wine)}
.jara-mission .btn{margin-top:8px}
@media(max-width:700px){.jara-mission h2{font-size:48px}.jara-mission p{font-size:16px}}


.press-section{padding:80px 0;background:linear-gradient(135deg,#3a2014,#6b351d);color:#f7dfaa;position:relative;overflow:hidden}
.press-section:before{content:"✦";position:absolute;right:9%;top:12%;font-size:110px;color:#d19a43;opacity:.16}
.press-section .section-title{color:#f7dfaa}
.press-section .section-title p{color:#ecd29a}
.press-card{max-width:900px;margin:0 auto;display:grid;grid-template-columns:170px 1fr;gap:30px;align-items:center;padding:28px;background:#f7e8c71a;border:1px solid #c89543;box-shadow:0 10px 30px #170b0666}
.press-mark{height:170px;display:flex;align-items:center;justify-content:center;border:1px solid #c89543;background:#2b180f;font:700 70px 'Cormorant Garamond',serif;color:#d5a04b}
.press-card h3{font:700 36px/1 'Cormorant Garamond',serif;margin:0 0 12px;color:#f7dfaa}
.press-card p{line-height:1.8;color:#f0d7a0}
.press-card .btn{background:#d09a43;color:#2b180f}
@media(max-width:850px){.press-card{grid-template-columns:1fr}.press-mark{height:120px}}

@media(max-width:850px){
 .nav{height:65px}.brand{font-size:24px}.navlinks{gap:14px;font-size:10px}
 .hero{min-height:700px}.hero-art{
    opacity:.55;
    background-position:center center;
    background-size:contain;
}.hero-content{padding:100px 0}
 .hero h1{font-size:72px}.books,.feature,.about-grid,.inner-grid{grid-template-columns:1fr}
 .section-title{display:block}.section-title h2{margin-bottom:18px}
 .feature h2,.about h2,.inner h1{font-size:65px}.feature-art{margin-top:20px}
 .inside-grid{grid-template-columns:1fr}.cover img{height:560px}.footer{display:block}.footer small{display:block;margin-top:20px}
}
@media(max-width:560px){
 .navlinks{display:none}.hero:before{background:#f8edcfe8}.hero-art{opacity:.55;background-position:70% center}
 .hero h1{font-size:58px}.hero p{font-size:16px}.section-title h2,.inside h2{font-size:58px}
 .feature h2,.about h2,.inner h1{font-size:55px}.book-img{height:430px}
 .btn.secondary{margin-left:0}.hero-content{padding:90px 0}
}

.coming-soon{background:#2b170d;color:#f6dfae;position:relative;overflow:hidden}
.coming-soon:before{content:"";position:absolute;inset:18px;border:1px solid #b8873766;pointer-events:none}
.coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.coming-copy h2{font-size:76px;line-height:.82;font-weight:normal;margin:16px 0 25px;color:#f3d18a}
.coming-copy p{font-size:18px;line-height:1.8;color:#e4c795;max-width:560px}
.coming-card{min-height:320px;border:1px solid #b8873788;background:radial-gradient(circle at 50% 38%,#754325 0,#3a1e10 58%,#241207 100%);display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 20px 45px #140a0555}
.coming-card-inner{padding:40px}
.coming-card .small{font-size:12px;letter-spacing:3px;color:#e6c378}
.coming-card h3{font-size:56px;line-height:.9;font-weight:normal;margin:18px 0 12px;color:#f5d58f}
.coming-card p{font-style:italic;color:#e4c795;font-size:21px;margin:0}
.contact-email{color:#efc878}
@media(max-width:850px){.coming-grid{grid-template-columns:1fr}.coming-copy h2{font-size:65px}}

/* Actualización: sección de formatos y galería ampliada de Pérez */
.edition-section{background:#e4c795}
.edition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.edition-card{position:relative;background:var(--paper);padding:34px 28px 30px;min-height:260px;border:1px solid var(--line);box-shadow:0 15px 30px #43231112}
.edition-card.featured{background:#f8e8c4;border:2px solid #b8873788;transform:translateY(-8px)}
.edition-icon{font-size:38px;margin-bottom:18px}
.edition-card h3{font-size:34px;font-weight:normal;margin:0 0 12px}
.edition-card p{color:var(--muted);line-height:1.7;margin:0}
.edition-card strong{color:var(--wine)}
.edition-label{display:inline-block;margin-top:18px;font-size:11px;letter-spacing:2px;color:var(--wine);font-weight:bold}
.inside-grid.expanded{grid-template-columns:repeat(3,1fr)}
.inside-card.tall img{height:520px;object-fit:contain}
.coming-copy h2 span{color:#fff0be}
.secret-note{font-style:italic;color:#f2d18d!important}
.coming-stars{margin-top:28px;font-size:25px;color:#e8c474;letter-spacing:12px}
@media(max-width:850px){
 .edition-grid{grid-template-columns:1fr}
 .edition-card.featured{transform:none}
 .inside-grid.expanded{grid-template-columns:1fr}
 }

/* Galería de Jara */
.jara-gallery{background:#efe0d6;padding:105px 0}
.jara-gallery-title{margin-bottom:45px}
.jara-gallery-title h2{font-size:72px;line-height:.8;margin:0;font-weight:normal}
.jara-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.jara-gallery-card{margin:0;background:#fff8ef;padding:14px;box-shadow:0 18px 38px #43231118;border:1px solid #caa76766;transition:.25s}
.jara-gallery-card:hover{transform:translateY(-6px);box-shadow:0 24px 45px #43231125}
.jara-gallery-card img{display:block;width:100%;height:520px;object-fit:contain;background:#f4e8d5}
.jara-gallery-card figcaption{font-size:16px;color:#725943;text-align:center;padding:15px 8px 5px;font-style:italic}
.jara-gallery-card.jara-back img{object-fit:contain}
@media(max-width:850px){
 .jara-gallery-grid{grid-template-columns:1fr}
 .jara-gallery-title h2{font-size:65px}
 .jara-gallery-card img{height:auto;max-height:none}
}

/* Ajuste de formatos y galería de Pérez */
.page-count{display:block;margin-top:18px;color:var(--wine);font-weight:bold;font-size:16px;letter-spacing:.5px}
.inside-tag{display:inline-block;margin:0 8px 12px;padding:6px 9px;border:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:1.2px;font-weight:bold}
.inside-tag.exclusive{color:var(--wine);border-color:#b8873788;background:#f7e7c3}
.perez-preview{grid-template-columns:repeat(3,1fr)}
.perez-preview img{height:250px!important;object-fit:contain}
.perez-preview img:first-child{grid-column:auto;height:250px!important}
.perez-preview img:nth-child(4){grid-column:span 2}
@media(max-width:850px){
 .perez-preview{grid-template-columns:1fr 1fr}
 .perez-preview img:nth-child(4){grid-column:auto}
}
@media(max-width:560px){
 .perez-preview{grid-template-columns:1fr}
}

/* SEO FAQ */
.faq h3{font-family:var(--serif, Georgia, serif);font-size:1.35rem;margin:28px 0 8px;color:#4b2b1a}
.faq p{max-width:820px}

.faq-author-title{margin-top:3.2rem;}

.lang-switch{display:flex;gap:7px;align-items:center;margin-left:16px;font-size:.78rem;letter-spacing:.08em;white-space:nowrap}.lang-switch a{color:inherit;text-decoration:none;opacity:.65}.lang-switch a:hover{opacity:1}.lang-switch strong{color:var(--wine,#7d321e)}@media (max-width:800px){.lang-switch{margin-left:8px;font-size:.7rem}.navlinks{gap:10px}}


.social-links{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}
.social-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #b8873788;border-radius:50%;color:#efc878;background:#43231122;transition:.25s;text-decoration:none}
.social-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.social-icon svg .fill{fill:currentColor;stroke:none}
.social-icon:hover{color:#fff0be;border-color:#efc878;transform:translateY(-3px);background:#43231155}
@media(max-width:850px){.social-links{margin-bottom:8px}}

/* Presentación personal del autor */
.author-story{margin-top:28px;padding-top:24px;border-top:1px solid #b8873788}
.author-story h3{font-size:30px;font-weight:normal;margin:0 0 10px;color:var(--wine)}
.author-story p{margin:0 0 10px}
.author-story em{font-family:var(--serif,Georgia,serif);font-size:20px;color:var(--wine)}


/* Auditoría final: experiencia móvil y accesibilidad */
body{overflow-x:hidden}
a:focus-visible,.btn:focus-visible,.social-icon:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.hero-art{will-change:transform}
.book-card,.press-card,.jara-gallery-card{min-width:0}

@media(max-width:850px){
  section{padding:76px 0}
  .container{width:min(100% - 32px,1180px)}
  .nav{height:auto;min-height:65px;flex-wrap:wrap;padding:8px 0 0;align-items:center}
  .brand{font-size:21px;gap:6px;min-width:0;flex:1}
  .brand .mouse{font-size:23px}
  .brand em{display:none}
  .lang-switch{margin-left:8px}
  .navlinks{order:3;width:100%;display:flex;overflow-x:auto;gap:24px;padding:5px 2px 10px;scrollbar-width:none}
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a{padding:4px 0;flex:0 0 auto}
  .hero{min-height:650px}
  .hero-content{padding:82px 0 72px}
  .hero h1{font-size:clamp(52px,12vw,72px)}
  .section-title{margin-bottom:32px}
  .feature{gap:42px}
  .feature-art{margin-top:4px}
  .about-grid{gap:44px}
  .portrait{max-width:560px;margin:0 auto}
  .portrait img{height:auto;aspect-ratio:3/4;object-fit:cover}
  .inner-hero{padding:32px 0 68px}
  .inner-grid{gap:42px}
  .cover{max-width:620px;margin:0 auto}
  .cover img{height:auto;aspect-ratio:1340/1800;max-height:620px}
  .inside-card img{height:auto;aspect-ratio:1340/1800}
  .jara-gallery-card img{height:auto}
  .coming-grid{gap:42px}
}

@media(max-width:560px){
  section{padding:58px 0}
  .container{width:calc(100% - 28px)}
  .nav{padding-top:7px}
  .brand{font-size:17px}
  .brand .mouse{font-size:20px}
  .lang-switch{font-size:.68rem;margin-left:4px}
  .navlinks{gap:20px;font-size:10px}
  .hero{min-height:620px}
  .hero:before{background:linear-gradient(90deg,#f8edcff2 0%,#f8edcdd9 58%,#f8edcda8 100%)}
  .hero-art{opacity:.42;background-position:70% center}
  .hero-content{padding:74px 0 58px}
  .hero h1{font-size:clamp(48px,14vw,60px);line-height:.86}
  .hero p{font-size:16px;line-height:1.65}
  .btn{width:100%;text-align:center;padding:14px 16px}
  .btn.secondary{margin-left:0}
  .book-card{padding:16px}
  .book-img{height:390px}
  .book-info{padding:20px 6px 5px}
  .book-info h3{font-size:36px}
  .feature h2,.about h2,.inner h1{font-size:clamp(43px,13vw,55px)}
  .feature-art{grid-template-columns:1fr 1fr;gap:10px}
  .feature-art img,.feature-art img:first-child{height:220px}
  .inside h2,.section-title h2{font-size:clamp(45px,13vw,58px)}
  .inside-grid.expanded{gap:16px}
  .inside-card{padding:9px}
  .inside-card p{font-size:18px}
  .inside-tag{font-size:9px}
  .edition-card{padding:26px 22px}
  .jara-mission{padding:58px 0}
  .jara-mission h2{font-size:clamp(42px,12vw,48px)}
  .press-section{padding:58px 0}
  .press-card{padding:20px}
  .press-card h3{font-size:30px}
  .coming-copy h2{font-size:clamp(48px,13vw,65px)}
  .coming-card h3{font-size:48px}
  .footer strong{font-size:24px}
}

/* Ajustes finales de rendimiento y móvil */
.inside-card .inside-tag{line-height:1.35}
@media(max-width:560px){
  .inside-card .inside-tag{max-width:100%;white-space:normal}
  .lang-switch{flex-shrink:0}
}
/* ===== Bloque de compra por idiomas ===== */

.edition-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:24px;
margin-top:25px;
}

#comprar .edition-card{
background:linear-gradient(180deg,#fffdf8,#fff7ec);
border:1px solid #e5d0af;
border-radius:20px;
padding:26px;
box-shadow:0 18px 38px rgba(66,35,17,.12);
text-align:center;
transition:.25s;
}

#comprar .edition-card:hover{
transform:translateY(-6px);
box-shadow:0 22px 45px rgba(66,35,17,.18);
}

#comprar .edition-card h3{
margin:0 0 22px;
font-size:1.55rem;
font-weight:normal;
color:#3a2014;
padding-bottom:14px;
border-bottom:1px solid #ead7bb;
}

#comprar .edition-card .btn{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
width:100%;
margin:14px 0;
padding:16px 20px;
border-radius:14px;
background:linear-gradient(180deg,#8d3724,#742818);
color:#fffaf2;
font-size:16px;
font-weight:600;
letter-spacing:.3px;
box-shadow:0 8px 18px rgba(66,35,17,.15);
transition:all .25s ease;
}

#comprar .edition-card .btn:hover{
background:linear-gradient(180deg,#a13f29,#842d1c);
transform:translateY(-3px);
box-shadow:0 14px 28px rgba(66,35,17,.22);
}

#comprar .edition-card .btn:active{
transform:translateY(0);
}

.buy-accordion{margin-top:24px}
.buy-item{background:linear-gradient(180deg,#fffdf8,#fff7ec);border:1px solid #e5d0af;border-radius:18px;margin:14px 0;overflow:hidden;box-shadow:0 12px 28px rgba(66,35,17,.10)}
.buy-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-size:1.2rem;font-weight:bold;color:#3a2014}
.buy-item summary::-webkit-details-marker{display:none}
.buy-item summary::after{content:"▼";float:right;transition:.25s}
.buy-item[open] summary::after{transform:rotate(180deg)}
.buy-links{padding:0 18px 18px}
.buy-links .btn{display:flex;justify-content:center;margin:10px 0}

.buy-amazon{
display:inline-flex;align-items:center;justify-content:center;
padding:14px 22px;border-radius:14px;
background:linear-gradient(180deg,#b88934,#8f5d1d);
color:#fff;text-decoration:none;font-weight:700;
box-shadow:0 10px 22px rgba(66,35,17,.18);
transition:.25s}
.buy-amazon:hover{transform:translateY(-3px);filter:brightness(1.05)}
.buy-amazon::before{content:"🛒 ";margin-right:6px}
.buy-card.featured{border:2px solid var(--gold);position:relative}
.buy-card.featured::after{
content:"Nuestra edición más completa";
position:absolute;top:-12px;right:18px;
background:#fff8e9;border:1px solid var(--gold);
padding:3px 10px;border-radius:999px;
font-size:.68rem;color:var(--wine)}


/* Premium buy section */
.buy-language{display:flex;flex-direction:column;gap:6px;padding:4px 0}
.buy-language-title{font-size:1.35rem;font-weight:600}
.buy-language-subtitle{font-size:.92rem;color:var(--muted)}
.buy-links{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:22px}
.buy-card{background:var(--paper);border:1px solid var(--line);padding:28px;border-radius:18px;display:flex;flex-direction:column}
.buy-card.featured{grid-column:1/-1}
.buy-format-title{margin:0;font-size:2rem;font-weight:400;text-transform:uppercase}
.buy-info p{margin:.4rem 0 1rem}
.exclusive-tag{display:inline-block;padding:.45rem 1rem;border-radius:999px;background:#efe6cf;border:1px solid #d8c79b;color:#5d4525;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:.4rem 0 1rem}
.buy-amazon{margin-top:auto;display:block;text-align:center;background:var(--wine);color:#fff;padding:14px;border-radius:12px}
@media(max-width:800px){.buy-links{grid-template-columns:1fr}.buy-card.featured{grid-column:auto}}

/* ================================================= */
/* ANIMACIONES 3.0 */
/* ================================================= */

.reveal{

opacity:1;

transform:none;

}

.reveal.visible{

    opacity:1;

    transform:none;

}



/* Portada */

.cover{

    transform-style:preserve-3d;

    transition:

        transform .35s ease,

        box-shadow .35s ease;

}



/* Tarjetas */

.book-card,
.buy-card,
.inside-card,
.press-card,
.jara-gallery-card{

    transition:

        transform .25s ease,

        box-shadow .25s ease;

}

.book-card:hover,
.buy-card:hover,
.inside-card:hover,
.press-card:hover,
.jara-gallery-card:hover{

    transform:translateY(-6px);

}



/* Compra */

@keyframes cardReveal{

from{

opacity:0;

transform:

translateY(18px)

scale(.98);

}

to{

opacity:1;

transform:none;

}

}
/* ===================================== */
/* INDEX 2.0 */
/* ===================================== */

.hero-content>*{

    opacity:0;

    transform:translateY(18px);

}

.hero-content.show>*{

    animation:heroFade .8s forwards;

}

.hero-content.show>*:nth-child(1){animation-delay:.05s;}
.hero-content.show>*:nth-child(2){animation-delay:.15s;}
.hero-content.show>*:nth-child(3){animation-delay:.30s;}
.hero-content.show>*:nth-child(4){animation-delay:.45s;}
.hero-content.show>*:nth-child(5){animation-delay:.60s;}

@keyframes heroFade{

from{

opacity:0;

transform:translateY(22px);

}

to{

opacity:1;

transform:none;

}

}


/* =========================== */
/* BOOKS */
/* =========================== */

.book-card{

transition:

transform .30s ease,

box-shadow .30s ease;

}

.book-card:hover{

transform:

translateY(-8px);

}

.book-img img{

transition:

transform .45s ease;

}

.book-card:hover .book-img img{

transform:
translateY(-14px)
scale(1.03);

filter:drop-shadow(0 18px 30px rgba(0,0,0,.22));

}


/* =========================== */
/* BOTONES */
/* =========================== */

.btn{

transition:

all .25s ease;

}

.btn:hover{

transform:

translateY(-2px);

}

.btn:active{

transform:

scale(.98);

}


/* =========================== */
/* FOOTER */
/* =========================== */

.social-icon{

transition:

transform .25s ease;

}

.social-icon:hover{

transform:

translateY(-3px);

}


/* ===================================== */
/* INDEX 2.1 - Libro protagonista */
/* ===================================== */

.books{
    overflow:visible;
    align-items:stretch;
}

.book-card{
    padding-top:64px;
}

.book-card::before{
    z-index:1;
}

.book-img{
    margin-top:-56px;
    margin-bottom:12px;
}

.book-img img{
    position:relative;
    z-index:3;
    transform-origin:center bottom;
}

.book-info{
    position:relative;
    z-index:2;
}

.book-card:hover{
    transform:none;
    box-shadow:0 26px 52px rgba(66,35,17,.20);
}

.book-card:hover .book-img img{
    transform:translateY(-18px) scale(1.045);
    filter:drop-shadow(0 24px 34px rgba(0,0,0,.28));
}

.book-card .btn{
    background:none;
    box-shadow:none;
    color:var(--wine);
    padding:0;
    margin-top:18px;
    font-size:15px;
    font-weight:bold;
    letter-spacing:.04em;
}

.book-card .btn::after{
    content:" →";
    transition:margin-left .25s ease;
}

.book-card:hover .btn::after{
    margin-left:8px;
}



/* ===================================== */
/* INDEX 2.2 - Libros de editorial */
/* ===================================== */

.book-img img{
    transform:rotate(-1deg);
}

.book-card:nth-child(2) .book-img img{
    transform:rotate(1deg);
}

.book-card:hover .book-img img{
    transform:translateY(-22px) scale(1.05) rotate(0deg);
    filter:drop-shadow(0 28px 40px rgba(0,0,0,.30));
}

.book-card::after{
    content:"";
    position:absolute;
    top:26px;
    left:50%;
    width:72%;
    height:14px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(ellipse at center,
        rgba(0,0,0,.14) 0%,
        rgba(0,0,0,.08) 45%,
        transparent 100%);
    z-index:0;
    opacity:.75;
}

.book-info{
    padding-top:12px;
}

.book-card .btn{
    font-size:16px;
    text-transform:none;
}

.book-card .btn:hover{
    letter-spacing:.08em;
}


/* ===== HERO MÓVIL 3.0 ===== */
@media (max-width:560px){
.hero{
    min-height:840px!important;
}
.hero-art{
    opacity:1!important;
    background-size:cover!important;
    background-position:73% 78%!important;
}
.hero:before{
    background:linear-gradient(180deg,
        rgba(248,237,207,.72) 0%,
        rgba(248,237,207,.34) 34%,
        rgba(248,237,207,.06) 55%,
        transparent 100%)!important;
}
.hero-content{
    position:relative;
    z-index:2;
    padding:24px 0 360px!important;
}
.hero h1{
    font-size:54px!important;
    line-height:.9!important;
}
.hero p{
    max-width:340px;
    line-height:1.7;
}
.hero .btn.secondary{
    display:none!important;
}
}


/* ===== Ajuste móvil Hero v3 ===== */
@media (max-width:560px){

  /* Ocultamos botones en móvil */
  .hero .btn{display:none!important;}

  /* El texto queda arriba para no tapar a Pérez ni a Jara */
  .hero-content{
    padding:28px 0 340px!important;
    max-width:320px;
  }

  /* Más contraste arriba y transparencia abajo */
  .hero:before{
    background:linear-gradient(
      180deg,
      rgba(248,237,207,.92) 0%,
      rgba(248,237,207,.82) 18%,
      rgba(248,237,207,.62) 36%,
      rgba(248,237,207,.28) 52%,
      rgba(248,237,207,.08) 64%,
      transparent 76%)!important;
  }

  /* La composición favorece Catedral, trineo, Pérez y Jara */
  .hero-art{
    background-position:72% 82%!important;
  }

  .hero .eyebrow{
    max-width:260px;
    color:#7d2e20;
  }

  .hero h1{
    max-width:310px;
  }

  .hero p{
    max-width:300px;
    color:#3b281d;
    font-weight:600;
    line-height:1.75;
  }

  /* Sombra elegante para mejorar lectura */
  .hero h1,
  .hero .eyebrow,
  .hero p{
    text-shadow:
      0 2px 3px rgba(255,248,232,.95),
      0 0 18px rgba(255,248,232,.90),
      0 0 32px rgba(255,248,232,.65);
  }
}


/* ===== HERO MÓVIL DEFINITIVO ===== */
@media (max-width:560px){
.hero{min-height:840px!important;}
.hero-art{opacity:1!important;background-size:cover!important;background-position:72% 82%!important;}
.hero:before{background:linear-gradient(180deg,rgba(248,237,207,.94) 0%,rgba(248,237,207,.88) 18%,rgba(248,237,207,.72) 35%,rgba(248,237,207,.34) 55%,rgba(248,237,207,.10) 72%,transparent 100%)!important;}
.hero-content{padding:34px 0 340px!important;max-width:305px;}
.hero h1{max-width:305px;font-size:54px!important;line-height:.9;margin:12px 0 20px;}
.hero .scribble{font-size:22px;display:block;margin-bottom:8px;}
.hero-lead{max-width:290px;font-size:1.18rem;line-height:1.55;color:#2b1a10;font-weight:700;margin-bottom:0;}
.hero-description{display:none;}
.hero .btn{display:none!important;}
.hero h1,.hero .scribble,.hero-lead{text-shadow:0 2px 6px rgba(255,249,238,.98),0 0 18px rgba(255,248,236,.96),0 0 42px rgba(255,248,236,.85);}
}

/* ================================================= */
/* MEJORA INTEGRAL 2026 · capa visual y accesibilidad */
/* ================================================= */

:root{
 --surface:#fffaf0;
 --surface-strong:#fff4dc;
 --focus:#f2c66f;
 --shadow-soft:0 16px 42px rgba(55,30,15,.12);
 --shadow-strong:0 24px 60px rgba(45,22,10,.20);
}

body{
 background:
  radial-gradient(circle at 12% 2%,rgba(255,255,255,.48),transparent 24rem),
  var(--cream);
 text-rendering:optimizeLegibility;
 -webkit-font-smoothing:antialiased;
}

.skip-link{
 position:fixed;
 top:10px;
 left:10px;
 z-index:999;
 padding:11px 16px;
 border-radius:8px;
 background:#fff8e9;
 color:#2e1a0f;
 font-weight:700;
 box-shadow:var(--shadow-strong);
 transform:translateY(-180%);
 transition:transform .18s ease;
}
.skip-link:focus{transform:translateY(0)}

.topbar{
 background:linear-gradient(105deg,rgba(35,18,8,.98),rgba(70,36,16,.98),rgba(35,18,8,.98));
 box-shadow:0 8px 30px rgba(31,14,6,.22);
 backdrop-filter:blur(12px);
}
.brand-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))}
.brand em{letter-spacing:.015em}
.navlinks a{position:relative;transition:color .2s ease}
.navlinks a::after{
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:18px;
 height:1px;
 background:#f5cc72;
 transform:scaleX(0);
 transform-origin:center;
 transition:transform .2s ease;
}
.navlinks a:hover::after,.navlinks a:focus-visible::after{transform:scaleX(1)}
.lang-switch{
 padding:8px 11px;
 border:1px solid rgba(239,198,117,.34);
 border-radius:999px;
 background:rgba(255,255,255,.05);
}
.lang-switch strong{color:#ffd98a}

.btn,.buy-amazon{
 min-height:46px;
 border-radius:12px;
 transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,background .2s ease;
}
.btn:hover,.buy-amazon:hover{box-shadow:0 14px 28px rgba(67,35,17,.22)}
.btn:focus-visible,.buy-amazon:focus-visible,.buy-item summary:focus-visible{
 outline:3px solid var(--focus);
 outline-offset:4px;
}

.book-card,.inside-card,.jara-gallery-card,.press-card,.edition-card{
 border-radius:18px;
}
.book-card{background:linear-gradient(160deg,#fffaf0,#fff4df)}
.book-card::before{border-radius:12px}
.book-card .btn{min-height:auto}
.book-info .mini{line-height:1.35}
.inside-card,.jara-gallery-card{overflow:hidden}
.inside-card p{margin-bottom:4px}
.inside-tag{display:inline-block;margin:0 8px 10px}

.inner-hero{
 background:
  radial-gradient(circle at 82% 12%,rgba(255,255,255,.52),transparent 22rem),
  #f1dfba;
}
.cover{border-radius:18px;box-shadow:var(--shadow-strong)}
.cover img{border-radius:11px}
.crumb a{text-decoration:underline;text-decoration-color:rgba(125,46,32,.32);text-underline-offset:4px}

.buy-accordion{margin-top:30px}
.buy-item{
 border-radius:20px;
 border-color:rgba(184,135,55,.36);
 box-shadow:var(--shadow-soft);
 transition:border-color .2s ease,box-shadow .2s ease;
}
.buy-item[open]{border-color:rgba(125,46,32,.44);box-shadow:0 18px 44px rgba(66,35,17,.15)}
.buy-item summary{
 min-height:76px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 padding:17px 20px;
}
.buy-item summary::after{
 content:"+";
 float:none;
 width:34px;
 height:34px;
 flex:0 0 34px;
 display:grid;
 place-items:center;
 border:1px solid rgba(125,46,32,.35);
 border-radius:50%;
 color:var(--wine);
 font-size:24px;
 line-height:1;
}
.buy-item[open] summary::after{content:"−";transform:none}
.buy-links{padding:0 20px 22px}
.buy-card{
 border-radius:18px;
 background:linear-gradient(165deg,#fffdf8,#fff5e8);
 box-shadow:0 10px 24px rgba(66,35,17,.08);
}
.buy-card.featured{padding-top:34px}
.buy-card.featured::after{content:attr(data-featured-label)}
.buy-info ul{padding-left:20px;color:var(--muted);line-height:1.65}
.buy-amazon{display:flex;align-items:center;justify-content:center}

.seo a,.jara-mission a:not(.btn),.faq a{
 color:var(--wine);
 text-decoration:underline;
 text-decoration-color:rgba(125,46,32,.28);
 text-underline-offset:4px;
}

.status-pill{
 display:inline-flex;
 align-items:center;
 gap:8px;
 margin-bottom:16px;
 padding:8px 13px;
 border:1px solid rgba(184,135,55,.55);
 border-radius:999px;
 background:rgba(255,248,233,.12);
 color:#f2cf86;
 font-size:12px;
 font-weight:700;
 letter-spacing:.12em;
 text-transform:uppercase;
}
.saint-page .inner-hero{background:#2b170d;color:#f6dfae;position:relative;overflow:hidden}
.saint-page .inner-hero::before{
 content:"";
 position:absolute;
 inset:0;
 background:
  linear-gradient(90deg,rgba(36,18,7,.96),rgba(42,21,8,.76),rgba(42,21,8,.28)),
  url("images/hero-2026.webp") center/cover;
 opacity:.72;
}
.saint-page .inner-hero .container{position:relative;z-index:1}
.saint-page .inner-hero h1{color:#f5d58f}
.saint-page .inner-hero p{color:#ecd39d}
.saint-page .crumb,.saint-page .crumb a{color:#e6c985}
.saint-page .saint-card{
 padding:34px;
 border:1px solid rgba(184,135,55,.58);
 border-radius:22px;
 background:rgba(255,248,233,.08);
 box-shadow:var(--shadow-strong);
 backdrop-filter:blur(5px);
}
.saint-page .saint-card .eyebrow{color:#e8c477}
.saint-page .saint-card h2{margin:12px 0 0;color:#f5d58f;font-size:clamp(34px,4vw,50px);font-weight:normal;line-height:.95}
.saint-page .saint-symbol{font-size:72px;line-height:1;margin-bottom:18px}
.saint-page .story-panel{max-width:900px;margin:auto;text-align:center}
.saint-page .story-panel h2{font-size:clamp(44px,6vw,68px);font-weight:normal;line-height:.9;margin:0 0 24px}
.saint-page .story-panel p{font-size:18px;line-height:1.85;color:var(--muted)}
.saint-page .other-stories{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:34px}
.saint-page .other-story{
 padding:28px;
 border:1px solid var(--line);
 border-radius:18px;
 background:var(--surface);
 box-shadow:var(--shadow-soft);
}
.saint-page .other-story h3{font-size:30px;font-weight:normal;margin:0 0 10px}

.error-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}
.error-main{display:grid;place-items:center;padding:80px 0;background:linear-gradient(145deg,#f8edcf,#e7c68f)}
.error-card{
 width:min(760px,calc(100% - 28px));
 padding:54px;
 text-align:center;
 border:1px solid var(--line);
 border-radius:24px;
 background:rgba(255,250,240,.92);
 box-shadow:var(--shadow-strong);
}
.error-code{font-size:clamp(82px,18vw,150px);line-height:.75;color:var(--wine);font-weight:normal;margin:0}
.error-card h1{font-size:clamp(36px,7vw,58px);font-weight:normal;margin:28px 0 14px}
.error-card p{color:var(--muted);line-height:1.75}
.error-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.error-actions .btn{margin:0}

@media(max-width:850px){
 .navlinks a::after{bottom:0}
 .lang-switch{padding:7px 9px}
 .saint-page .other-stories{grid-template-columns:1fr}
 .saint-page .inner-grid{display:flex;flex-direction:column-reverse}
 .saint-page .saint-card{margin-top:34px}
}

@media(max-width:560px){
 .topbar .nav{gap:7px 10px;padding-bottom:8px}
 .brand-logo{width:40px;height:40px}
 .brand-text{line-height:1.08}
 .lang-switch{order:2;margin-left:auto}
 .navlinks{
  order:3;
  gap:8px;
  padding:5px 0 1px;
 }
 .navlinks a{
  padding:8px 11px;
  border:1px solid rgba(239,198,117,.24);
  border-radius:999px;
  background:rgba(255,255,255,.04);
 }
 .navlinks a::after{display:none}
 .buy-item summary{min-height:70px;padding:14px 15px}
 .buy-language-title{font-size:1.15rem}
 .buy-language-subtitle{font-size:.8rem;line-height:1.35}
 .buy-links{padding:0 13px 15px;gap:14px}
 .buy-card{padding:22px 18px}
 .buy-format-title{font-size:1.65rem}
 .saint-page .inner-hero{padding-bottom:68px}
 .saint-page .saint-card{padding:25px}
 .error-card{padding:38px 22px}
 .error-actions{display:grid}
}

@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .hero-art{will-change:auto}
}

/* Cierre editorial 2026: lectura, enlazado interno y pie de página */
:root{--muted:#654933}
#libros,#autor,#contacto,#estado-publicacion,#publication-status,#statut-publication{scroll-margin-top:92px}
.coming-soon .eyebrow{color:#efc878}

.story-links{
 position:relative;
 overflow:hidden;
 padding:90px 0 96px;
 background:
  radial-gradient(circle at 12% 0,rgba(184,135,55,.2),transparent 22rem),
  linear-gradient(145deg,#fff8e9,#f1dfba);
}
.story-links::before{
 content:"✦";
 position:absolute;
 right:8%;
 top:28px;
 color:var(--gold);
 font-size:82px;
 opacity:.16;
 transform:rotate(12deg);
}
.story-links .container{position:relative}
.story-links h2{
 max-width:760px;
 margin:0 0 14px;
 font-size:clamp(42px,5vw,66px);
 font-weight:normal;
 line-height:.92;
}
.story-links .container>p{max-width:650px;margin:0;color:var(--muted);font-size:18px;line-height:1.7}
.story-links ul,.related-stories ul{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:18px;
 margin:36px 0 0;
 padding:0;
 list-style:none;
}
.story-links li,.related-stories li{display:flex;min-width:0}
.story-links li a,.related-stories li a{
 position:relative;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 width:100%;
 min-height:108px;
 padding:24px 54px 24px 24px;
 border:1px solid rgba(125,46,32,.18);
 border-radius:18px;
 background:rgba(255,253,247,.82);
 box-shadow:0 12px 30px rgba(66,35,17,.09);
 color:var(--brown);
 font-size:20px;
 line-height:1.25;
 text-decoration:none;
 transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.story-links li a::after,.related-stories li a::after{
 content:"→";
 position:absolute;
 right:22px;
 color:var(--wine);
 font-size:23px;
 transition:transform .2s ease;
}
.story-links li a:hover,.related-stories li a:hover{
 transform:translateY(-4px);
 border-color:rgba(125,46,32,.44);
 box-shadow:0 18px 36px rgba(66,35,17,.14);
}
.story-links li a:hover::after,.related-stories li a:hover::after{transform:translateX(4px)}

.related-stories{
 padding:82px 0 90px;
 background:
  radial-gradient(circle at 90% 18%,rgba(184,135,55,.16),transparent 24rem),
  #f7ecd6;
}
.jara-page .related-stories{background:#f6ece8}
.related-stories h2{
 max-width:850px;
 margin-bottom:16px;
 font-size:clamp(40px,5vw,58px);
 line-height:.95;
}
.related-stories .container>p{margin-bottom:0}
.related-stories li a{background:#fffaf1;font-size:19px}
.jara-page .related-stories li a{background:#fffaf8}

.heart-story{padding:86px 0;background:#f3e8df!important}
.heart-story .container{
 position:relative;
 max-width:980px;
 padding:46px 52px;
 border:1px solid rgba(125,46,32,.22);
 border-radius:24px;
 background:linear-gradient(145deg,rgba(255,252,248,.92),rgba(249,233,225,.9));
 box-shadow:0 22px 55px rgba(87,43,33,.12);
}
.heart-story .container::after{
 content:"♥";
 position:absolute;
 right:38px;
 top:24px;
 color:rgba(125,46,32,.12);
 font-size:76px;
 line-height:1;
}
.heart-story h2{font-size:clamp(44px,5vw,62px);position:relative;z-index:1}
.heart-story p{position:relative;z-index:1}

.jara-page .jara-mission{
 position:relative;
 overflow:hidden;
 padding:92px 0;
 background:
  radial-gradient(circle at 86% 18%,rgba(230,181,131,.18),transparent 24rem),
  linear-gradient(125deg,#351b17,#702e2b);
 color:#fff5e8;
}
.jara-page .jara-mission::after{
 content:"🐾";
 position:absolute;
 right:7%;
 bottom:-28px;
 font-size:150px;
 opacity:.08;
 transform:rotate(-12deg);
}
.jara-page .jara-mission .container{position:relative;z-index:1}
.jara-page .jara-mission .eyebrow{color:#efc878}
.jara-page .jara-mission h2{max-width:760px;color:#f8dba4;font-size:clamp(44px,5vw,64px)}
.jara-page .jara-mission p{color:#f0ddcf;max-width:940px}
.jara-page .jara-mission strong{color:#ffe1ad}
.jara-page .jara-mission .btn.secondary{
 border-color:#efc878;
 background:#efc878;
 color:#351b17;
 box-shadow:0 12px 28px rgba(0,0,0,.2);
}

.closing-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:24px;
 padding-top:84px;
 padding-bottom:92px;
}
.closing-grid section{
 min-width:0;
 padding:36px 38px;
 border:1px solid rgba(125,46,32,.2);
 border-radius:22px;
 background:rgba(255,250,247,.92);
 box-shadow:0 16px 40px rgba(87,43,33,.1);
}
.closing-grid h2{
 margin:0 0 18px;
 color:var(--wine);
 font-size:clamp(34px,4vw,46px);
 font-weight:normal;
 line-height:1;
}
.closing-grid p,.closing-grid li{color:var(--muted);font-size:17px;line-height:1.7}
.closing-grid ul{margin:0;padding-left:22px}
.closing-grid li+li{margin-top:9px}
.closing-grid a{color:var(--wine);text-decoration:underline;text-decoration-color:rgba(125,46,32,.3);text-underline-offset:4px}

.story-note{
 padding:82px 0!important;
 background:
  radial-gradient(circle at 84% 25%,rgba(239,200,120,.16),transparent 23rem),
  linear-gradient(125deg,#2e190d,#5b2d18)!important;
 color:#f9e3b7;
}
.story-note h2{max-width:800px;color:#f4d28d;font-size:clamp(42px,5vw,60px)}
.story-note p{color:#ecd5a8}
.story-note .btn{background:#d7a14d;color:#2e190d}

.faq-reference{padding:90px 0 98px;background:#f4e5c8}
.faq-reference .container{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:start}
.reference-intro{
 position:sticky;
 top:112px;
 padding:34px;
 border-left:4px solid var(--gold);
 border-radius:0 18px 18px 0;
 background:rgba(255,250,239,.62);
}
.faq-reference .reference-intro h2{font-size:clamp(40px,4.7vw,58px);line-height:.93}
.faq-reference .reference-intro p{font-size:16px;line-height:1.72}
.faq-block>.eyebrow{margin-bottom:12px}
.faq-reference .faq-block>h2{font-size:clamp(42px,5vw,60px);line-height:.93;margin-bottom:28px}
.faq-grid{display:grid;gap:14px}
.faq-item{
 padding:24px 26px;
 border:1px solid rgba(125,46,32,.18);
 border-radius:17px;
 background:#fffaf0;
 box-shadow:0 10px 24px rgba(66,35,17,.07);
}
.faq-item h3{margin:0 0 9px;color:var(--brown);font-size:23px;line-height:1.18}
.faq-item p{margin:0;font-size:16px;line-height:1.68}

.seo.faq:not(.faq-reference){padding:84px 0;background:#f2dfb8}
.seo.faq:not(.faq-reference) .container{max-width:980px}
.seo.faq:not(.faq-reference) h2{font-size:clamp(40px,5vw,56px);margin-top:42px}
.seo.faq:not(.faq-reference) h2:first-child{margin-top:0}
.seo.faq:not(.faq-reference) h3{
 margin:30px 0 8px;
 padding-top:22px;
 border-top:1px solid rgba(125,46,32,.2);
 color:var(--brown);
 font-size:26px;
 line-height:1.2;
}

footer{padding:58px 0 52px;border-top:1px solid rgba(239,200,120,.24)}
.footer{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(300px,.85fr);gap:36px 70px;align-items:start}
.footer>div:first-child{min-width:0}
.footer strong{display:inline-block;margin-bottom:3px;line-height:1.08}
.footer-meta{display:grid;justify-items:end;gap:18px;text-align:right}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 20px}
.footer-nav a{
 color:#f1d49c;
 font-size:13px;
 letter-spacing:.04em;
 text-decoration:underline;
 text-decoration-color:rgba(239,200,120,.25);
 text-underline-offset:5px;
 transition:color .2s ease,text-decoration-color .2s ease;
}
.footer-nav a:hover{color:#fff1ca;text-decoration-color:#efc878}
.footer-meta small{display:block;color:#bfa77d}

@media(max-width:900px){
 .story-links ul,.related-stories ul{grid-template-columns:1fr}
 .story-links li a,.related-stories li a{min-height:82px}
 .closing-grid,.faq-reference .container{grid-template-columns:1fr}
 .reference-intro{position:static}
 .footer{grid-template-columns:1fr;gap:30px}
 .footer-meta{justify-items:start;text-align:left}
 .footer-nav{justify-content:flex-start}
}

@media(max-width:560px){
 .story-links,.related-stories,.heart-story,.jara-page .jara-mission,.faq-reference{padding:68px 0}
 .story-links::before{right:2%;font-size:58px}
 .story-links .container>p,.related-stories .container>p{font-size:16px}
 .story-links ul,.related-stories ul{margin-top:26px}
 .story-links li a,.related-stories li a{padding:20px 50px 20px 20px;font-size:18px}
 .heart-story .container{width:min(92%,1180px);padding:34px 24px}
 .heart-story .container::after{right:18px;font-size:54px}
 .closing-grid{width:min(92%,1180px);padding-top:64px;padding-bottom:70px}
 .closing-grid section{padding:30px 24px}
 .faq-reference .container{gap:38px}
 .reference-intro{padding:27px 23px}
 .faq-item{padding:22px 20px}
 .faq-item h3{font-size:21px}
 footer{padding:48px 0}
 .footer{display:grid}
 .footer strong{font-size:26px}
 .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:14px 20px}
}

@media(max-width:430px){
 .topbar .nav{gap:6px 8px}
 .navlinks{justify-content:space-between;gap:5px;overflow-x:visible}
 .navlinks a{padding:7px 6px;font-size:9px;letter-spacing:.35px;white-space:nowrap}
}

/* Tercer libro oficial y estado editorial de San Nicolás */
@media(max-width:1050px) and (min-width:851px){
 .books{grid-template-columns:repeat(2,minmax(0,1fr))}
 .books .book-card:last-child{grid-column:1/-1;width:min(100%,560px);justify-self:center}
}
.saint-page .saint-cover-card{position:relative;padding:18px;max-width:460px;margin:0 auto}
.saint-page .saint-cover{display:block;width:100%;height:auto;border-radius:12px}
.saint-page .saint-cover-card .status-pill{
 position:absolute;
 z-index:2;
 top:32px;
 left:32px;
 right:32px;
 width:max-content;
 max-width:calc(100% - 64px);
 margin:0;
 background:rgba(36,18,7,.9);
 backdrop-filter:blur(7px);
}
.publication-status .publication-actions{
 margin:28px auto 0;
 padding:22px 26px;
 max-width:720px;
 border:1px solid rgba(184,135,55,.45);
 border-radius:18px;
 background:rgba(184,135,55,.09);
}
.publication-status .publication-actions p{margin:0}
.publication-status .publication-actions p+p{margin-top:12px}
.books .book-card{
 height:100%;
 display:flex;
 flex-direction:column;
}
.books .book-info{
 display:flex;
 flex:1;
 flex-direction:column;
}
.books .book-info .btn{margin-top:auto}
@media(max-width:850px){
 .books{grid-template-columns:1fr}
 .books .book-card:last-child{grid-column:auto;width:100%;justify-self:stretch}
}
@media(max-width:560px){
 .saint-page .saint-cover-card{padding:12px}
 .saint-page .saint-cover-card .status-pill{top:24px;left:24px;right:24px;max-width:calc(100% - 48px);font-size:10px}
 .publication-status .publication-actions{padding:18px}
}