*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#202020;background:#f8f7f4;font-family:Arial,Helvetica,sans-serif}a{color:inherit}img{max-width:100%}:root{--institute-color:#13306c;--gold:#efb90a}.blog-topline{min-height:32px;background:#151515;color:#d9d9d9;padding:7px max(26px,calc((100% - 1210px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.025em}.blog-topline a{text-decoration:none;color:#f6cf50;font-weight:bold}.blog-header{height:83px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(26px,calc((100% - 1210px)/2));box-shadow:0 3px 20px rgba(0,0,0,.045);position:relative;z-index:5}.blog-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.blog-brand img{width:58px;height:58px;object-fit:contain}.blog-brand span{display:grid;gap:3px}.blog-brand strong{font-size:20px;letter-spacing:.15em}.blog-brand small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#707070}.blog-site-nav{display:flex;align-items:center;gap:31px}.blog-site-nav a{text-decoration:none;font-size:13px;font-weight:700;color:#303030}.blog-site-nav a:hover{color:#a57500}.blog-menu{display:none;border:1px solid #ddd;border-radius:8px;padding:9px 12px;background:#fff;font-weight:700;cursor:pointer}
.blog-leader-photos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:230px;margin:0 auto 19px}.blog-leader-photos .blog-leader-photo{display:block;flex:0 0 70px;width:70px;height:70px;margin:0;padding:3px}.blog-leader-photos-1 .blog-leader-photo{flex-basis:156px;width:156px;height:156px;padding:5px}.blog-leader-photos-2 .blog-leader-photo{flex-basis:110px;width:110px;height:110px}.blog-leader-photos-4{max-width:200px}.blog-leader-photos-4 .blog-leader-photo{flex-basis:96px;width:96px;height:96px}.blog-leader-photos-5{max-width:214px}.blog-leader-photos-5 .blog-leader-photo{flex-basis:66px;width:66px;height:66px}.blog-leader-group h3{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.blog-hero{min-height:350px;position:relative;background:linear-gradient(125deg,var(--institute-color),#11243e);display:flex;align-items:flex-end;overflow:hidden}.blog-hero picture,.blog-hero picture img,.blog-hero-overlay{position:absolute;inset:0;width:100%;height:100%}.blog-hero picture img{object-fit:cover}.blog-hero-overlay{background:linear-gradient(90deg,rgba(5,12,23,.84),rgba(5,12,23,.48) 64%,rgba(5,12,23,.16))}.blog-hero-content{position:relative;z-index:1;color:#fff;width:min(1210px,100%);margin:0 auto;padding:65px 26px 54px}.blog-back{font-size:11px;text-decoration:none;color:#f9d65e;font-weight:800;display:inline-block;margin-bottom:27px}.blog-kicker,.blog-label{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:800;color:#b58400}.blog-kicker{color:#ffe27e}.blog-hero h1{max-width:840px;font-size:clamp(29px,4.1vw,52px);line-height:1.08;letter-spacing:-.035em;margin:11px 0 15px;text-wrap:balance}.blog-hero p{font-size:14px;line-height:1.6;max-width:570px;color:#eeece6;margin:0}.blog-section-nav{position:sticky;top:0;z-index:4;background:#fff;border-bottom:1px solid #e5e0d3;display:flex;align-items:center;justify-content:center;gap:28px;overflow:auto;padding:0 20px;box-shadow:0 6px 18px rgba(15,15,15,.045)}.blog-section-nav a{flex:none;text-decoration:none;display:block;padding:20px 1px;color:#5f5b54;font-size:11px;font-weight:800;border-bottom:3px solid transparent}.blog-section-nav a:hover{color:var(--institute-color);border-color:var(--gold)}.blog-container{width:min(1210px,100%);margin:auto;padding:0 26px}.blog-container section{scroll-margin-top:82px}.blog-heading{margin-bottom:27px}.blog-heading h2{font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.03em;margin:8px 0 0}.blog-heading p{color:#77716b;font-size:13px;margin:10px 0 0}.blog-about{padding:69px 0 70px}.blog-about-grid{display:grid;grid-template-columns:270px 1fr;gap:45px;align-items:center}.blog-leader{border:1px solid #e9e2d3;background:#fff;padding:24px 20px;border-radius:18px;text-align:center;box-shadow:0 14px 35px rgba(12,18,27,.06)}.blog-leader-photo{width:156px;height:156px;border-radius:50%;padding:5px;border:2px solid var(--gold);margin:0 auto 17px;overflow:hidden}.blog-leader-photo img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.blog-leader span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#9d7606;font-weight:800}.blog-leader h3{font-size:17px;line-height:1.35;margin:7px 0 0}.blog-about-copy{padding-right:30px}.blog-small-rule{display:block;width:48px;height:4px;background:var(--gold);border-radius:2px}.blog-about-copy h3{font-size:25px;letter-spacing:-.02em;line-height:1.25;margin:18px 0 16px}.blog-about-copy p{color:#615e5a;font-size:14px;line-height:1.8;white-space:normal;margin:0}.blog-news{padding:72px 0 82px;border-top:1px solid #e7e1d6}.blog-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-news-card{display:flex;flex-direction:column;border:1px solid #e8e2d8;border-radius:14px;background:#fff;overflow:hidden;text-decoration:none;box-shadow:0 13px 30px rgba(16,20,26,.045);transition:transform .2s,box-shadow .2s}.blog-news-card:hover{transform:translateY(-4px);box-shadow:0 20px 36px rgba(16,20,26,.11)}.blog-news-image{display:grid;place-items:center;height:205px;background:#efeee9;overflow:hidden}.blog-news-image img{width:100%;height:100%;object-fit:cover}.blog-news-image img.blog-logo-placeholder{width:100px;height:100px;object-fit:contain}.blog-news-meta{font-size:10px;color:#9c760e;font-weight:800;letter-spacing:.045em;padding:20px 19px 0;text-transform:uppercase}.blog-news-card strong{font-size:17px;line-height:1.35;padding:9px 19px 0;min-height:75px}.blog-read{margin-top:auto;padding:19px;color:var(--institute-color);font-size:11px;font-weight:800}.blog-read span{padding-left:5px}.blog-empty{padding:24px;border:1px dashed #d5cfc3;border-radius:12px;background:#fdfcf9;color:#8b847b;font-size:13px}.blog-article{background:#fff;border:1px solid #e6e0d6;border-radius:17px;padding:28px;box-shadow:0 15px 35px rgba(20,20,20,.05)}.blog-return{display:block;font-size:11px;font-weight:800;text-decoration:none;color:#8d6900;margin-bottom:24px}.blog-article h3{font-size:clamp(24px,3vw,34px);line-height:1.22;letter-spacing:-.025em;margin:11px 0 23px}.blog-article-copy{font-size:15px;line-height:1.8;color:#42413d;max-width:890px}.blog-article-copy h2{font-size:24px}.blog-article-copy h3{font-size:19px}.blog-article-copy a{color:var(--institute-color);font-weight:700}.blog-article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}.blog-article-gallery img{display:block;width:100%;border-radius:8px}.blog-resource-section{padding:68px 0;border-top:1px solid #e7e1d6}.blog-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.blog-resource{display:flex;align-items:flex-start;gap:16px;padding:23px;border:1px solid #e8e2d8;border-radius:13px;background:#fff}.blog-resource-mark{width:40px;height:40px;border-radius:10px;flex:none;background:#fff3cd;color:#a57900;font-size:21px;font-weight:bold;display:grid;place-items:center}.blog-resource h3{font-size:16px;margin:0 0 9px;line-height:1.4}.blog-resource p{font-size:12px;line-height:1.65;color:#65615b;margin:0 0 14px}.blog-resource a{font-size:11px;font-weight:800;color:var(--institute-color);text-decoration:none}.blog-resource a:hover{text-decoration:underline}.blog-contact{margin:55px 0 90px;padding:35px 40px;border-radius:18px;background:var(--institute-color);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.blog-contact .blog-label{color:#ffe082}.blog-contact h2{font-size:30px;margin:7px 0 10px}.blog-contact p{font-size:14px;line-height:1.7;color:#f5f2eb;margin:0}.blog-contact>a{border:1px solid rgba(255,255,255,.5);padding:12px 16px;border-radius:8px;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.blog-contact>a:hover{background:rgba(255,255,255,.12)}.blog-footer{background:#111;color:#c6c6c6;padding:27px max(26px,calc((100% - 1210px)/2));display:flex;justify-content:space-between;gap:20px;font-size:11px}.blog-footer a{color:#f8cd47;text-decoration:none;font-weight:800}
@media(max-width:820px){.blog-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-section-nav{justify-content:flex-start}.blog-about-grid{grid-template-columns:220px 1fr;gap:25px}.blog-resource-grid{grid-template-columns:1fr}}
@media(max-width:680px){.blog-topline{font-size:9px}.blog-topline span{max-width:65%}.blog-header{height:70px}.blog-brand img{width:49px;height:49px}.blog-brand strong{font-size:17px}.blog-brand small{font-size:8px}.blog-menu{display:block}.blog-site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px 26px;box-shadow:0 15px 20px rgba(0,0,0,.1);flex-direction:column;align-items:flex-start;gap:18px}.blog-site-nav.open{display:flex}.blog-hero{min-height:360px}.blog-hero-content{padding:54px 25px 40px}.blog-hero h1{font-size:32px}.blog-hero p{font-size:12px}.blog-section-nav a{padding:15px 1px}.blog-container{padding:0 20px}.blog-about{padding:48px 0}.blog-about-grid{grid-template-columns:1fr}.blog-leader{max-width:300px;margin:auto;width:100%}.blog-about-copy{padding:0}.blog-about-copy h3{font-size:22px}.blog-news{padding:53px 0}.blog-news-grid{grid-template-columns:1fr}.blog-news-image{height:210px}.blog-resource-section{padding:48px 0}.blog-resource{padding:18px}.blog-contact{margin:30px 0 60px;padding:27px;align-items:flex-start;flex-direction:column}.blog-footer{flex-direction:column}.blog-article{padding:19px}.blog-article-gallery{grid-template-columns:1fr}}

/* La portada toma el color del instituto y se compone sin imágenes. */
.blog-hero{isolation:isolate;min-height:365px;background:var(--institute-color);border-bottom:3px solid var(--gold)}
.blog-hero::before{content:"";position:absolute;z-index:1;inset:0 0 0 auto;width:52%;pointer-events:none;opacity:.17;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1.5px);background-size:21px 21px;background-position:8px 12px}
.blog-hero::after{content:"";position:absolute;z-index:1;width:580px;height:580px;right:-110px;top:-218px;pointer-events:none;border:1px solid rgba(255,255,255,.21);border-radius:50%;box-shadow:0 0 0 94px rgba(255,255,255,.045),0 0 0 190px rgba(255,255,255,.025)}
.blog-hero-overlay{z-index:0;background:linear-gradient(96deg,rgba(8,18,32,.88) 0%,rgba(8,18,32,.65) 53%,rgba(8,18,32,.2) 100%)}
.blog-hero-content{z-index:2;padding-top:67px;padding-bottom:62px}
.blog-kicker{display:block;color:#ffe080}
.blog-kicker::before{content:"";display:block;width:48px;height:3px;margin-bottom:18px;background:var(--gold);border-radius:3px}
.blog-hero h1{max-width:900px;font-size:clamp(32px,4.2vw,58px);line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere;text-shadow:0 2px 18px rgba(0,0,0,.15)}
.blog-hero p{color:#f2f2ef}
@media(max-width:680px){.blog-hero{min-height:340px}.blog-hero-overlay{background:linear-gradient(115deg,rgba(8,18,32,.88),rgba(8,18,32,.58))}.blog-hero::before{width:68%;opacity:.12}.blog-hero::after{width:340px;height:340px;right:-160px;top:-68px;box-shadow:0 0 0 65px rgba(255,255,255,.035)}.blog-hero-content{padding:49px 22px 48px}.blog-hero h1{font-size:clamp(30px,8vw,42px);line-height:1.11}.blog-hero p{font-size:12px;line-height:1.6}}

.blog-resource-archive .blog-archive-title{margin:31px 0 15px;color:#4b4741;font-size:17px;line-height:1.35}
.blog-resource-archive .blog-heading+.blog-archive-title{margin-top:0}

.blog-hero-authorities{display:flex;align-items:center;gap:18px;max-width:900px;min-height:70px;margin:0 0 28px}
.blog-hero-authority-photos{display:flex;align-items:center;flex:none;isolation:isolate;padding:3px 0 3px 3px}
.blog-hero-authority-photos img{display:block;width:66px;height:66px;flex:none;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.96);background:#fff;box-shadow:0 7px 19px rgba(0,0,0,.24)}
.blog-hero-authority-photos img+img{margin-left:-14px}
.blog-hero-authority-copy{display:grid;gap:5px;min-width:0;padding-left:15px;border-left:2px solid var(--gold)}
.blog-hero-authority-copy span{color:#ffe080;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.blog-hero-authority-copy strong{color:#fff;font-size:14px;line-height:1.4;font-weight:700;text-wrap:balance}
.blog-hero .blog-hero-content h1{margin-top:0}
@media(max-width:680px){.blog-hero-authorities{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:25px}.blog-hero-authority-photos img{width:53px;height:53px;border-width:2px}.blog-hero-authority-photos img+img{margin-left:-10px}.blog-hero-authority-copy{padding-left:12px}.blog-hero-authority-copy strong{font-size:12px;line-height:1.45}}

/* El encabezado usa exactamente los mismos archivos de logo que la portada. */
.blog-header{height:106px}
.blog-brand-picture{display:block;line-height:0}
.blog-brand-picture img{display:block;width:clamp(290px,24vw,405px);height:88px;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:800px){.blog-header{height:96px}.blog-brand-picture img{width:86px;height:86px}}
@media(max-width:680px){.blog-site-nav{top:96px}}

.blog-section-nav{justify-content:flex-start;gap:30px;padding-right:26px;padding-left:max(26px,calc(50% - 579px));overflow-x:auto;overflow-y:hidden}
.blog-section-nav a{font-size:14px;line-height:1.25}
@media(max-width:680px){.blog-section-nav{gap:24px;padding-left:20px;padding-right:20px}.blog-section-nav a{font-size:13px}}