
/* Blog pages share the main Genealogía Clara visual language */
.blog-page{background:#fffdfb}.blog-page .site-header{position:sticky}.blog-shell{width:min(1160px,calc(100% - 56px));margin-inline:auto}
.blog-hero{padding:58px 0 40px;background:radial-gradient(circle at 85% 25%,rgba(226,112,135,.13),transparent 36%),linear-gradient(135deg,#fffafb,#fdeff0)}
.blog-hero-grid{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end}.blog-hero h1{font-family:var(--serif);font-size:58px;line-height:1.02;color:#6f293f;font-weight:500;letter-spacing:-1.5px;margin:8px 0 16px}.blog-hero p{font-size:16px;line-height:1.65;color:#5f5055;max-width:670px;margin:0}.blog-hero-note{border-left:2px solid #d9677c;padding-left:18px;color:#765d65;font-family:var(--serif);font-size:19px;line-height:1.45}
.blog-tools{padding:22px 0;border-bottom:1px solid var(--line);background:#fff}.blog-tools-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.blog-search{position:relative;max-width:480px}.blog-search input{width:100%;border:1px solid #e8c9ce;border-radius:999px;padding:12px 16px 12px 42px;background:#fffafa;outline:none;font-size:14px}.blog-search input:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(201,72,99,.08)}.blog-search:before{content:"⌕";position:absolute;left:16px;top:8px;color:var(--rose);font-size:20px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.filter-chip{border:1px solid #e7c8cd;background:#fff;border-radius:999px;padding:9px 12px;color:#704052;font-size:11px;font-weight:750;cursor:pointer}.filter-chip[aria-pressed="true"]{background:var(--rose-deep);color:#fff;border-color:var(--rose-deep)}
.blog-index{padding:36px 0 64px}.blog-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.index-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 7px 25px rgba(133,70,84,.07);display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}.index-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(130,58,74,.13);border-color:#e4adb7}.index-card[hidden]{display:none}.index-card-media{height:190px;overflow:hidden;background:#f8e9e9}.index-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}.index-card:hover img{transform:scale(1.055)}.index-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.index-card h2{font-family:var(--serif);font-size:24px;line-height:1.08;font-weight:500;color:#5f283a;margin:8px 0 10px}.index-card p{font-size:13px;line-height:1.55;color:#6b595f;margin:0 0 16px}.index-card .blog-read{margin-top:auto}.no-results{grid-column:1/-1;padding:34px;border:1px dashed #e2b9c0;border-radius:12px;text-align:center;color:#7c6069;background:#fffafa}
.article-breadcrumb{padding:18px 0;font-size:11px;color:#856b73}.article-breadcrumb a{color:var(--rose-deep)}.article-head{padding:34px 0 30px}.article-head-grid{display:grid;grid-template-columns:1fr .72fr;gap:60px;align-items:center}.article-kicker{color:var(--rose);font-size:10px;letter-spacing:1.5px;font-weight:850}.article-head h1{font-family:var(--serif);font-weight:500;font-size:52px;line-height:1.02;letter-spacing:-1.3px;color:#64263a;margin:10px 0 16px}.article-deck{font-size:16px;color:#65545a;line-height:1.62;margin:0 0 16px}.article-byline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:#836c73;font-size:11px}.article-hero-img{border-radius:18px;overflow:hidden;border:1px solid #ebcdd1;box-shadow:0 18px 45px rgba(122,57,72,.12);aspect-ratio:4/3}.article-hero-img img{width:100%;height:100%;object-fit:cover}.article-main{padding:16px 0 72px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 250px;gap:65px;align-items:start}.article-content{font-size:16px;line-height:1.78;color:#483b40}.quick-answer{background:linear-gradient(135deg,#fff1f2,#fff9f8);border:1px solid #eccbd0;border-left:4px solid var(--rose);border-radius:12px;padding:20px 22px;margin:0 0 32px}.quick-answer strong{display:block;color:var(--rose-deep);font-size:11px;letter-spacing:1.2px;margin-bottom:7px}.quick-answer p{margin:0;font-size:15px;line-height:1.62}.article-content h2{font-family:var(--serif);font-size:31px;line-height:1.12;color:#66283b;font-weight:500;margin:38px 0 13px}.article-content p{margin:0 0 16px}.article-content ul{padding-left:20px}.article-content li{margin-bottom:8px}.article-note{margin:34px 0;background:#f9efed;border-radius:12px;padding:18px 20px;color:#67545b;font-size:13px}.faq-block{margin-top:42px}.faq-item{border-top:1px solid #ead3d6;padding:18px 0}.faq-item:last-child{border-bottom:1px solid #ead3d6}.faq-item h3{font-family:var(--serif);font-size:20px;font-weight:500;color:#672a3d;margin:0 0 7px}.faq-item p{font-size:14px;line-height:1.6;margin:0}.article-sidebar{position:sticky;top:110px}.side-card{border:1px solid #edd4d7;background:#fffafa;border-radius:14px;padding:20px;margin-bottom:16px}.side-card .section-label{margin-bottom:7px}.side-card h3{font-family:var(--serif);font-size:21px;font-weight:500;color:#61283a;margin:0 0 8px}.side-card p{font-size:12px;line-height:1.55;color:#6d5960}.side-card a{font-size:11px;color:var(--rose-deep);font-weight:750}.toc{list-style:none;padding:0;margin:9px 0 0}.toc li{margin:9px 0}.toc a{color:#72535e;font-size:12px;font-weight:600}.related{padding:42px 0 58px;background:#fff7f6}.related h2{font-family:var(--serif);font-size:32px;font-weight:500;color:#6d293e;margin:0 0 20px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.related-card img{width:100%;height:120px;object-fit:cover}.related-card div{padding:14px}.related-card h3{font-family:var(--serif);font-size:18px;line-height:1.15;font-weight:500;margin:0 0 9px;color:#5f293a}.related-card a{font-size:10px;color:var(--rose-deep);font-weight:750}.article-cta{padding:26px 0;background:linear-gradient(90deg,#ae2c49,#cf536d);color:#fff}.article-cta-grid{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.article-cta h2{font-family:var(--serif);font-size:28px;font-weight:500;margin:0 0 4px}.article-cta p{font-size:12px;margin:0;color:#ffecef}.article-cta .btn{background:#fff;color:#8e2940}
@media(max-width:980px){.blog-shell{width:min(100% - 36px,1160px)}.blog-hero-grid,.article-head-grid{grid-template-columns:1fr;gap:28px}.blog-hero h1{font-size:48px}.blog-hero-note{max-width:650px}.blog-tools-row{grid-template-columns:1fr}.filter-chips{justify-content:flex-start}.blog-index-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.article-head h1{font-size:46px}.article-hero-img{max-width:620px}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.blog-shell{width:min(100% - 24px,1160px)}.blog-hero{padding:40px 0 30px}.blog-hero h1{font-size:39px}.blog-hero p{font-size:15px}.blog-hero-note{font-size:17px}.filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.filter-chip{white-space:nowrap}.blog-index-grid{grid-template-columns:1fr}.index-card-media{height:180px}.article-head{padding-top:22px}.article-head h1{font-size:38px}.article-deck{font-size:15px}.article-layout{gap:35px}.article-content{font-size:15px;line-height:1.72}.article-content h2{font-size:27px}.article-sidebar{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.article-cta-grid{grid-template-columns:1fr}.article-cta .btn{width:100%}}
