@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;1,400&display=swap");

.catalog-section{padding:52px 0 58px}
.soft-bg{background:var(--soft)}
.catalog-shell{width:min(1180px,90vw);margin:0 auto}
.catalog-heading{margin-bottom:26px}
.catalog-heading h2{margin:0;font-family:Georgia,serif;font-size:clamp(30px,3vw,44px)}
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 22px;align-items:start}
.catalog-card{text-align:left}
.book-cover{min-height:240px;display:flex;align-items:flex-end;justify-content:center;text-decoration:none}
.book-cover img{width:auto;height:225px;max-width:100%;object-fit:contain}
.featured-grid .book-cover{min-height:280px}
.featured-grid .book-cover img{height:265px}
.featured-grid .catalog-card{transition:transform .3s ease}
.featured-grid .catalog-card:hover{transform:translateY(-4px)}
.featured-grid .book-cover img{filter:drop-shadow(0 16px 14px rgba(50,31,43,.17));transition:filter .3s ease}
.featured-grid .catalog-card:hover .book-cover img{filter:drop-shadow(0 23px 18px rgba(50,31,43,.25))}
.catalog-meta{padding-top:10px}
.catalog-badge{min-height:12px;margin:0 0 5px;color:var(--purple);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.catalog-card h3{margin:0;font-family:Georgia,serif;font-size:18px;line-height:1.12}
.book-sub{margin:4px 0;color:#675C61;font-size:11px}
.book-author{margin:5px 0 0;font-size:12px}
.book-cat{margin:4px 0 0;color:var(--olive);font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.book-desc{font-size:11px;line-height:1.45;color:#62575D}
.book-link{display:inline-block;margin-top:9px;color:var(--purple);font-size:10px;font-weight:800;text-decoration:none}
.affiliate-note{font-size:10px;line-height:1.5;color:#6A6065;margin:30px 0 0}
.arca-block{padding:56px 0 62px;background:var(--purple);color:#fff}
.arca-block h2{margin:0 0 28px;max-width:800px;font-family:Georgia,serif;font-size:clamp(30px,3vw,44px);line-height:1.06}
.arca-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.arca-card{text-align:center}
.arca-card img{width:100%;aspect-ratio:2/3;object-fit:cover}
.arca-card h3{margin:9px 0 3px;font-family:Georgia,serif;font-size:14px}
.arca-card p{margin:0;color:#E9E0E5;font-size:10px}
.arca-card>a:last-child{display:inline-block;margin-top:6px;color:var(--sunshine);font-size:9px;text-decoration:none}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(3,1fr)}.arca-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){
  .catalog-grid{grid-template-columns:repeat(2,1fr);gap:24px 14px}
  .book-cover{min-height:190px}.book-cover img{height:180px}
  .featured-grid .book-cover{min-height:210px}.featured-grid .book-cover img{height:200px}
  .arca-grid{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){.featured-grid .catalog-card,.featured-grid .book-cover img{transition:none}}

/* Libros — intro editorial refinada */
.books-intro{width:min(1180px,90vw);padding:58px 0 46px}
.books-intro h1{max-width:1080px;font-weight:400;font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.025em}
.books-intro h1 span{font-style:normal;font-weight:400}
.books-intro h1 em{font-style:italic;font-weight:400;color:var(--olive)}
.books-intro>p:last-child{margin-top:24px;max-width:820px;font-size:clamp(16px,1.35vw,20px);line-height:1.5;font-weight:400;color:#62575D}

/* Amazon Bestseller popup — coded from approved reference, no logo */
.bestseller-modal[hidden]{display:none}
.bestseller-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:22px;background:rgba(30,24,28,.58);backdrop-filter:blur(6px)}
.bestseller-modal-card{position:relative;width:min(1240px,96vw);max-height:92vh;display:grid;grid-template-columns:46% 54%;overflow:hidden;border-radius:26px;background:#f8f4ec;box-shadow:0 34px 100px rgba(0,0,0,.27)}
.bestseller-modal-close{position:absolute;right:22px;top:16px;z-index:4;width:50px;height:50px;border:0;border-radius:50%;background:rgba(255,255,255,.76);color:#571f48;font:200 44px/1 Arial,sans-serif;cursor:pointer}
.bestseller-portrait{min-height:700px;overflow:hidden;background:#d8d1c8}
.bestseller-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.bestseller-copy{display:flex;flex-direction:column;justify-content:center;padding:66px 58px 54px;color:#2e2a2b}
.bestseller-copy h2{margin:0 0 26px;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,5vw,72px);line-height:1.02;letter-spacing:-.025em}
.bestseller-copy h2 em{font-weight:400;color:#571f48}
.bestseller-lead{margin:0 0 24px;font:400 30px/1.24 Georgia,'Times New Roman',serif;color:#3b3637}
.bestseller-copy>p:not(.bestseller-lead){margin:0 0 30px;font:400 18px/1.48 Arial,sans-serif;color:#4f494b}
.bestseller-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:6px 0 28px;border-top:1px solid #d8d0c6;border-bottom:1px solid #d8d0c6}
.bestseller-pillars>div{padding:18px 18px 20px 0}
.bestseller-pillars>div+div{border-left:1px solid #d0c7bd;padding-left:22px}
.bestseller-pillars strong{display:block;margin-bottom:7px;font:700 14px/1 Arial,sans-serif;letter-spacing:.16em;color:#7b245f}
.bestseller-pillars span{font:400 15px/1.35 Georgia,'Times New Roman',serif;color:#4b4646}
.bestseller-includes{padding-top:0;margin-bottom:28px;font:400 16px/1.42 Georgia,'Times New Roman',serif;color:#4e4948}
.bestseller-cta{display:block;padding:22px 24px;text-align:center;border-radius:13px;background:#7b174f;color:#fff;text-decoration:none;font:700 15px/1.1 Arial,sans-serif;letter-spacing:.22em}
@media(max-width:900px){
  .bestseller-modal-card{grid-template-columns:1fr;overflow:auto}.bestseller-portrait{min-height:300px;max-height:36vh}.bestseller-copy{padding:34px 26px 30px}.bestseller-copy h2{font-size:42px}.bestseller-lead{font-size:24px}.bestseller-pillars{grid-template-columns:1fr}.bestseller-pillars>div+div{border-left:0;border-top:1px solid #d0c7bd;padding-left:0}.bestseller-cta{letter-spacing:.12em}
}

/* Featured books — strict equal alignment */
.featured-grid{align-items:end}
.featured-grid .catalog-card{display:flex;flex-direction:column;align-self:stretch;justify-content:flex-end}
.featured-grid .book-cover{min-height:280px;align-items:flex-end}
.featured-grid .book-cover img{height:265px;width:auto;object-fit:contain}
.featured-grid .catalog-meta{min-height:86px}

/* === Final approved catalog refinements === */
.catalog-heading .eyebrow{font-size:clamp(15px,1.15vw,18px)}

/* Digital-only title mockup: iPad + phone, same visual weight as print books */
.digital-card{display:flex;flex-direction:column;justify-content:flex-end}
.digital-mockup{
  min-height:240px;
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:18px 8px 6px;
}
.tablet-device{
  position:relative;
  width:190px;
  height:260px;
  background:#1f2023;
  border:8px solid #1f2023;
  border-radius:18px;
  box-shadow:0 18px 28px rgba(39,29,34,.16);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tablet-device::before{content:"";position:absolute;top:3px;left:50%;transform:translateX(-50%);width:28px;height:4px;background:#3c3d40;border-radius:99px;z-index:2}
.tablet-device img{width:100%;height:100%;object-fit:contain;background:#111}
.phone-device{
  position:absolute;
  right:12%;
  bottom:8px;
  width:70px;
  height:142px;
  background:#1d1e21;
  border:6px solid #1d1e21;
  border-radius:16px;
  box-shadow:0 12px 22px rgba(39,29,34,.20);
  overflow:hidden;
  z-index:3;
}
.phone-device::before{content:"";position:absolute;top:3px;left:50%;transform:translateX(-50%);width:22px;height:4px;border-radius:99px;background:#3b3b3e;z-index:2}
.phone-device img{width:100%;height:100%;object-fit:cover}

/* Próximamente gets real presence and two balanced items */
.upcoming-large-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;max-width:900px}
.upcoming-card{display:flex;flex-direction:column;justify-content:flex-end}
.upcoming-card .catalog-meta{padding-top:18px}
.upcoming-card h3{font-size:clamp(24px,2.2vw,32px);font-weight:400}
.upcoming-card .book-author{font-size:15px}
.upcoming-card .book-cat{font-size:11px}
.upcoming-digital{min-height:390px;justify-content:flex-start;padding-left:34px}
.upcoming-digital .tablet-device{width:255px;height:350px;border-width:10px}
.upcoming-digital .phone-device{width:88px;height:178px;right:15%;bottom:14px}
.upcoming-book-visual{min-height:390px;display:flex;align-items:flex-end;justify-content:center;padding:12px}
.upcoming-book-visual img{height:350px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(39,29,34,.14))}

/* Keep novedades balanced */
.soft-bg .catalog-grid{align-items:end}
.soft-bg .catalog-card{display:flex;flex-direction:column;justify-content:flex-end;align-self:stretch}
.soft-bg .book-cover,.soft-bg .digital-mockup-row{min-height:260px}
.soft-bg .book-cover img{height:245px}
.soft-bg .digital-mockup-row .tablet-device{width:175px;height:240px}
.soft-bg .digital-mockup-row .phone-device{width:64px;height:132px;right:13%}

@media(max-width:900px){
  .upcoming-large-grid{grid-template-columns:1fr;max-width:560px}
  .upcoming-digital,.upcoming-book-visual{min-height:330px}
  .upcoming-digital .tablet-device{width:220px;height:302px}
  .upcoming-book-visual img{height:300px}
}
.upcoming-section{padding-top:74px;padding-bottom:86px}
.upcoming-section .catalog-heading{margin-bottom:34px}
.upcoming-section .catalog-heading h2{font-size:clamp(42px,4.2vw,62px);font-weight:400}
.upcoming-section .catalog-heading .eyebrow{font-size:clamp(16px,1.25vw,19px)}


/* =====================================================================
   Cierre LIBROS 2026-09-08 — serif ligera, alineación estricta, mockups finos
   ===================================================================== */
:root{--editorial-serif:"Playfair Display","Iowan Old Style","Baskerville",Georgia,serif}
.books-intro h1{font-family:var(--editorial-serif)!important;font-weight:400!important;font-size:clamp(48px,4.6vw,72px)!important;letter-spacing:-.035em!important;line-height:1.02!important}
.books-intro h1 span{font-weight:400!important}.books-intro h1 em{font-weight:400!important;color:var(--olive)!important}
.books-intro>p:last-child{font-size:17px!important;line-height:1.5!important}
.catalog-heading h2{font-family:var(--editorial-serif)!important;font-weight:400!important;letter-spacing:-.025em!important}
.catalog-card h3,.catalog-meta h3{font-family:var(--editorial-serif)!important;font-weight:400!important}

/* destacados sin zigzag, mismo baseline/tamaño */
.featured-grid{align-items:start!important}
.featured-grid .catalog-card{justify-content:flex-start!important;align-self:stretch!important}
.featured-grid .book-cover{height:315px!important;min-height:315px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
.featured-grid .book-cover img{height:285px!important;width:auto!important;max-width:100%!important;object-fit:contain!important}
.featured-grid .catalog-meta{min-height:105px!important;padding-top:18px!important}
.featured-grid .catalog-meta h3{font-size:25px!important;line-height:1.08!important}

/* Novedades: todos con el mismo peso visual */
.soft-bg .catalog-grid{align-items:start!important}
.soft-bg .catalog-card{justify-content:flex-start!important}
.soft-bg .book-cover,.soft-bg .digital-mockup-row{height:300px!important;min-height:300px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
.soft-bg .book-cover img{height:270px!important;width:auto!important;object-fit:contain!important}
.digital-mockup.digital-clean{position:relative!important;padding:20px 24px 12px!important;overflow:visible!important}
.digital-clean .tablet-device{width:195px!important;height:267px!important;border:6px solid #242528!important;border-radius:17px!important;background:#242528!important;box-shadow:0 14px 24px rgba(32,25,29,.15)!important}
.digital-clean .tablet-device img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important}
.digital-clean .phone-device{width:62px!important;height:126px!important;border:5px solid #242528!important;border-radius:13px!important;right:8%!important;bottom:10px!important}
.digital-clean .phone-device img{object-fit:contain!important;background:#fff!important}

/* Próximamente: dos títulos visibles, no miniatura perdida */
.upcoming-section{padding:78px 0 92px!important}
.upcoming-section .catalog-heading h2{font-size:clamp(48px,4.4vw,68px)!important}
.upcoming-large-grid{max-width:880px!important;gap:70px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.upcoming-digital,.upcoming-book-visual{height:360px!important;min-height:360px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
.upcoming-digital .tablet-device{width:220px!important;height:302px!important}
.upcoming-digital .phone-device{width:70px!important;height:142px!important;right:12%!important}
.upcoming-book-visual img{height:310px!important;width:auto!important;object-fit:contain!important}
.upcoming-card .catalog-meta h3{font-size:28px!important;font-weight:400!important}

/* Popup Bestseller: serif editorial ligera */
.bestseller-copy h2,.bestseller-lead,.bestseller-pillars span,.bestseller-includes{font-family:var(--editorial-serif)!important;font-weight:400!important}
.bestseller-copy h2{font-size:clamp(46px,4.7vw,68px)!important}.bestseller-lead{font-size:27px!important}

@media(max-width:760px){
 .featured-grid .book-cover,.soft-bg .book-cover,.soft-bg .digital-mockup-row{height:270px!important;min-height:270px!important}
 .featured-grid .book-cover img,.soft-bg .book-cover img{height:245px!important}
 .upcoming-large-grid{grid-template-columns:1fr!important;max-width:520px!important}
}

/* ===== LIBROS TIPOGRAFÍA FINAL 2026-09-09 ===== */
.catalog-page h1,.catalog-page h2,.catalog-page h3,.catalog-hero h1,.catalog-section h2,.book-card h3{
  font-family:var(--editorial-serif)!important;font-weight:400!important;letter-spacing:-.02em!important;
}
.catalog-page h1 em,.catalog-page h2 em,.catalog-hero h1 em,.catalog-section h2 em{font-weight:400!important;font-style:italic;}
.eyebrow,.section-label{font-size:clamp(13px,.95vw,16px)!important;letter-spacing:.17em!important;font-weight:600!important;}
.bestseller-modal[hidden]{display:none!important;}
.bestseller-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:rgba(25,20,23,.60);backdrop-filter:blur(5px);}
.bestseller-popup-art{position:relative;width:min(92vw,1180px);line-height:0;box-shadow:0 30px 90px rgba(0,0,0,.25);}
.bestseller-popup-art>img{display:block;width:100%;height:auto;}
.bestseller-close{position:absolute;right:1.35%;top:1.5%;width:48px;height:48px;border:1px solid rgba(50,44,46,.14);border-radius:50%;background:rgba(255,255,255,.92);color:#2f292b;font-family:Arial,sans-serif;font-size:34px;font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.12);z-index:3;padding:0;}
.bestseller-close:hover{background:#fff;transform:scale(1.03);}
@media(max-width:640px){.bestseller-close{width:38px;height:38px;font-size:28px;right:10px;top:10px;}}
.bestseller-cta{position:absolute;left:38.2%;top:84.7%;width:44%;height:9%;display:block;}


/* === Ajustes finales de publicación 2026-09-09 === */
.upcoming-large-grid{max-width:980px!important;gap:72px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;}
.upcoming-card{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}
.upcoming-book-visual{height:460px!important;min-height:460px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:10px 8px 0!important;}
.upcoming-book-visual img{height:400px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;filter:drop-shadow(0 18px 22px rgba(39,29,34,.14))!important;}
.upcoming-card .catalog-meta{padding-top:22px!important;}
.upcoming-card .catalog-meta h3{font-size:31px!important;line-height:1.04!important;}
@media(max-width:760px){.upcoming-large-grid{grid-template-columns:1fr!important;max-width:520px!important;gap:38px!important;}.upcoming-book-visual{height:360px!important;min-height:360px!important;}.upcoming-book-visual img{height:315px!important;}}


/* FINAL FIXES 2026-09-09 late */
.bestseller-modal-art .bestseller-cta{position:absolute;left:38.2%;top:84.7%;width:44%;height:9%;display:block;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;color:transparent!important;font-size:0!important;line-height:0!important;box-shadow:none!important;}
.bestseller-modal-art .bestseller-cta::before,.bestseller-modal-art .bestseller-cta::after{content:none!important;}


/* QA FIX 2026-09-09 — Bestseller popup CTA cleanup */
.bestseller-popup-art{overflow:hidden;}
.bestseller-modal-art .bestseller-cta,.bestseller-modal-art .bestseller-cta:hover,.bestseller-modal-art .bestseller-cta:focus,.bestseller-modal-art .bestseller-cta:active{
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;color:transparent!important;font-size:0!important;line-height:0!important;padding:0!important;
}