.blog-page{background:#fbfbff;color:#101125}
.blog-page main{overflow:hidden}
.blog-nav .nav-links{gap:22px}
.blog-hero{padding:132px 0 78px;background:radial-gradient(circle at 78% 20%,rgba(93,210,220,.2),transparent 28%),linear-gradient(135deg,#fff9f2 0%,#f7f5ff 54%,#effbff 100%)}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:72px;align-items:center}
.blog-hero h1,.article-hero h1{font-family:Manrope,sans-serif;font-size:clamp(52px,6.2vw,90px);line-height:.98;letter-spacing:-.065em;margin:20px 0 24px;max-width:900px}
.blog-hero h1 em,.article-hero h1 em{font-style:normal;color:#6944ff}
.blog-hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.7;color:#59617c;max-width:640px}
.blog-cover{position:relative;aspect-ratio:1;overflow:hidden;border-radius:34px;background-image:url("assets/blog-pediatria-mosaico.png");background-repeat:no-repeat;background-size:300% 200%;box-shadow:0 28px 70px rgba(28,34,68,.15)}
.blog-cover::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.75);border-radius:inherit;pointer-events:none}
.cover-1{background-position:0 0}.cover-2{background-position:50% 0}.cover-3{background-position:100% 0}.cover-4{background-position:0 100%}.cover-5{background-position:50% 100%}.cover-6{background-position:100% 100%}
.hero-cover{transform:rotate(1.2deg)}
.blog-section{padding:94px 0 120px}
.blog-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}
.blog-section-heading h2{font-family:Manrope,sans-serif;font-size:clamp(38px,4vw,62px);line-height:1.05;letter-spacing:-.05em;margin:12px 0 0}
.blog-section-heading p:last-child{max-width:440px;color:#646b83;line-height:1.7}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e7e4f2;border-radius:30px;padding:14px;box-shadow:0 18px 45px rgba(29,31,64,.07);transition:transform .25s ease,box-shadow .25s ease}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px rgba(29,31,64,.13)}
.blog-card .blog-cover{border-radius:21px;box-shadow:none}
.blog-card-body{display:flex;flex:1;flex-direction:column;padding:24px 16px 14px}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#747b91;font-size:13px;font-weight:700}
.article-meta span:first-child{color:#5b37ef;background:#eee9ff;border-radius:999px;padding:7px 10px}
.blog-card h2{font-family:Manrope,sans-serif;font-size:25px;line-height:1.16;letter-spacing:-.035em;margin:18px 0 12px}
.blog-card p{color:#626981;line-height:1.62;margin:0 0 22px}
.blog-card a{margin-top:auto;color:#5a35ef;font-weight:800;text-decoration:none}
.blog-card a::after{content:" →"}
.blog-disclaimer{margin-top:54px;padding:24px 28px;border-radius:22px;background:#f0fbfa;border:1px solid #ccefeb;color:#355d63;line-height:1.65}
.article-hero{padding:128px 0 72px;background:linear-gradient(145deg,#fffaf3,#f5f4ff 58%,#effcff)}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:72px;align-items:center}
.article-hero h1{font-size:clamp(46px,5.2vw,76px);margin-bottom:22px}
.article-deck{font-size:20px;line-height:1.7;color:#5d657d;max-width:750px}
.article-body{padding:72px 0 116px}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;justify-content:center;gap:70px;align-items:start}
.article-content{font-size:18px;line-height:1.82;color:#34394f}
.article-content h2{font-family:Manrope,sans-serif;font-size:34px;line-height:1.18;letter-spacing:-.035em;color:#111326;margin:48px 0 18px}
.article-content h2:first-child{margin-top:0}
.article-content h3{font-family:Manrope,sans-serif;font-size:24px;color:#14162a;margin:32px 0 12px}
.article-content p{margin:0 0 22px}
.article-content ul{margin:0 0 28px;padding-left:24px}.article-content li{margin:9px 0;padding-left:4px}
.article-note{margin:34px 0;padding:24px 26px;border-left:4px solid #22bdc8;border-radius:0 18px 18px 0;background:#eefbfc;color:#264f5a}
.warning-note{border-left-color:#ff865d;background:#fff3ec;color:#744431}
.article-sources{position:sticky;top:110px;border:1px solid #e4e1ef;border-radius:24px;background:#fff;padding:24px;box-shadow:0 16px 38px rgba(28,31,61,.06)}
.article-sources h2{font-family:Manrope,sans-serif;font-size:20px;margin:0 0 14px}.article-sources p{font-size:13px;color:#777d91;line-height:1.5}.article-sources a{display:block;color:#5035d8;font-weight:700;font-size:14px;line-height:1.45;margin:14px 0;text-decoration:none}.article-sources a:hover{text-decoration:underline}
.related-posts{padding:84px 0;background:#f5f4fb}.related-posts h2{font-family:Manrope,sans-serif;font-size:42px;letter-spacing:-.045em;margin:0 0 32px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.related-link{display:block;background:#fff;border:1px solid #e3e0ef;border-radius:22px;padding:24px;color:#14162a;text-decoration:none;font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.related-link span{display:block;color:#6d48ff;font-family:DM Sans,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px}
@media(max-width:1050px){.blog-hero-grid,.article-hero-grid{grid-template-columns:1fr;gap:44px}.hero-cover,.article-hero .blog-cover{max-width:620px}.blog-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:minmax(0,760px)}.article-sources{position:static}}
@media(max-width:700px){.blog-hero,.article-hero{padding:104px 0 56px}.blog-hero h1,.article-hero h1{font-size:45px}.blog-hero-grid,.article-hero-grid{gap:34px}.blog-section{padding:70px 0 90px}.blog-section-heading{display:block}.blog-grid,.related-grid{grid-template-columns:1fr}.article-body{padding:54px 0 84px}.article-content{font-size:17px}.article-content h2{font-size:29px}.blog-cover{border-radius:24px}}