:root{
 --ink:#28222c;--muted:#706777;--violet:#6d3ba4;--violet2:#9a67c8;--cream:#fffaf1;
 --gold:#f0b53f;--coral:#ef715a;--olive:#66853f;--rose:#f7cbd8;--line:rgba(59,38,65,.10);
 --shadow:0 18px 52px rgba(69,42,82,.13);--softshadow:0 10px 30px rgba(69,42,82,.08);
 --r:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fffdf9;line-height:1.55}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.06;letter-spacing:-.025em;margin:0 0 .55em}
h1{font-size:clamp(2.65rem,6vw,6rem)}
h2{font-size:clamp(2rem,4vw,4rem)}
h3{font-size:clamp(1.35rem,2vw,1.9rem)}
p{margin:0 0 1.15em}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.eyebrow,.section-title>span,.pill{font-weight:850;letter-spacing:.115em;font-size:.77rem;text-transform:uppercase;color:var(--violet)}
.light{color:#ffe1a0}
.topbar{height:72px;position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,4vw);background:rgba(255,253,249,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:850}
.brand img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.desktop-nav{display:flex;align-items:center;gap:24px;font-weight:700;font-size:.92rem}
.desktop-nav a{padding:9px 2px;border-bottom:2px solid transparent}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--violet);border-color:var(--violet)}
.more-btn{display:none;border:0;background:transparent;font-size:1.5rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;font-weight:850;border:1px solid transparent;cursor:pointer;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.primary{background:var(--violet);color:#fff;box-shadow:0 10px 28px rgba(109,59,164,.22)}
.soft{background:#fff;border-color:rgba(109,59,164,.20);color:var(--violet)}
.lightbtn{background:#fff;color:var(--violet)}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.home-hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:56px max(22px,6vw) 70px;background:
 radial-gradient(circle at 8% 12%,rgba(240,181,63,.24),transparent 34%),
 radial-gradient(circle at 94% 26%,rgba(154,103,200,.18),transparent 30%),#fffdf9}
.hero-copy em{color:var(--violet);font-style:normal}
.hero-copy p{font-size:clamp(1.06rem,1.5vw,1.3rem);color:var(--muted);max-width:680px}
.magic-frame{position:relative;max-width:620px;margin-left:auto}
.magic-frame img{border-radius:42px;box-shadow:var(--shadow);width:100%;aspect-ratio:4/5;object-fit:cover}
.magic-quote{position:absolute;left:-36px;bottom:26px;background:rgba(255,255,255,.94);padding:16px 18px;border-radius:18px;max-width:285px;box-shadow:var(--shadow);font-family:Georgia,serif;font-size:1.12rem;color:#5a416a}
.quick-paths{padding:92px 0}
.section-title{max-width:850px;margin-bottom:40px}
.section-title.compact{margin-bottom:28px}
.path-grid{display:grid;grid-template-columns:1.08fr .96fr .96fr;gap:20px}
.path-card{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:#fff;box-shadow:var(--softshadow);transition:.22s;overflow:hidden}
.path-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.path-card p{color:var(--muted)}
.path-card b{color:var(--violet)}
.cover-stack{height:230px;position:relative;margin-bottom:18px}
.cover-stack img{position:absolute;width:150px;height:210px;object-fit:cover;border-radius:10px;box-shadow:0 8px 20px rgba(40,25,50,.17)}
.cover-stack img:nth-child(1){left:4%;transform:rotate(-7deg)}
.cover-stack img:nth-child(2){left:32%;z-index:2;transform:rotate(1deg)}
.cover-stack img:nth-child(3){right:4%;transform:rotate(7deg)}
.path-feature{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;margin-bottom:18px}
.heart-strip{display:grid;grid-template-columns:.9fr 1.1fr;background:#3d2a50;color:#fff;min-height:660px}
.heart-strip img{width:100%;height:100%;object-fit:cover}
.heart-strip>div{padding:80px max(26px,7vw);align-self:center}
.heart-strip p{color:#e7dfeb;font-size:1.08rem}
.featured-books{padding:90px 0}
.snap-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,190px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px}
.snap-row::-webkit-scrollbar{height:8px}.snap-row::-webkit-scrollbar-thumb{background:#d9c9e4;border-radius:99px}
.mini-book{scroll-snap-align:start}
.mini-book img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;box-shadow:var(--softshadow);margin-bottom:10px}
.mini-book strong{font-size:.93rem}
.page-hero{min-height:480px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:52px max(22px,6vw);background:#f5ecff}
.page-hero>div{max-width:720px}
.page-hero p{color:var(--muted);font-size:1.1rem}
.page-hero img{width:100%;height:390px;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}
.small-hero{background:#fff6de}
.learn-hero{background:#edf9fb}
.learn-hero img{object-fit:contain;background:#fff}
.resources-hero{background:#f7efff}
.story-list{padding:72px 0}
.story-card{display:grid;grid-template-columns:280px 1fr;gap:38px;padding:28px;border:1px solid var(--line);border-radius:30px;background:#fff;margin-bottom:26px;box-shadow:var(--softshadow);scroll-margin-top:90px}
.story-cover{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;box-shadow:0 12px 28px rgba(50,30,60,.13)}
.story-info{align-self:center}
.story-info p{color:var(--muted);font-size:1.04rem}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.tag-row span{background:#f6effb;color:#6d3ba4;padding:7px 10px;border-radius:999px;font-size:.82rem;font-weight:750}
details{border-top:1px solid var(--line);margin:18px 0;padding-top:14px}
summary{cursor:pointer;font-weight:800;color:var(--violet)}
details p{padding-top:12px}
.next-panel{margin-bottom:80px;padding:34px;border-radius:28px;background:#fff1d3;display:flex;align-items:center;justify-content:space-between;gap:30px}
.learn-block{padding:78px 0;scroll-margin-top:90px}
.learn-block+ .learn-block{border-top:1px solid var(--line)}
.learn-main{display:grid;grid-template-columns:340px 1fr;gap:46px;align-items:center}
.learn-main.reverse{grid-template-columns:340px 1fr}
.learn-cover{width:100%;border-radius:24px;box-shadow:var(--shadow)}
.learn-copy p{color:var(--muted);font-size:1.08rem}
.checklist{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;padding:0;margin:18px 0 26px;list-style:none}
.checklist li:before{content:"✓";color:var(--olive);font-weight:900;margin-right:8px}
.visual-sampler{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,290px);gap:14px;overflow-x:auto;padding:28px 2px 10px;scroll-snap-type:x mandatory}
.visual-sampler img{scroll-snap-align:start;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;border:1px solid var(--line)}
.resources-shell{padding:60px 0 90px}
.tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;position:sticky;top:72px;background:#fffdf9;z-index:50}
.tab{border:1px solid var(--line);background:#fff;padding:10px 16px;border-radius:999px;font-weight:800;white-space:nowrap;cursor:pointer}
.tab.active{background:var(--violet);color:white}
.tab-panel{display:none;padding-top:20px}.tab-panel.active{display:block}
.diploma-builder{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:30px;padding:24px;box-shadow:var(--softshadow)}
.diploma-preview{background:#f7f1fa;border-radius:20px;padding:10px}
#diplomaCanvas{display:block;width:100%;height:auto;border-radius:14px}
.builder-controls label{display:block;font-weight:800;margin-top:16px;margin-bottom:6px}
.builder-controls input{width:100%;padding:13px 14px;border:1px solid #d8cce0;border-radius:12px;margin-bottom:12px}
.builder-controls small{display:block;color:var(--muted);margin-top:10px}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.resource-item{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--softshadow)}
.resource-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;margin-bottom:14px}
.promo-grid .resource-item img{aspect-ratio:16/10}
.resource-item p{color:var(--muted);font-size:.94rem}
.textlink{font-weight:850;color:var(--violet)}
.note{padding:18px 20px;background:#fff3d8;border-radius:14px;margin-top:18px;color:#675c58}
.universe-hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}
.universe-half{position:relative;overflow:hidden}
.universe-half:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(20,12,22,.72))}
.universe-half img{width:100%;height:100%;object-fit:cover}
.universe-half>div{position:absolute;left:36px;right:36px;bottom:34px;z-index:2;color:#fff}
.universe-half>div span{font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.universe-half h1{font-size:clamp(2.2rem,4vw,4.6rem)}
.origin{padding:90px 0}
.origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.origin-grid article{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line)}
.origin-grid p{color:var(--muted)}
.magic-gallery{padding-bottom:90px}
.masonry-lite{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.masonry-lite img{width:100%;height:380px;object-fit:cover;border-radius:20px}
.masonry-lite img:nth-child(2),.masonry-lite img:nth-child(5){height:310px}
.symbol-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center;padding:70px max(22px,8vw);background:#f6effb}
.symbol-strip img{max-height:280px;object-fit:contain;mix-blend-mode:multiply}
.author-hero{padding:40px max(20px,5vw);background:#f1f8fa}
.author-hero img{width:min(1200px,100%);margin:auto;border-radius:30px;box-shadow:var(--softshadow)}
.author-content{padding:78px 0 90px}
.author-intro{max-width:820px}.lead{font-size:1.18rem;color:#554b5b}
.author-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0}
.author-facts div{padding:20px;background:#f7f1fa;border-radius:18px}
.author-facts b,.author-facts span{display:block}.author-facts span{color:var(--muted);margin-top:8px}
.bio-details{max-width:900px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}
.bio-details summary{border:0}
.bio-long{padding-top:8px;color:var(--muted)}
.author-quote{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,3rem);max-width:900px;margin:48px 0 0;color:var(--violet)}
.footer{padding:48px max(20px,5vw) 76px;background:#231a29;color:#eee6f2;display:grid;grid-template-columns:1fr auto;gap:24px}
.footer-brand{display:flex;flex-direction:column}.footer-brand span{color:#b9adbf}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer small{grid-column:1/-1;color:#988ba0}
.mobile-bottom{display:none}
.sheet-backdrop{display:none;position:fixed;inset:0;background:rgba(25,15,28,.38);z-index:90}
.menu-sheet{position:fixed;right:14px;bottom:14px;z-index:100;width:min(330px,calc(100% - 28px));background:white;border-radius:24px;box-shadow:var(--shadow);padding:12px;transform:translateY(calc(100% + 40px));transition:.25s}
.menu-sheet.open{transform:translateY(0)}.sheet-backdrop.open{display:block}
.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 6px}.sheet-head button{border:0;background:#f3edf6;border-radius:50%;width:34px;height:34px;font-size:1.3rem}
.menu-sheet>a{display:block;padding:13px 12px;border-radius:12px;font-weight:750}.menu-sheet>a:hover{background:#f6effb}
@media(max-width:980px){
 .desktop-nav{display:none}.more-btn{display:block}
 .home-hero,.page-hero{grid-template-columns:1fr}
 .home-hero{min-height:auto}.magic-frame{margin:auto}
 .path-grid{grid-template-columns:1fr 1fr}.path-card.story{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}
 .heart-strip{grid-template-columns:1fr}.heart-strip img{max-height:560px}
 .learn-main,.learn-main.reverse{grid-template-columns:280px 1fr}
 .resource-grid{grid-template-columns:repeat(2,1fr)}
 .diploma-builder{grid-template-columns:1fr}
 .universe-hero{min-height:560px}
 .masonry-lite{grid-template-columns:repeat(2,1fr)}
 .author-facts{grid-template-columns:1fr}
}
@media(max-width:720px){
 body{padding-bottom:74px}
 .topbar{height:58px;padding:0 14px}.brand img{width:32px;height:32px}.brand span{font-size:.88rem}
 .mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:85;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:7px 6px calc(7px + env(safe-area-inset-bottom))}
 .mobile-bottom a,.mobile-bottom button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.68rem;color:#786e7d;padding:0}
 .mobile-bottom span{font-size:1.2rem;line-height:1}.mobile-bottom a.active{color:var(--violet);font-weight:850}
 .home-hero{padding:38px 18px 52px;gap:30px}
 h1{font-size:clamp(2.7rem,13vw,4.3rem)}
 .hero-copy p{font-size:1.05rem}.actions .btn{width:100%}
 .magic-frame img{border-radius:28px}.magic-quote{position:relative;left:auto;bottom:auto;margin:-20px 14px 0}
 .quick-paths{padding:64px 0}.wrap{width:min(100% - 28px,1180px)}
 .path-grid{grid-template-columns:1fr}.path-card.story{grid-column:auto;display:block}
 .cover-stack{height:205px}
 .heart-strip{min-height:0}.heart-strip>div{padding:54px 20px}.heart-strip img{max-height:440px}
 .featured-books{padding:64px 0}.snap-row{grid-auto-columns:150px}
 .page-hero{padding:34px 18px 48px;gap:24px;min-height:0}.page-hero img{height:300px;border-radius:22px}
 .story-list{padding:52px 0}.story-card{grid-template-columns:115px 1fr;gap:17px;padding:16px;border-radius:22px}
 .story-info h2{font-size:1.55rem}.story-info .eyebrow{font-size:.65rem}.story-info p{font-size:.93rem}
 .story-info details{grid-column:1/-1}.story-info .actions{grid-column:1/-1}
 .story-info .actions .btn{width:auto;font-size:.82rem;min-height:42px;padding:9px 13px}
 .tag-row{display:none}.next-panel{flex-direction:column;align-items:flex-start;margin-bottom:62px}
 .learn-block{padding:58px 0}.learn-main,.learn-main.reverse{grid-template-columns:120px 1fr;gap:18px;align-items:start}
 .learn-copy h2{font-size:1.65rem}.learn-copy p{font-size:.93rem}.checklist{grid-template-columns:1fr;font-size:.88rem;margin:12px 0 18px}
 .learn-copy .actions .btn{font-size:.82rem;min-height:42px;padding:8px 12px}.visual-sampler{grid-auto-columns:78vw;padding-top:20px}
 .resources-shell{padding:36px 0 70px}.tabs{top:58px;padding-top:8px}.resource-grid{grid-template-columns:1fr}.diploma-builder{padding:14px}
 .universe-hero{grid-template-columns:1fr;min-height:auto}.universe-half{height:54vh}.universe-half>div{left:22px;right:22px;bottom:22px}
 .origin{padding:60px 0}.origin-grid{grid-template-columns:1fr}.masonry-lite{display:grid;grid-auto-flow:column;grid-auto-columns:82vw;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory}
 .masonry-lite img,.masonry-lite img:nth-child(2),.masonry-lite img:nth-child(5){height:72vw;scroll-snap-align:center}
 .symbol-strip{grid-template-columns:1fr;padding:52px 20px;gap:16px}.symbol-strip img{max-height:160px}
 .author-hero{padding:18px}.author-hero img{border-radius:20px}.author-content{padding:55px 0 70px}.author-quote{font-size:1.9rem}
 .footer{grid-template-columns:1fr;padding:42px 20px 94px}.footer-links{gap:11px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* V3.1 — jerarquía de dos colecciones, submenús y portadas completas */
.desktop-nav>a.active{color:var(--violet);border-color:var(--violet)}
.desktop-nav details{border:0;margin:0;padding:0;position:relative}
.desktop-nav details summary{list-style:none;cursor:pointer;padding:9px 2px;border-bottom:2px solid transparent;font-weight:700;color:var(--ink)}
.desktop-nav details summary::-webkit-details-marker{display:none}
.desktop-nav details summary:after{content:"⌄";font-size:.75rem;margin-left:5px;color:#8a7b90}
.desktop-nav details.is-active summary,.desktop-nav details[open] summary{color:var(--violet);border-color:var(--violet)}
.dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:300px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);z-index:120}
.dropdown-menu a{display:block;padding:11px 12px;border-radius:12px;border:0!important}
.dropdown-menu a:hover{background:#f7f1fa;color:var(--violet)}
.dropdown-menu b,.dropdown-menu small{display:block}.dropdown-menu small{font-weight:500;color:var(--muted);margin-top:2px}
.sheet-group{padding:8px 4px;border-top:1px solid var(--line)}.sheet-group:first-of-type{border-top:0}
.sheet-group>span{display:block;padding:6px 8px 3px;font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:var(--violet)}
.sheet-group>a{display:block;padding:10px 9px;border-radius:10px;font-weight:750}.sheet-group>a:hover{background:#f6effb}
.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.collection-card{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:#fff;box-shadow:var(--softshadow);transition:.22s;overflow:hidden}
.collection-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.collection-card p{color:var(--muted)}.collection-card b{color:var(--violet)}
.home-utilities{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.home-utilities>a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:17px 18px;border:1px solid var(--line);border-radius:20px;background:#fff}
.home-utilities>a>span{font-size:1.45rem}.home-utilities b,.home-utilities small{display:block}.home-utilities small{color:var(--muted);margin-top:2px}.home-utilities strong{color:var(--violet)}
.page-subnav{display:flex;gap:8px;overflow-x:auto;padding:14px 0;position:sticky;top:72px;z-index:55;background:rgba(255,253,249,.96);backdrop-filter:blur(12px)}
.page-subnav a{white-space:nowrap;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.84rem;font-weight:800;color:var(--violet)}
.collections-section{padding:74px 0 90px}
.inline-light{display:inline-block;color:#fff;font-weight:800;margin-top:4px;border-bottom:1px solid rgba(255,255,255,.6)}
.angelines-hero{background:#f7efff}.angelines-hero img{object-position:center 35%}
.story-page{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;padding-top:78px;padding-bottom:78px;border-bottom:1px solid var(--line)}
.story-page.alt{grid-template-columns:.95fr 1.05fr}.story-page img{width:100%;max-height:600px;object-fit:cover;border-radius:28px;box-shadow:var(--softshadow)}
.story-page-copy{max-width:700px}.story-page-copy p{color:var(--muted);font-size:1.06rem}
.legacy-panel{background:#3d2a50;color:#fff}.legacy-inner{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:center;padding-top:72px;padding-bottom:72px}.legacy-inner img{max-height:280px;object-fit:contain;mix-blend-mode:screen}.legacy-inner p{color:#e8deed;font-size:1.08rem}
.diploma-request-cta{display:flex;justify-content:space-between;gap:28px;align-items:center;margin:24px 0 4px;padding:24px;border-radius:22px;background:#fff3d8}.diploma-request-cta p{color:var(--muted);margin-bottom:0}
.contact-hero{background:#fff6de}.contact-hero img{object-fit:contain;background:#fff}
.contact-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;padding-top:72px;padding-bottom:76px}.contact-copy{align-self:start;position:sticky;top:105px}.contact-copy p{color:var(--muted)}
.contact-tip{padding:18px;border-radius:18px;background:#f7f1fa}.contact-tip b,.contact-tip span{display:block}.contact-tip span{color:var(--muted);margin:5px 0 8px}
.request-form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--softshadow)}
.request-form label{display:block;font-weight:800;margin:12px 0 6px}.request-form input,.request-form select,.request-form textarea{width:100%;border:1px solid #d8cce0;border-radius:12px;padding:12px 13px;background:#fff;font:inherit}.request-form textarea{resize:vertical}
.request-result{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.request-result small{display:block;margin-top:10px;color:var(--muted)}
.general-contact{margin-bottom:86px;padding:30px;border-radius:28px;background:#edf9fb;display:flex;gap:26px;align-items:center;justify-content:space-between}.general-contact p{margin-bottom:0;color:var(--muted)}
/* Never crop book covers: the coloured outer border is part of the design. */
.cover-stack img,.mini-book img,.story-cover,.learn-cover{object-fit:contain!important;background:#fff}
.story-cover{padding:3px}.mini-book img{padding:2px}.learn-cover{padding:3px}

@media(max-width:980px){
 .collection-grid{grid-template-columns:1fr 1fr}
 .contact-shell{grid-template-columns:1fr}.contact-copy{position:static}
 .story-page,.story-page.alt{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .page-subnav{top:58px;margin-left:0;margin-right:0;width:100%;padding:9px 14px}.page-subnav a{font-size:.75rem;padding:8px 11px}
 .collection-grid,.home-utilities{grid-template-columns:1fr}
 .home-utilities>a{grid-template-columns:auto 1fr}.home-utilities>a>strong{grid-column:2}
 .collections-section{padding:55px 0 65px}
 .story-page,.story-page.alt{grid-template-columns:1fr;padding-top:54px;padding-bottom:54px;gap:24px}.story-page.alt img{order:2}.story-page.alt .story-page-copy{order:1}
 .story-page img{max-height:460px}.legacy-inner{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px;gap:22px}.legacy-inner img{max-height:150px}
 .diploma-request-cta,.general-contact{flex-direction:column;align-items:flex-start}.diploma-request-cta .btn,.general-contact .btn{width:100%}
 .contact-shell{padding-top:50px;padding-bottom:56px}.request-form{padding:17px}
 .cover-stack img{object-fit:contain!important}.story-cover{object-fit:contain!important}
}


/* V3.2 — guía “¿Qué libro elegir?” */
.choose-teaser{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;padding:48px 0 64px}
.choose-teaser-copy{padding:28px;border-radius:28px;background:linear-gradient(135deg,#fff3d8,#f7efff)}
.choose-teaser-copy p{color:var(--muted);max-width:620px}.choose-teaser-copy h2{font-size:clamp(2rem,3.6vw,3.4rem)}
.choose-chip-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.choose-chip-row a{min-height:94px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:18px;display:flex;align-items:center;gap:12px;box-shadow:var(--softshadow);font-weight:850}
.choose-chip-row a:first-child{grid-column:1/-1}.choose-chip-row a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.choose-chip-row a>span:first-of-type{font-size:1.7rem}.choose-chip-row span{display:block}
.chooser-hero{background:linear-gradient(135deg,#fff7df,#f5eefb)}.chooser-hero img{object-fit:cover;object-position:center 55%}
.chooser-wrap{padding:70px 0 90px}.need-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0 28px}
.need-btn{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px 14px;text-align:left;cursor:pointer;color:var(--ink);display:flex;align-items:center;gap:9px;font:inherit;box-shadow:0 6px 18px rgba(69,42,82,.05);transition:.2s}
.need-btn span{font-size:1.35rem}.need-btn b{font-size:.9rem;line-height:1.15}.need-btn:hover,.need-btn.active{border-color:#a77ac9;background:#f8f1fb;color:var(--violet);transform:translateY(-2px)}
.book-match{display:grid;grid-template-columns:minmax(210px,.62fr) 1.38fr;gap:34px;align-items:center;border:1px solid var(--line);border-radius:30px;background:#fff;padding:28px;box-shadow:var(--shadow)}
.book-match-cover{min-height:410px;border-radius:24px;background:#fbf8f2;padding:16px;display:flex;align-items:center;justify-content:center}
.book-match-cover img{width:100%;height:100%;max-height:450px;object-fit:contain!important;background:#fff;border-radius:12px}
.book-match-copy p{color:var(--muted);font-size:1.06rem;max-width:720px}.pick-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}.pick-tags span{padding:7px 11px;border-radius:999px;background:#f5eff9;color:#6d3ba4;font-size:.8rem;font-weight:800}
.chooser-note{margin-top:22px;border-radius:22px;background:#edf9fb;padding:22px 24px}.chooser-note p{margin:.3em 0 0;color:var(--muted)}
@media(max-width:980px){.need-selector{grid-template-columns:repeat(3,1fr)}.book-match{grid-template-columns:220px 1fr}.choose-teaser{grid-template-columns:1fr}}
@media(max-width:720px){.choose-teaser{padding:40px 0 50px;gap:18px}.choose-teaser-copy{padding:22px}.choose-chip-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px}.choose-chip-row a,.choose-chip-row a:first-child{min-width:72vw;grid-column:auto;scroll-snap-align:start}.chooser-wrap{padding:50px 0 70px}.need-selector{display:flex;overflow-x:auto;gap:8px;margin:18px -14px 22px;padding:0 14px 10px;scroll-snap-type:x mandatory}.need-btn{min-width:55vw;scroll-snap-align:center}.book-match{grid-template-columns:1fr;padding:18px;gap:20px}.book-match-cover{min-height:0;padding:10px}.book-match-cover img{max-height:430px}.book-match-copy h2{font-size:1.85rem}}

/* V3.3 — presentación editorial: usar portadas reales, no banners promocionales sintéticos */
.learn-cover-pair{min-height:290px;display:flex;align-items:center;justify-content:center;gap:18px;padding:18px;margin-bottom:18px;border-radius:20px;background:#faf6ee;overflow:hidden}
.learn-cover-pair img{width:min(43%,190px);height:255px;object-fit:contain!important;background:#fff;border-radius:10px;box-shadow:0 12px 28px rgba(40,25,50,.14)}
.learn-cover-pair img:first-child{transform:rotate(-3deg)}.learn-cover-pair img:last-child{transform:rotate(3deg)}
.learn-hero-covers{height:390px;display:flex;align-items:center;justify-content:center;gap:22px;padding:24px;border-radius:30px;background:#fffaf1;box-shadow:var(--shadow);overflow:hidden}
.learn-hero-covers img{width:min(43%,220px);height:330px;object-fit:contain!important;background:#fff;border-radius:12px;box-shadow:0 12px 30px rgba(40,25,50,.15)}
.learn-hero-covers img:first-child{transform:rotate(-3deg)}.learn-hero-covers img:last-child{transform:rotate(3deg)}
@media(max-width:720px){.learn-cover-pair{min-height:250px}.learn-cover-pair img{height:220px}.learn-hero-covers{height:310px;padding:16px;gap:12px}.learn-hero-covers img{height:270px;width:46%}}

/* V3.5 — páginas independientes del Universo y galería de Angelines */
.universe-index-hero{background:linear-gradient(135deg,#f7efff 0%,#fff6de 100%)}
.universe-index-hero img{object-position:center 42%}
.universe-choice-section{padding:76px 0 96px}
.universe-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.universe-choice-card{position:relative;min-height:420px;overflow:hidden;border-radius:30px;background:#2f2138;box-shadow:var(--softshadow);isolation:isolate}
.universe-choice-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,14,28,.04) 24%,rgba(24,14,28,.82) 100%);z-index:1}
.universe-choice-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.universe-choice-card:hover img{transform:scale(1.035)}
.universe-choice-card>div{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;color:#fff}
.universe-choice-card h2{font-size:clamp(2rem,4vw,3.7rem);margin-bottom:.18em}
.universe-choice-card p{max-width:600px;margin:0;color:#f2eaf5}
.universe-choice-card .card-link{display:inline-block;margin-top:12px;font-weight:850;border-bottom:1px solid rgba(255,255,255,.7)}
.salimata-only-hero{background:#fff6de}
.salimata-only-hero img{object-position:center 46%}
.single-story{padding:78px 0 90px}
.single-story-copy{max-width:850px;margin:0 auto 44px;text-align:center}
.single-story-copy p{color:var(--muted);font-size:1.08rem}
.salimata-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.salimata-photo-grid img{width:100%;height:380px;object-fit:cover;border-radius:22px;box-shadow:var(--softshadow)}
.salimata-photo-grid img:nth-child(2),.salimata-photo-grid img:nth-child(5){height:320px}

.glasses-hero{background:#f7efff}
.glasses-hero img{object-fit:contain;background:transparent;box-shadow:none;padding:30px}
.symbol-story{padding:82px 0 98px}
.symbol-story>div{max-width:860px;margin:auto}
.symbol-story p{color:var(--muted);font-size:1.08rem}

.angelines-photo-section{padding:82px 0 100px;background:linear-gradient(180deg,#fffdf9 0%,#f8f2fb 100%)}
.angelines-photo-intro{max-width:820px;margin-bottom:34px}
.angelines-photo-intro p{color:var(--muted);font-size:1.06rem}
.angelines-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:280px;gap:14px}
.angelines-photo-grid figure{margin:0;overflow:hidden;border-radius:22px;background:#eee5f2;box-shadow:var(--softshadow)}
.angelines-photo-grid figure:nth-child(7n+1),.angelines-photo-grid figure:nth-child(7n+5){grid-row:span 2}
.angelines-photo-grid button{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}
.angelines-photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.angelines-photo-grid button:hover img{transform:scale(1.025);filter:brightness(1.03)}
.photo-lightbox{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:34px;background:rgba(20,13,24,.94)}
.photo-lightbox.open{display:flex}
.photo-lightbox img{max-width:min(1200px,94vw);max-height:88vh;object-fit:contain;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.photo-lightbox button{position:absolute;right:22px;top:18px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#3c2748;font-size:1.8rem;cursor:pointer}

.contact-hero{background:linear-gradient(135deg,#fff6de 0%,#f7efff 100%)}
.contact-hero img{object-fit:cover;background:transparent;object-position:center 38%;border-radius:48px 18px 48px 18px;box-shadow:0 24px 55px rgba(75,43,94,.22)}
.general-contact{margin-top:72px;margin-bottom:86px;padding:clamp(30px,5vw,58px);border-radius:34px;background:#edf9fb;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center}
.general-contact h2{max-width:900px;font-size:clamp(2.35rem,5vw,5rem);line-height:.98}
.general-contact p{max-width:760px;margin-bottom:18px;color:var(--muted);font-size:1.06rem}
.contact-email{display:inline-block;color:var(--violet);font-weight:850;border-bottom:1px solid currentColor}
.contact-actions{display:flex;flex-direction:column;gap:12px;min-width:210px}
.contact-actions .btn{justify-content:center}

@media(max-width:980px){
 .universe-choice-grid{grid-template-columns:1fr 1fr}
 .angelines-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .general-contact{grid-template-columns:1fr}.contact-actions{flex-direction:row;min-width:0}
}
@media(max-width:720px){
 .universe-choice-section{padding:54px 0 70px}.universe-choice-grid{grid-template-columns:1fr}.universe-choice-card{min-height:390px}
 .universe-choice-card>div{left:21px;right:21px;bottom:21px}.universe-choice-card p{font-size:.95rem}
 .single-story{padding:55px 0 70px}.salimata-photo-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory}
 .salimata-photo-grid img,.salimata-photo-grid img:nth-child(2),.salimata-photo-grid img:nth-child(5){min-width:82vw;height:105vw;max-height:560px;scroll-snap-align:center}
 .symbol-story{padding:56px 0 72px}
 .angelines-photo-section{padding:58px 0 76px}.angelines-photo-grid{grid-template-columns:1fr;grid-auto-rows:420px}
 .angelines-photo-grid figure:nth-child(n){grid-row:span 1}.photo-lightbox{padding:18px}.photo-lightbox button{right:12px;top:12px}
 .general-contact{margin-top:48px;margin-bottom:64px;padding:28px 22px;border-radius:26px}.general-contact h2{font-size:clamp(2.2rem,11vw,3.7rem)}
 .contact-actions{flex-direction:column;width:100%}.contact-actions .btn{width:100%}.contact-hero img{height:360px;object-position:center 34%;border-radius:32px 14px 32px 14px}
}