/* Sociedad Tarijeña de Pediatría · Blog y eventos V3 */
.brand img,.brand-footer img{border-radius:50%;background:#fff;padding:2px}
.about-visual img{border-radius:50%;background:#fff}
.contact-seal{transform:none;opacity:.92}
.contact-seal img{border-radius:50%;background:#fff;padding:7px;box-shadow:0 14px 40px rgba(0,0,0,.1)}
.events-section{background:#f8fafb;position:relative}
.blog-section-intro{text-align:center;max-width:750px;margin:0 auto 41px}
.blog-section-intro h2,.blog-page-title{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(36px,4.2vw,58px);letter-spacing:-.065em;line-height:1.12;color:var(--navy);margin:13px 0 15px;font-weight:800}
.blog-section-intro h2 span,.blog-page-title span{font-family:"DM Serif Display",Georgia,serif;font-style:italic;font-weight:400;color:var(--blue);letter-spacing:-.04em}
.blog-section-intro p{font-size:14px;line-height:1.85;color:#627b8d;margin:0 auto;max-width:560px}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.blog-card{min-width:0;background:white;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid #e6edf1;box-shadow:0 12px 23px rgba(8,26,46,.055);transition:transform .25s ease,box-shadow .25s ease}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 21px 45px rgba(8,26,46,.12)}
.blog-cover{height:225px;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:22px 24px;color:#fff;isolation:isolate}
.blog-cover::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 26%,rgba(255,255,255,.17),transparent 30%);z-index:-1}
.blog-cover-event{background:linear-gradient(135deg,#081a2e,#1f4e6b)}
.blog-cover-training{background:linear-gradient(135deg,#1b4867,#5d8da6)}
.blog-cover-community{background:linear-gradient(135deg,#89a9bc,#c6d9e2);color:#103451}
.cover-mini{font-size:9px;font-weight:800;letter-spacing:.19em;line-height:1.6;position:relative;z-index:2}
.cover-abstract{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.cover-abstract i{position:absolute;width:200px;height:200px;border:1px solid rgba(255,255,255,.23);border-radius:50%;right:-19px;top:0}
.cover-abstract i:nth-child(2){width:132px;height:132px;right:16px;top:34px;border-width:20px;border-color:rgba(255,255,255,.045)}
.cover-abstract i:nth-child(3){width:350px;height:350px;right:-215px;top:-164px}
.cover-title{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:42px;line-height:1;letter-spacing:-.02em;position:relative;margin:auto 0 16px}
.cover-period{color:#a4c4d7}
.cover-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;letter-spacing:.18em;font-weight:800;position:relative;z-index:2}
.cover-bottom span{font-size:23px;letter-spacing:0;font-weight:400}
.cover-icon{position:absolute;inset:26px 0 18px;display:grid;place-items:center;pointer-events:none}
.cover-icon svg{width:150px;height:150px;opacity:.55;filter:drop-shadow(0 14px 10px rgba(6,25,44,.12))}
.blog-card-content{display:flex;flex-direction:column;flex:1;padding:25px 25px 27px}
.blog-card-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.blog-card-tags span{font-size:9px;text-transform:uppercase;letter-spacing:.085em;font-weight:800;color:#1f4e6b;background:#edf4f8;padding:7px 9px;border-radius:5px}
.blog-card h3{font-family:"Plus Jakarta Sans",sans-serif;font-size:19px;line-height:1.37;letter-spacing:-.04em;text-align:center;font-weight:800;color:#102d44;margin:0 0 14px}
.blog-card h3 a{color:inherit}
.blog-card h3 a:hover{color:#1f4e6b}
.blog-meta{text-align:center;font-size:10px;font-weight:700;color:#7292a6;margin:0 0 19px;line-height:1.7}
.blog-meta span{padding:0 3px}
.blog-excerpt{font-size:12px;color:#5d7283;line-height:1.85;margin:0 0 19px}
.blog-read-more{font-weight:800;font-size:12px;color:#1f4e6b;margin-top:auto;display:inline-flex;align-items:center;gap:8px;width:max-content}
.blog-read-more span{transition:transform .2s}
.blog-read-more:hover span{transform:translateX(4px)}
.blog-section-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px;border-top:1px solid #dfe8ed;padding-top:26px}
.blog-section-footer p{font-size:12px;color:#5f7787;line-height:1.7;max-width:550px;margin:0}
.blog-section-footer .button{white-space:nowrap;font-size:11px}

/* Archivo de entradas: misma apariencia editorial del bloque de inicio */
.blog-page{background:#f8fafb;min-height:67vh}
.blog-page-hero{padding:84px 0 52px;text-align:center;background:linear-gradient(180deg,#edf5f9 0%,#f8fafb 100%)}
.blog-page-hero .container{max-width:790px}
.blog-page-hero p{font-size:14px;color:#5b7587;line-height:1.8;margin:0 auto;max-width:640px}
.blog-archive{padding:15px 0 110px}
.blog-archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}
.blog-archive-toolbar h2{font-size:22px;letter-spacing:-.05em;margin:0;color:#0e2a47}
.blog-archive-toolbar p{color:#688396;font-size:11px;margin:0}
.blog-archive .blog-card-grid{align-items:stretch}

/* Página individual del curso, con programa completo como texto, nunca como afiche. */
.article-shell{background:#f8fafb;padding:64px 0 115px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:38px;align-items:start}
.article-breadcrumb{font-size:11px;font-weight:700;color:#6d8b9e;margin-bottom:22px;display:flex;gap:9px;flex-wrap:wrap}
.article-breadcrumb a{color:#1f4e6b}
.article-main{min-width:0}
.article-kicker{display:inline-block;background:#dceaf3;color:#245b79;font-weight:800;font-size:10px;letter-spacing:.12em;padding:9px 12px;border-radius:5px;text-transform:uppercase}
.article-main h1{font-size:clamp(34px,4vw,55px);line-height:1.13;letter-spacing:-.07em;color:#0e2a47;margin:19px 0 17px;font-weight:800}
.article-subtitle{font-size:16px;line-height:1.8;color:#546e82;max-width:710px;margin:0 0 30px}
.article-info-strip{display:grid;grid-template-columns:1fr 1fr 1.4fr;background:#e8f1f6;border:1px solid #d5e3ec;border-radius:13px;overflow:hidden;margin:0 0 38px}
.article-info-strip>div{padding:17px;border-right:1px solid #cedee8}
.article-info-strip>div:last-child{border-right:0}
.article-info-strip small{font-size:10px;font-weight:800;color:#507d95;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:7px}
.article-info-strip strong{font-size:12px;font-weight:800;color:#1d374b;line-height:1.6;display:block}
.article-content-card{background:#fff;border:1px solid #e2eaf0;border-radius:18px;padding:31px;margin-top:23px;box-shadow:0 12px 27px rgba(8,26,46,.04)}
.article-content-card h2{font-size:26px;letter-spacing:-.05em;color:#0e2a47;margin:0 0 11px}
.article-content-card>p{color:#61798b;font-size:13px;line-height:1.8;margin:0 0 18px}
.article-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:23px}
.article-topic{border:1px solid #dfebf1;border-radius:11px;padding:15px;background:#fbfdfe;min-width:0}
.article-topic-number{font-weight:800;font-size:11px;color:#376987;display:block;margin-bottom:8px;letter-spacing:.05em}
.article-topic h3{font-size:13px;font-weight:800;color:#183c54;line-height:1.55;margin:0 0 8px}
.article-topic p{font-size:11px;color:#718698;line-height:1.6;margin:0}
.article-organizers{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:10px}
.article-organizers li{font-size:12px;line-height:1.7;padding-left:20px;position:relative;color:#405b70}
.article-organizers li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;background:#6c9bb3;border-radius:50%}
.article-aside{position:sticky;top:108px;background:#0e2a47;color:white;border-radius:20px;padding:28px;box-shadow:0 19px 40px rgba(8,26,46,.12)}
.article-aside .side-label{color:#b3d0df;letter-spacing:.13em;font-size:10px;font-weight:800}
.article-aside h2{font-size:23px;line-height:1.2;letter-spacing:-.05em;margin:12px 0}
.article-aside p{font-size:12px;color:#d3e3ed;line-height:1.85}
.article-aside .button{width:100%;display:flex;justify-content:center;text-align:center;margin-top:20px;background:#fff;color:#14374f;font-size:11px;padding-inline:10px}
.article-aside .side-note{font-size:10px;line-height:1.6;opacity:.75;margin:13px 0 0}
.article-back{display:inline-flex;margin-top:35px;font-weight:800;font-size:12px;color:#1f4e6b;gap:7px}
.blog-page .site-header,.article-page .site-header{background:#fff}

@media(max-width:1000px){.blog-card-grid{gap:17px}.blog-cover{height:203px;padding:19px}.blog-card-content{padding:21px}.article-layout{grid-template-columns:minmax(0,1fr) 245px;gap:23px}}
@media(max-width:760px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{display:block}.article-aside{position:static;margin-top:24px}.blog-archive{padding-bottom:75px}}
@media(max-width:580px){.blog-section-intro{margin-bottom:28px}.blog-section-intro h2{font-size:37px}.blog-section-intro p{font-size:12px}.blog-card-grid{grid-template-columns:1fr;gap:17px;max-width:490px;margin-inline:auto}.blog-cover{height:222px}.blog-card h3{font-size:20px}.blog-card-content{padding:24px}.blog-section-footer{display:block;margin-top:30px}.blog-section-footer .button{margin-top:17px}.blog-page-hero{padding:55px 0 34px}.blog-page-title{font-size:40px}.blog-archive-toolbar{display:block;text-align:center}.blog-archive-toolbar p{margin-top:8px}.article-shell{padding:34px 0 75px}.article-info-strip{grid-template-columns:1fr 1fr}.article-info-strip>div:last-child{grid-column:1/-1;border-top:1px solid #cedee8}.article-info-strip>div:nth-child(2){border:0}.article-topic-grid{grid-template-columns:1fr}.article-content-card{padding:23px}.article-main h1{font-size:35px}.article-subtitle{font-size:14px}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-read-more span{transition:none}.blog-card:hover{transform:none}}