/* Shared alignment, authentic article covers and clear navigation. */
.skipLink{position:fixed;top:12px;left:16px;z-index:2000;transform:translateY(-160%);padding:10px 18px;background:#203d58;color:#fffdf7;border-radius:5px}
.skipLink:focus{transform:none}
body>header nav .currentPage{color:#203d58;text-decoration:underline;text-decoration-color:#af8c48;text-decoration-thickness:2px;text-underline-offset:9px}
main>section.blogListing{width:88%;max-width:1120px;padding-left:0!important;padding-right:0!important;margin-left:auto;margin-right:auto}
.blogArticleMain .blogArticle{width:88%;max-width:860px;padding-left:0;padding-right:0}
.blogEntries{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 38px;align-items:stretch}
.blogEntry{display:flex;flex-direction:column;min-width:0}
.blogEntry .readArticle{align-self:flex-start;margin-top:auto;padding-top:8px}
.blogCover{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;padding:10px;margin-bottom:23px;background:#fffaf0;border:1px solid #b49a625c;border-radius:10px;box-shadow:0 6px 18px #58432910;overflow:hidden}
.blogCover img{width:100%;height:100%;object-fit:contain;border-radius:4px;transition:transform .25s ease}
.blogCover:hover img{transform:scale(1.015)}
.articleCover,.podcastImage{padding:12px;margin:0 0 32px;background:#fffaf0;border:1px solid #b49a625c;border-radius:10px;box-shadow:0 6px 18px #58432910}
.articleCover img,.podcastImage img{width:auto;max-width:100%;height:auto;max-height:480px;object-fit:contain;margin:auto}
.articleNext>a{max-width:48%;line-height:1.6}
@media(min-width:761px){
 main>section.storyChapter{width:88%;max-width:1180px;padding-left:0!important;padding-right:0!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
 [data-page="mediadora-simbolica"] .pageProse,[data-page="sobre-mi"] .aboutPageSplit .pageProse{max-width:960px;margin-left:auto;margin-right:auto}
 [data-page="sobre-mi"] .aboutPageSplit .aboutPageAside{max-width:960px;margin-left:auto;margin-right:auto}
 .aboutWorkingCopy{max-width:960px;margin-left:auto;margin-right:auto}
 .aboutHeroPortrait{padding:10px;background:#fffaf0;border:1px solid #b49a625c;border-radius:12px;box-shadow:0 7px 18px #58432914}
 .aboutHeroPortrait img{border-radius:5px;object-position:50% 43%}
 .originalOfferGrid article{display:flex;flex-direction:column;min-width:0}
 .originalOfferGrid article>.textlink{align-self:flex-start;margin-top:auto}
}
@media(max-width:760px){
 .blogEntries{grid-template-columns:minmax(0,1fr);gap:26px}
 .blogCover{margin-bottom:18px;padding:8px}
 .articleCover,.podcastImage{padding:8px;margin-bottom:24px}
 .articleNext>a{max-width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blogCover img{transition:none}}
/* Recognisable home destinations with a quieter editorial rhythm. */
.homeBlogCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
.homeBlogCards>a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;padding:14px!important;margin:0;background:#fffaf0b3;border:1px solid #af8c4840!important;border-radius:9px;transition:background .2s ease}
.homeBlogCards>a:hover{background:#fffaf0}
.homeBlogCards img{width:120px;height:110px;object-fit:contain}
.homePostCopy{display:block}.homePostCopy .eyebrow{font-size:10px;margin-bottom:6px}.homePostTitle{display:block;font:24px/1.25 Georgia,serif;color:#203d58}.homePostRead{display:block;font-size:13px;margin-top:12px;color:#68542d}
[data-page="home"] #symbolia{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:50px;row-gap:24px}
[data-page="home"] #symbolia h2{font-size:clamp(30px,2.7vw,40px);max-width:490px;line-height:1.18}
.homeSymboliaPreview{margin:12px 0 0;padding:12px;background:#fffaf0;border:1px solid #b49a625c;border-radius:12px;box-shadow:0 7px 18px #58432914;align-self:center}
.homeSymboliaPreview .originalAppScreen{width:100%;height:auto;max-height:none;border-radius:5px}
.homeSymboliaPreview figcaption{font-size:13px;line-height:1.6;margin:12px 4px 2px;color:#52605c}
@media(max-width:1000px){.homeBlogCards>a{grid-template-columns:90px minmax(0,1fr);gap:14px}.homeBlogCards img{width:90px;height:95px}.homePostTitle{font-size:21px}}
@media(max-width:760px){.homeBlogCards{grid-template-columns:1fr;gap:14px}.homeSymboliaPreview{margin:0}.homeBlogCards img{height:95px}.homePostTitle{font-size:22px}}
/* More breathing room between sections; actions stay attached to their content. */
main>section:not(.hero):not(.innerHero){padding-top:48px!important;padding-bottom:48px!important}
[data-page="home"] main>section:not(.hero):not(.innerHero){padding-bottom:56px!important}
.sectionAction{margin-top:16px;display:flow-root;clear:both}
body main .sectionAction .button{margin-top:0;margin-bottom:0}
[data-page="home"] .sectionAction+.sectionAction{margin-top:12px}
@media(max-width:760px){
 main>section:not(.hero):not(.innerHero){padding-top:34px!important;padding-bottom:34px!important}
 [data-page="home"] main>section:not(.hero):not(.innerHero){padding-bottom:44px!important}
 .sectionAction{margin-top:12px}
 [data-page="home"] .originalOfferGrid{margin-bottom:20px}
}
/* The hero and following chapters share one horizontal reading edge. */
@media(min-width:761px){
 [data-page="home"]{--home-gutter:max(6vw,calc((100vw - 1180px)/2))}
 [data-page="home"] main>section:not(.hero):not(.innerHero){padding-left:var(--home-gutter);padding-right:var(--home-gutter)}
 [data-page="home"] .heroText{margin-left:var(--home-gutter);padding-left:0;width:min(44vw,540px);max-width:540px}
 [data-page="home"] .originalWelcome>div,[data-page="home"] .originalReading>div:not(.art),[data-page="home"] .editorialExperience>div:not(.art),[data-page="home"] .editorialBlog>div:not(.art){max-width:none!important}
}
@media(max-width:760px){
 [data-page="home"] main>section:not(.hero):not(.innerHero),[data-page="home"] .heroText{padding-left:7%;padding-right:7%}
 [data-page="home"] .originalOfferGrid article{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #af8c4838}
 [data-page="home"] .originalOfferGrid article:last-child{margin-bottom:0}
 [data-page="home"] .originalOfferGrid article>.textlink{margin-top:8px;margin-bottom:0}
 [data-page="home"] .originalOfferGrid+.sectionAction{margin-top:8px}
}

a.contextualLink{color:var(--navy,#203d58);text-decoration:underline;text-decoration-color:var(--gold,#af8c48);text-underline-offset:.18em;text-decoration-thickness:1px}a.contextualLink:hover{text-decoration-thickness:2px}

/* A smaller portrait keeps the biography at the centre of the about page. */
[data-page="sobre-mi"] .aboutHeroPortrait{width:100%;max-width:280px;justify-self:center}
[data-page="sobre-mi"] .aboutHeroPortrait img{width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain}
@media(min-width:761px){
 [data-page="sobre-mi"] .aboutHero{grid-template-columns:minmax(0,1fr) 280px!important;align-items:center;column-gap:48px!important;max-width:1180px;margin-left:auto;margin-right:auto}
 [data-page="sobre-mi"] .aboutHeroText{max-width:720px}
}
@media(max-width:760px){
 [data-page="sobre-mi"] .aboutHeroPortrait{max-width:220px;margin:8px auto 0}
}

/* Show the complete bird scene without the decorative mask or enlargement. */
[data-page="sobre-mi"] .aboutHeroIllustration{display:block;width:100%;height:auto;aspect-ratio:504/316;max-width:520px;justify-self:end;border-radius:8px;overflow:hidden}
@media(min-width:761px){
 [data-page="sobre-mi"] .innerHero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px)!important;align-items:center;gap:40px}
}
@media(max-width:760px){
 [data-page="sobre-mi"] .aboutHeroIllustration{max-width:360px;margin:22px auto 0}
}

/* Let the proposal chapters sit on the shared page background. */
[data-page="cuentoterapia-social"] .storyChapter::before{display:none!important}

/* The about page follows the same introduction and reading rhythm as services. */
[data-page="sobre-mi"] .aboutHeroLead{max-width:650px;font-size:18px;line-height:1.8;margin-top:22px}
[data-page="sobre-mi"] .aboutNav{display:flex;flex-wrap:wrap;gap:16px 30px;width:88%;max-width:1180px;margin:0 auto;padding:20px 0;border-bottom:1px solid #af8c4840;color:var(--navy);font-size:15px}
[data-page="sobre-mi"] .aboutNav a:hover{text-decoration:underline;text-underline-offset:5px}
[data-page="sobre-mi"] .aboutHeroText .eyebrow{margin-bottom:14px}
[data-page="sobre-mi"] main>.aboutChapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:50px;align-items:start;width:88%;max-width:1180px;margin:0 auto;padding-left:0!important;padding-right:0!important;background:transparent!important}
[data-page="sobre-mi"] main>.aboutChapter::before{display:none!important}
[data-page="sobre-mi"] .aboutChapterHeading h2{font-size:33px;line-height:1.2;margin:0;max-width:430px}
[data-page="sobre-mi"] .aboutChapterHeading .eyebrow{margin:0 0 14px}
[data-page="sobre-mi"] .aboutChapterCopy{min-width:0;font-size:17px;line-height:1.8}
[data-page="sobre-mi"] .aboutChapterCopy>p:first-child{margin-top:0}
[data-page="sobre-mi"] .aboutQuote{margin:24px 0 0;padding:0 0 0 20px;border-left:2px solid var(--gold);font:24px/1.5 Georgia,serif;color:var(--navy)}
[data-page="sobre-mi"] .aboutQuote p{margin:0}
@media(max-width:760px){
 [data-page="sobre-mi"] .aboutHeroLead{font-size:16px;line-height:1.75;margin-top:18px}
 [data-page="sobre-mi"] .aboutNav{gap:10px 22px;padding:12px 0 20px;font-size:14px}
 [data-page="sobre-mi"] main>.aboutChapter{grid-template-columns:1fr;gap:20px}
 [data-page="sobre-mi"] .aboutChapterHeading h2{font-size:27px;max-width:none}
 [data-page="sobre-mi"] .aboutChapterCopy{font-size:16px}
}

/* A personal portrait introduces one continuous biography. */
[data-page="sobre-mi"] .innerHero>.aboutHeroPortrait{max-width:280px;justify-self:center;align-self:center;margin:0}
[data-page="sobre-mi"] .aboutBiography{width:88%;max-width:960px;margin:0 auto 48px}
[data-page="sobre-mi"] .aboutBiography>.aboutChapter{display:block;width:100%;margin:0;padding:38px 0;background:transparent}
[data-page="sobre-mi"] .aboutBiography>.aboutChapter::before{display:none!important}
[data-page="sobre-mi"] .aboutBiography .aboutChapterHeading{margin-bottom:22px}
[data-page="sobre-mi"] .aboutBiography .aboutChapterHeading h2{max-width:780px}
[data-page="sobre-mi"] .aboutBiography .aboutChapterCopy{width:100%;max-width:none}
[data-page="sobre-mi"] .aboutNav{max-width:960px}
@media(min-width:761px){
 [data-page="sobre-mi"] .innerHero{grid-template-columns:minmax(0,1fr) 280px!important;max-width:1180px;margin:0 auto;column-gap:70px}
}
@media(max-width:760px){
 [data-page="sobre-mi"] .innerHero>.aboutHeroPortrait{max-width:220px;margin:24px auto 0}
 [data-page="sobre-mi"] .aboutBiography{margin-bottom:28px}
 [data-page="sobre-mi"] .aboutBiography>.aboutChapter{padding:28px 0}
 [data-page="sobre-mi"] .aboutBiography .aboutChapterHeading{margin-bottom:18px}
}