@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#20223a;--muted:#6f7284;--violet:#7754dc;--violet2:#a07bff;--blue:#6fabff;--paper:#f7f8fc;--line:#e9e9f1;--white:#fff;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.65}h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.15;letter-spacing:-.045em;margin:0}h1{font-size:clamp(2.7rem,5.5vw,5.7rem)}h2{font-size:clamp(2rem,3.4vw,3.6rem)}h3{font-size:1.24rem}p{margin:0 0 1.1rem}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(22px);border-bottom:1px solid rgba(228,227,239,.7)}.nav{height:83px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{width:190px;height:59px;object-fit:contain;object-position:left}.links{display:flex;gap:24px;align-items:center}.links a{font-size:13px;font-weight:700;color:#55566c}.links a:hover,.links a.active{color:var(--violet)}.pill,.button{border-radius:100px;padding:13px 23px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.2s;border:1px solid transparent}.pill{background:var(--violet);color:white!important}.button.primary{background:var(--violet);color:white;box-shadow:0 14px 32px #7754dc35}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button:hover,.pill:hover{transform:translateY(-2px)}.hamb{display:none;background:transparent;border:0;font-size:27px;cursor:pointer}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 36%,#e3d9ff 0,transparent 38%),linear-gradient(140deg,#fff 5%,#f0efff 72%,#e8f5ff);border-bottom:1px solid #eae6f3}.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:690px;gap:35px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--violet);font-weight:800;font-size:11px;letter-spacing:.17em;text-transform:uppercase;margin-bottom:22px}.eyebrow:before{content:'';width:22px;height:2px;background:var(--violet)}.hero h1 em,.gradient-text{font-style:normal;background:linear-gradient(110deg,#6d4fcb,#ac72ef,#639ae8);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1rem,1.6vw,1.25rem);color:#606177;max-width:560px;margin:24px 0 29px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-art{height:640px;position:relative;align-self:end}.hero-orb{position:absolute;inset:80px 12px 25px 10px;background:linear-gradient(145deg,#dfd2ff,#d6e8ff);border-radius:46% 46% 30% 30%;filter:drop-shadow(0 18px 50px #9381e42a)}.hero-art img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:98%;width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 14px 18px #3b30601a)}.floating{position:absolute;z-index:2;bottom:75px;left:-30px;background:#fffffff0;border:1px solid #fff;border-radius:18px;padding:15px 18px;box-shadow:0 20px 50px #5e4c9e20;font-size:13px;font-weight:700}.floating small{display:block;color:#848198;font-size:11px}.section{padding:105px 0}.section.compact{padding:70px 0}.center{text-align:center}.center .subtitle{margin-left:auto;margin-right:auto}.subtitle{font-size:1.1rem;color:var(--muted);max-width:650px;margin-top:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 8px 40px #24203b06}.card p{color:var(--muted);font-size:15px;margin-top:13px}.icon-circle{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#eee9ff;color:var(--violet);font-size:23px;margin-bottom:20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.textlink{font-weight:800;color:var(--violet);white-space:nowrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.photo-card{min-height:480px;position:relative;border-radius:36px;background:linear-gradient(140deg,#e7dcff,#c8e6ff);overflow:hidden}.photo-card img{height:100%;width:100%;object-fit:contain;object-position:bottom;position:absolute;bottom:0}.photo-card.white{background:#f0ebff}.stats{display:flex;gap:34px;flex-wrap:wrap;margin:30px 0}.stats b{display:block;font-family:'Plus Jakarta Sans';font-size:28px}.stats span{color:var(--muted);font-size:13px}.dark{background:#24203e;color:white}.dark .subtitle,.dark p{color:#d5d1e5}.dark .card{background:#ffffff10;border-color:#ffffff22}.dark .card p{color:#d5d1e5}.feature{border-radius:36px;padding:55px;background:linear-gradient(125deg,#332957,#5543a0);color:white;position:relative;overflow:hidden}.feature .subtitle{color:#ded9f4}.feature:after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;right:-150px;top:-130px;background:#a88bff38}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.book-card{border-radius:24px;background:white;border:1px solid var(--line);overflow:hidden;padding:18px;display:flex;flex-direction:column}.cover{background:linear-gradient(145deg,#e8e6f4,#f8f7ff);height:250px;border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:16px}.cover img{max-height:92%;max-width:85%;width:auto;filter:drop-shadow(0 10px 9px #0002)}.cover.missing{background:linear-gradient(155deg,#2b234e,#7866bd);color:#fff;flex-direction:column;padding:20px;text-align:center}.cover.missing span{font-family:'Plus Jakarta Sans';font-size:21px;font-weight:800;line-height:1.25}.cover.missing small{opacity:.7;margin-top:15px}.book-card .type{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--violet);font-weight:800}.book-card h3{font-size:16px;line-height:1.35;margin:8px 0 6px}.book-card .subject{font-size:13px;color:var(--muted);margin-bottom:15px}.book-actions{display:flex;gap:9px;margin-top:auto}.book-actions a{font-size:12px;border-radius:9px;padding:8px 12px;border:1px solid #e7e5ee;font-weight:700}.book-actions a:first-child{background:#eee9ff;color:var(--violet);border-color:transparent}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 32px}.filter{background:#fff;border:1px solid #e4e1ec;padding:10px 17px;border-radius:30px;cursor:pointer;color:#5c5b6b}.filter.on{background:var(--violet);color:white;border-color:var(--violet)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{display:flex;flex-direction:column;overflow:hidden;background:white;border:1px solid var(--line);border-radius:26px}.article-art{height:190px;display:grid;place-items:center;background:linear-gradient(130deg,#ece6ff,#dbe9ff);position:relative}.article-art .symbol{font-size:68px;opacity:.7}.article-art img{height:100%;width:100%;object-fit:cover}.article-body{padding:25px;display:flex;flex-direction:column;flex:1}.tag{font-size:11px;font-weight:800;color:var(--violet);text-transform:uppercase;letter-spacing:.11em}.article-body h3{margin:12px 0;font-size:19px}.article-body p{color:var(--muted);font-size:14px}.article-body a{margin-top:auto;color:var(--violet);font-weight:800;font-size:14px}.pagehero{padding:95px 0 65px;background:linear-gradient(140deg,#fff,#f1efff 78%);border-bottom:1px solid var(--line)}.pagehero p{font-size:19px;max-width:750px;color:var(--muted);margin-top:22px}.pagehero h1{font-size:clamp(2.7rem,5vw,4.9rem);max-width:950px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.video{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden}.video .thumb{aspect-ratio:16/9;position:relative;background:linear-gradient(125deg,#2c2459,#6b57bb);overflow:hidden}.video .thumb img{width:100%;height:100%;object-fit:cover;opacity:.35}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#fff;color:var(--violet);font-size:26px}.video .info{padding:26px}.video .info p{font-size:14px;color:var(--muted);margin:12px 0}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project{padding:34px;background:white;border:1px solid var(--line);border-radius:26px}.project h3{font-size:24px;margin:15px 0}.project p{color:var(--muted)}.project a{color:var(--violet);font-weight:800}.article-layout{max-width:810px;margin:0 auto}.article-layout p{font-size:17px;color:#505367;line-height:1.9;margin-bottom:22px}.article-layout h2{font-size:28px;margin:42px 0 17px}.article-layout a{color:var(--violet);text-decoration:underline}.article-layout .intro{font-size:21px;color:#3b3a4f}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-grid .card{padding:38px}.contact-grid a{color:var(--violet);font-weight:800;overflow-wrap:anywhere}.footer{background:#201d35;color:white;padding:64px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer img{width:200px}.footer p,.footer a{color:#c4c0d3;font-size:14px}.footer a{display:block;margin:8px 0}.foot-bottom{border-top:1px solid #ffffff20;margin-top:42px;padding-top:20px;font-size:12px;color:#b5b1c6}.notice{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;color:var(--muted);font-size:13px}.space{height:30px}.mobile-only{display:none}input.search{width:100%;max-width:430px;border:1px solid var(--line);border-radius:30px;padding:13px 20px;outline:none;background:white}input.search:focus{border-color:var(--violet)}
@media(max-width:1050px){.links{gap:13px}.links a{font-size:12px}.brand img{width:155px}.hero-inner{min-height:610px}.hero-art{height:550px}.book-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.nav{height:72px}.hamb{display:block}.links{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;padding:20px 25px 30px;box-shadow:0 20px 30px #0001;flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{font-size:15px}.hero-inner{grid-template-columns:1fr;min-height:auto;padding-top:60px}.hero-art{height:470px}.hero h1{font-size:clamp(2.8rem,9vw,4.4rem)}.floating{left:0}.grid,.article-grid{grid-template-columns:1fr 1fr}.split,.contact-grid,.project-grid{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr}.section{padding:70px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.photo-card{min-height:430px}}@media(max-width:520px){.wrap{width:min(100% - 32px,1180px)}.grid,.article-grid,.book-grid{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book-card{padding:10px}.cover{height:185px}.book-card h3{font-size:13px}.book-actions{flex-direction:column}.book-actions a{text-align:center}.section-head{align-items:start;flex-direction:column}.hero-art{height:410px}.hero-orb{inset:40px 0 10px}.hero-art img{height:100%}.floating{bottom:20px;left:0;font-size:11px}.feature{padding:32px}.pagehero{padding:65px 0 50px}.footer-grid{gap:20px}.footer-grid>div:first-child{grid-column:1/-1}}

/* User-requested refinements: photos, logos, clean book covers, social icons, footer */
.pagehero-portrait .wrap{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:55px;align-items:center;min-height:300px}
.pagehero-portrait h1{font-size:clamp(2.45rem,4.1vw,4.2rem)}
.pagehero-portrait .pagehero-photo{height:290px;border-radius:34px;overflow:hidden;background:linear-gradient(145deg,#eee8ff,#dfeaff);display:flex;align-items:end;justify-content:center}
.pagehero-photo img{height:100%;width:100%;object-fit:contain;object-position:center bottom}
.pagehero-photo-couple img{object-fit:contain}
.brand-logo{height:76px;display:flex;align-items:center;margin:5px 0 12px}
.brand-logo img{max-width:240px;max-height:72px;width:auto;height:auto;object-fit:contain;object-position:left center}
.brand-fallback{display:none;font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;font-weight:800;letter-spacing:-.055em;color:#254474}
.brand-logo-funda .brand-fallback{color:#438b46}.brand-logo-noel .brand-fallback{color:#242039}.brand-logo-puedo .brand-fallback{color:#2d5a8b}
.project h3{margin:8px 0 14px}
.social-icon{display:inline-block;vertical-align:-4px;flex:none;margin-right:7px}
.footer-refined{font-family:'DM Sans',sans-serif;font-size:15px;letter-spacing:0;line-height:1.75}
.footer-refined h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:18px;letter-spacing:-.015em;margin-bottom:16px;color:#fff}
.footer-refined p,.footer-refined a{font-size:14px;line-height:1.75;letter-spacing:0;color:#e2dff0}
.footer-refined a:hover{color:#fff;text-decoration:underline}
.footer-refined .foot-bottom{font-size:13px;line-height:1.8;color:#d2cfe0}
.cover,.cover.missing{background:transparent!important;border-radius:0}
.cover img{max-height:96%;max-width:96%;filter:none;object-fit:contain}
.joint-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0 42px}
.joint-book-grid figure{margin:0;text-align:center}.joint-book-grid img{height:210px;width:100%;object-fit:contain}
.joint-book-grid figcaption{font-size:12px;font-weight:700;margin-top:9px;line-height:1.45}
.authors-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 35px}
.authors-photos figure{margin:0;background:linear-gradient(145deg,#f2efff,#e8f0ff);border-radius:22px;overflow:hidden;text-align:center}
.authors-photos img{height:240px;width:100%;object-fit:contain;object-position:bottom}
.authors-photos figcaption{font-size:13px;font-weight:700;padding:9px 6px 14px}
@media(max-width:780px){.pagehero-portrait .wrap{grid-template-columns:minmax(0,1fr) 180px;gap:20px;min-height:0}.pagehero-portrait .pagehero-photo{height:220px}.authors-photos img{height:180px}}
@media(max-width:520px){.pagehero-portrait .wrap{grid-template-columns:1fr 110px;gap:10px}.pagehero-portrait h1{font-size:clamp(2rem,8vw,3rem)}.pagehero-portrait .pagehero-photo{height:160px;border-radius:18px}.pagehero-portrait p{font-size:15px}.joint-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.authors-photos{gap:6px}.authors-photos img{height:115px}.authors-photos figcaption{font-size:10px}}

/* V4: photos float naturally, no photo frame or crop */
.pagehero-portrait{overflow:hidden}
.pagehero-portrait .pagehero-photo{background:transparent!important;border-radius:0!important;overflow:visible!important;height:clamp(250px,31vw,410px)!important;align-self:end}
.pagehero-portrait .pagehero-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.pagehero-portrait .wrap{align-items:center;grid-template-columns:minmax(0,1fr) minmax(190px,350px)}
.photo-card{background:transparent!important;border-radius:0!important;overflow:visible!important}
.photo-card img{object-fit:contain!important;object-position:center bottom!important}
.video-grid .video .thumb{display:block;aspect-ratio:16 / 9;width:100%;background:#151525;overflow:hidden;line-height:0}
.video-grid .video .thumb img{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;opacity:1!important;filter:none!important}
.video-grid .video .thumb:before,.video-grid .video .thumb:after{content:none!important}
.video-grid .video .play{line-height:1;font-size:24px;width:58px;height:58px;box-shadow:0 6px 24px #0005}
.authors-photos-single{grid-template-columns:1fr;max-width:470px;margin-left:auto;margin-right:auto}
.authors-photos-single img{height:320px;object-fit:contain}
.project-featured-logo .brand-logo{height:130px;margin:0 0 18px}
.project-featured-logo .brand-logo img{max-height:120px;max-width:100%;width:auto;height:auto;object-fit:contain}
.project-featured-logo .brand-fallback{font-size:31px}
.brand-logo-choco img{max-height:94px;max-width:100%}
.project .brand-logo img{object-position:left center}
@media(max-width:780px){.pagehero-portrait .wrap{grid-template-columns:minmax(0,1fr) 160px}.pagehero-portrait .pagehero-photo{height:220px!important}}
@media(max-width:520px){.pagehero-portrait .wrap{grid-template-columns:minmax(0,1fr) 110px}.pagehero-portrait .pagehero-photo{height:175px!important}.authors-photos-single img{height:230px}.project-featured-logo .brand-logo{height:105px}.project-featured-logo .brand-logo img{max-height:100px}}


/* V5: Banners con retratos orientados hacia el texto, sin recuadros ni recortes. */
.pagehero-portrait .wrap{grid-template-columns:minmax(0,1fr) minmax(280px,410px);gap:clamp(20px,4vw,66px);align-items:end;min-height:445px}
.pagehero-portrait .pagehero-content{align-self:center;padding:25px 0}
.pagehero-portrait .pagehero-photo{width:100%;height:440px!important;overflow:visible!important;align-self:end;display:flex;align-items:end;justify-content:center}
.pagehero-portrait .pagehero-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.pagehero-portrait .pagehero-photo img.hero-photo-facing-copy{transform:scaleX(-1);transform-origin:center center}
/* El logo real de la marca ocupa el área visual de cada tarjeta editorial. */
.article-art-logo{background:linear-gradient(130deg,#f6f3ff,#edf4ff);padding:32px 34px;height:205px}
.article-art-logo img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:none}
.article-brand-identity{min-height:112px;padding:20px 28px;margin:0 0 35px;display:flex;justify-content:center;align-items:center;background:linear-gradient(120deg,#f1edff,#eef5ff);border-radius:24px}
.article-brand-identity img{width:auto;max-width:min(100%,460px);height:auto;max-height:104px;object-fit:contain}
@media(max-width:780px){.pagehero-portrait .wrap{grid-template-columns:minmax(0,1fr) 200px;gap:18px;min-height:315px}.pagehero-portrait .pagehero-photo{height:300px!important}.pagehero-portrait .pagehero-content{padding:18px 0}}
@media(max-width:520px){.pagehero-portrait .wrap{grid-template-columns:minmax(0,1fr) 130px;gap:8px;min-height:255px}.pagehero-portrait .pagehero-photo{height:230px!important}.pagehero-portrait .pagehero-content{padding:12px 0}.pagehero-portrait h1{font-size:clamp(1.75rem,7.4vw,2.7rem)}.article-art-logo{height:180px;padding:24px}.article-brand-identity{min-height:90px}}