.bc-app{--bc-purple:#713073;--bc-green:#306e39;--bc-cream:#fffaf0;max-width:1440px;margin:20px auto;padding:22px;color:#30313b;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;box-sizing:border-box}.bc-app *{box-sizing:border-box}.bc-hero{background:linear-gradient(115deg,#f6eddb,#fff9ee 60%,#e9f3df);border-radius:30px;min-height:330px;display:flex;align-items:center;padding:20px 36px;gap:32px;overflow:hidden}.bc-mascot{width:220px;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;flex-shrink:0}.bc-mascot img{max-width:100%;max-height:310px;object-fit:contain}.bc-hero-content{flex:1;min-width:0}.bc-kicker{font-size:12px;letter-spacing:.12em;font-weight:800;color:#627f49}.bc-hero h1{font-size:clamp(34px,5vw,66px);line-height:1.1;color:var(--bc-purple);margin:10px 0}.bc-hero p{font-size:clamp(17px,2vw,24px);font-weight:600;color:#65326a;margin:0 0 24px}.bc-search{display:flex;gap:10px;background:#fff;border-radius:20px;padding:10px;box-shadow:0 5px 20px #402b3a1c}.bc-search input{flex:1;min-width:0;padding:14px 16px;border:0!important;box-shadow:none!important;background:transparent!important;font-size:17px}.bc-search button,.bc-filters button{border:0;border-radius:13px;background:var(--bc-purple);color:#fff;padding:12px 25px;font-size:17px;font-weight:700;cursor:pointer}.bc-categories{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.bc-cat{display:flex;flex:1 1 110px;min-height:108px;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:8px;border-radius:20px;background:#e8f2e0;text-decoration:none!important;color:#244b30!important;font-size:34px;box-shadow:0 3px 12px #0000000a}.bc-cat:nth-child(3n){background:#e4effb}.bc-cat:nth-child(4n){background:#f5e6f5}.bc-cat:nth-child(5n){background:#fff0d3}.bc-cat span{font-size:14px;font-weight:750}.bc-cat:hover,.bc-book:hover{transform:translateY(-3px)}.bc-panel{background:#f8f3fc;border-radius:28px;padding:26px}.bc-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.bc-section-head h2{font-size:26px;color:var(--bc-purple);margin:0 0 18px}.bc-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.bc-filters select{min-height:44px;border:1px solid #ded6df;border-radius:10px;padding:8px 12px;background:white;min-width:170px}.bc-filters button{font-size:14px}.bc-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.bc-book{min-width:0;display:flex;flex-direction:column;gap:5px;color:#292b30!important;text-decoration:none!important;transition:transform .15s}.bc-cover{aspect-ratio:3/4;border-radius:10px;background:linear-gradient(150deg,#b2cfa6,#e9e4b3);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;gap:12px;box-shadow:0 4px 12px #00000019}.bc-cover img{width:100%;height:100%;object-fit:cover}.bc-cover-icon{font-size:48px}.bc-cover strong{font-size:15px;line-height:1.25}.bc-book-title{font-size:14px;line-height:1.35;margin-top:6px}.bc-book small{color:#63656b}.bc-state{font-size:12px;color:#7a6775}.bc-state.ok{color:#22753a}.bc-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.bc-pagination a{background:white;padding:8px 13px;border-radius:9px;text-decoration:none}.bc-pagination a.active{background:var(--bc-purple);color:#fff}.bc-footer{text-align:center;padding:28px;color:#687267}.bc-empty{padding:25px}.bc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.bc-detail{background:#fff9ee;border-radius:24px;margin-top:35px}.bc-back{display:inline-block;margin-bottom:25px}.bc-detail-grid{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:45px}.bc-detail-cover{min-height:350px;background:#e8f0dc;border-radius:18px;display:flex;align-items:center;justify-content:center}.bc-detail-cover img{max-width:100%;max-height:470px;object-fit:contain}.bc-detail-cover span{font-size:100px}.bc-detail h1{font-size:clamp(28px,4vw,52px);color:var(--bc-purple);line-height:1.2}.bc-author{font-size:20px;color:#58764c}.bc-description{font-size:17px;line-height:1.7}.bc-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bc-facts div{padding:12px;background:white;border-radius:12px}.bc-facts dt{font-size:12px;color:#777}.bc-facts dd{margin:4px 0;font-weight:700}.bc-demo-warning{padding:12px;background:#fff0d1;border-radius:12px}@media(max-width:1100px){.bc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.bc-app{padding:10px}.bc-hero{flex-direction:column;padding:18px;gap:0;text-align:center}.bc-mascot{width:130px;height:160px;align-self:center}.bc-mascot img{max-height:160px}.bc-search{flex-direction:column}.bc-categories{gap:8px}.bc-cat{flex-basis:90px;min-height:90px;font-size:27px}.bc-panel{padding:16px}.bc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bc-section-head h2{font-size:21px}.bc-detail-grid{grid-template-columns:1fr}.bc-detail-cover{min-height:220px}.bc-facts{grid-template-columns:1fr}}

.bc-copies{margin-top:26px;padding:18px;border-radius:16px;background:#f0f3e9}.bc-copies h2{font-size:23px;color:#713073}.bc-copy-list{display:grid;gap:9px}.bc-copy{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:white;padding:12px;border-radius:10px}.bc-copy span{background:#eee9f4;border-radius:8px;padding:4px 9px;font-size:13px}.bc-copy small{color:#666}
/* v0.2.0 — Portada inspirada en la propuesta aprobada */
.bc-app.bc-v2{--bc-purple:#702575;--bc-green:#25652d;max-width:none!important;width:100%;margin:0 auto;padding:0 24px 34px;font-family:'Trebuchet MS',system-ui,sans-serif;color:#2e2d35;background:linear-gradient(180deg,#fbf4e8 0%,#f9f0e6 80%,#f4e9df 100%)}
.bc-v2 .bc-scene{position:relative;isolation:isolate;min-height:500px;margin:0 -24px 0;background:radial-gradient(ellipse at 55% 16%,#fffdf5 5%,#fff8eb 51%,transparent 83%),linear-gradient(90deg,#e9c99e 0%,#f6e9d3 10%,#fff8eb 21%,#fff8ed 80%,#ecd4ae 91%,#dcb88b 100%);overflow:hidden}
.bc-v2 .bc-scene:before,.bc-v2 .bc-scene:after{content:"";position:absolute;top:0;bottom:0;width:8%;z-index:-1;opacity:.5;background:repeating-linear-gradient(180deg,transparent 0 88px,#b8875c 89px 96px,transparent 97px 175px),repeating-linear-gradient(90deg,#a8b7a0 0 11px,#d6ad83 12px 22px,#b5a0bb 23px 33px,#f4d29b 34px 47px);box-shadow:inset 0 0 30px #8d613f4d}
.bc-v2 .bc-scene:before{left:0}.bc-v2 .bc-scene:after{right:0}
.bc-v2 .bc-scene-inner{position:relative;min-height:500px;padding:35px clamp(22px,3vw,60px) 30px clamp(290px,28vw,455px);display:flex;flex-direction:column;justify-content:flex-end}
.bc-v2 .bc-pepe{position:absolute;left:clamp(35px,8vw,160px);bottom:0;height:clamp(330px,35vw,515px);max-width:27vw;width:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(2px 9px 3px #8b775b22)}
.bc-v2 .bc-welcome{margin:0 0 18px;text-align:center;position:relative;z-index:1}.bc-v2 .bc-eyebrow{margin:0 0 4px;color:#638044;font-size:12px;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.bc-v2 .bc-welcome h1{font-family:'Trebuchet MS',system-ui,sans-serif;font-size:clamp(44px,6.6vw,105px);line-height:1.04;letter-spacing:-.06em;margin:0;font-weight:1000;transform:rotate(-1deg)}.bc-v2 .bc-welcome h1 span{color:#21652c}.bc-v2 .bc-welcome h1 em{font-style:normal;color:#702575}.bc-v2 .bc-intro{font-size:clamp(17px,1.9vw,29px);color:#702575;font-weight:800;margin:10px 0 25px}
.bc-v2 .bc-topnav{position:absolute;right:clamp(22px,2.4vw,40px);top:18px;display:flex;gap:9px;z-index:5}.bc-v2 .bc-navitem{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none!important;color:#353038!important;background:#ffffffdf;border-radius:22px;padding:8px 11px;min-width:76px;box-shadow:0 3px 14px #a68b7521;font-size:12px}.bc-v2 .bc-navicon{font-size:31px;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#eee4f4;color:#702575}.bc-v2 .bc-navitem:first-child .bc-navicon{background:#e1f0d9;color:#23652b}.bc-v2 .bc-navitem:last-child .bc-navicon{background:#fff0ce;color:#aa760d}
.bc-v2 .bc-search{max-width:1100px;margin:0 auto;min-height:86px;align-items:center;border:3px solid #f2eced;border-radius:29px;padding:10px 11px 10px 20px;box-shadow:0 8px 20px #6e536d20}.bc-v2 .bc-search-symbol{font-size:55px;line-height:1;color:#702575}.bc-v2 .bc-search input{font-size:clamp(15px,1.5vw,23px);padding:12px 9px;min-width:0}.bc-v2 .bc-search button{font-size:22px;border-radius:22px;padding:18px 35px;white-space:nowrap}
.bc-v2 .bc-categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0;position:relative;z-index:2}.bc-v2 .bc-cat{min-height:157px;padding:15px 8px;gap:10px;border:4px solid #ffffffcc;border-radius:26px;font-size:17px;font-weight:800;background:#e7f2db!important;box-shadow:0 6px 14px #ae8b5c12}.bc-v2 .bc-cat:nth-child(7n+2){background:#e0eefb!important;color:#18477e!important}.bc-v2 .bc-cat:nth-child(7n+3){background:#fff0d0!important;color:#9b5b10!important}.bc-v2 .bc-cat:nth-child(7n+4){background:#f1e4f7!important;color:#64216f!important}.bc-v2 .bc-cat:nth-child(7n+5){background:#ffe6e4!important;color:#9a2b48!important}.bc-v2 .bc-cat:nth-child(7n+6){background:#e2f4ef!important;color:#155b61!important}.bc-v2 .bc-cat:nth-child(7n+7){background:#ffeaeb!important;color:#a72c4a!important}.bc-v2 .bc-cat-icon{font-size:clamp(33px,4vw,65px);line-height:1.2}.bc-v2 .bc-cat span:last-child{font-size:clamp(12px,1.2vw,19px);line-height:1.15;max-width:140px}
.bc-v2 .bc-home-shelves{display:grid;grid-template-columns:1.55fr 1fr;gap:0;margin:0 -4px}.bc-v2 .bc-showcase{min-width:0;border-radius:29px;padding:22px 25px 25px;background:#f8f1fc}.bc-v2 .bc-new{background:#f0f8eb}.bc-v2 .bc-showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.bc-v2 .bc-showcase-heading h2{margin:0;font-size:clamp(19px,2vw,32px);color:#702575;display:flex;align-items:center;gap:12px}.bc-v2 .bc-new h2{color:#25652d}.bc-v2 .bc-showcase-heading a{white-space:nowrap;color:inherit;text-decoration:none;font-size:15px}.bc-v2 .bc-heading-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:white;font-size:30px}.bc-v2 .bc-showcase-books{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.bc-v2 .bc-new .bc-showcase-books{grid-template-columns:repeat(4,minmax(0,1fr))}.bc-v2 .bc-book{gap:4px}.bc-v2 .bc-book-title{font-size:clamp(12px,1vw,17px);margin-top:6px}.bc-v2 .bc-book small{font-size:11px}.bc-v2 .bc-cover{aspect-ratio:3/4;border:1px solid #ded6d1;border-radius:9px;box-shadow:0 5px 10px #0002;background:linear-gradient(145deg,#e9e3d5,#b7d5ba)}.bc-v2 .bc-cover strong{font-size:clamp(11px,1vw,15px)}
.bc-v2 .bc-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:17px 0}.bc-v2 .bc-shortcuts a{position:relative;min-height:98px;padding:17px 65px 16px 105px;display:flex;flex-direction:column;justify-content:center;text-decoration:none!important;border:4px solid white;border-radius:26px;background:#e2f1ff;color:#174b8a!important}.bc-v2 .bc-shortcuts a:nth-child(2){background:#fff0d1;color:#8c5410!important}.bc-v2 .bc-shortcuts a:nth-child(3){background:#ffe5e8;color:#9b2844!important}.bc-v2 .bc-shortcuts a>span{position:absolute;left:24px;font-size:47px}.bc-v2 .bc-shortcuts strong{font-size:clamp(17px,1.6vw,26px)}.bc-v2 .bc-shortcuts small{font-size:clamp(11px,1vw,15px)}.bc-v2 .bc-shortcuts b{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:#ffffff9c;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:24px}
.bc-v2 .bc-panel{margin:0 auto 25px;max-width:1700px}.bc-v2 .bc-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.bc-v2 .bc-filters{align-items:center}.bc-v2 .bc-filters select{flex:1;min-width:180px}.bc-v2 .bc-filters button{min-height:46px}
@media(min-width:1700px){.bc-v2 .bc-scene-inner{padding-left:clamp(440px,28vw,650px)}.bc-v2 .bc-pepe{max-width:28vw;height:510px}.bc-v2 .bc-scene{min-height:540px}.bc-v2 .bc-scene-inner{min-height:540px}}
@media(max-width:1050px){.bc-v2 .bc-scene-inner{padding-left:230px}.bc-v2 .bc-pepe{left:25px;max-width:210px}.bc-v2 .bc-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.bc-v2 .bc-home-shelves{grid-template-columns:1fr}.bc-v2 .bc-showcase-books{gap:12px}.bc-v2 .bc-shortcuts{grid-template-columns:1fr 1fr}.bc-v2 .bc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.bc-app.bc-v2{padding:0 12px 20px}.bc-v2 .bc-scene{margin:0 -12px}.bc-v2 .bc-scene-inner{padding:100px 15px 18px;min-height:0}.bc-v2 .bc-topnav{top:8px;right:8px;gap:4px}.bc-v2 .bc-navitem{min-width:58px;padding:4px;font-size:10px;border-radius:12px}.bc-v2 .bc-navicon{width:35px;height:35px;font-size:24px}.bc-v2 .bc-pepe{position:relative;left:auto;bottom:auto;height:210px;max-width:100%;margin:0 auto;display:block}.bc-v2 .bc-welcome h1{font-size:clamp(42px,10vw,70px)}.bc-v2 .bc-intro{font-size:16px;margin:10px 0 15px}.bc-v2 .bc-eyebrow{font-size:10px}.bc-v2 .bc-search{min-height:60px;flex-direction:row;gap:2px;padding:5px;border-radius:18px}.bc-v2 .bc-search-symbol{font-size:30px}.bc-v2 .bc-search input{font-size:13px;padding:5px}.bc-v2 .bc-search button{font-size:13px;padding:12px;border-radius:13px}.bc-v2 .bc-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bc-v2 .bc-cat{min-height:98px;padding:8px 3px;border-radius:14px}.bc-v2 .bc-cat-icon{font-size:29px}.bc-v2 .bc-cat span:last-child{font-size:11px}.bc-v2 .bc-showcase{padding:14px;border-radius:18px}.bc-v2 .bc-showcase-heading h2{font-size:19px}.bc-v2 .bc-heading-icon{width:34px;height:34px;font-size:20px}.bc-v2 .bc-showcase-heading a{font-size:12px}.bc-v2 .bc-showcase-books,.bc-v2 .bc-new .bc-showcase-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.bc-v2 .bc-shortcuts{grid-template-columns:1fr;gap:7px}.bc-v2 .bc-shortcuts a{min-height:85px}.bc-v2 .bc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bc-app.bc-v2{width:100vw!important;max-width:none!important;position:relative;left:50%;right:50%;margin-left:-50vw!important;margin-right:-50vw!important}

/* v0.2.1 — Separación y proporciones de los escaparates */
.bc-v2 .bc-home-shelves{
  grid-template-columns:minmax(0,3fr) minmax(0,2fr);
  gap:18px;
  margin:16px 0 0;
  align-items:stretch;
}
.bc-v2 .bc-showcase{height:100%;}
.bc-v2 .bc-showcase-books{gap:12px;}
.bc-v2 .bc-new .bc-showcase-books{gap:10px;}
.bc-v2 .bc-showcase-heading{min-height:52px;}
@media(max-width:1050px){
  .bc-v2 .bc-home-shelves{grid-template-columns:minmax(0,1fr);gap:16px;}
}
@media(max-width:650px){
  .bc-v2 .bc-home-shelves{margin-top:12px;gap:12px;}
  .bc-v2 .bc-showcase-heading{min-height:0;}
}