/* Blog España UTF-8: solo presentación, sin tocar el CSS compartido ni el blog antiguo. */
.ms-blog-main, .ms-blog-main * { box-sizing:border-box; }
.ms-blog-main { max-width:1380px; margin:0 auto; padding:16px 12px 48px; background:#eef2f5; color:#17212b; font-family:Arial,Helvetica,sans-serif; }
.ms-blog-main .ms-blog-layout { display:block; }
.ms-blog-main .ms-blog-content { min-width:0; }
.ms-blog-main .ms-blog-breadcrumb { background:transparent; height:auto; margin:0 0 12px; font-size:13px; line-height:1.5; color:#657687; }
.ms-blog-main .ms-blog-breadcrumb a { color:#17658f; }
.ms-blog-main .ms-blog-page-title { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px; margin:0 0 15px; background:#fff; border:1px solid #dde5ea; border-radius:9px; }
.ms-blog-main .ms-blog-page-title h1 { color:#193d55; margin:0 0 4px; font-size:32px; font-weight:700; line-height:1.2; }
.ms-blog-main .ms-blog-page-title p { margin:0; color:#657687; font-size:15px; line-height:1.5; }
.ms-blog-main .ms-blog-view { display:flex; flex:none; gap:7px; }
.ms-blog-main .ms-blog-view a { display:grid; place-items:center; width:36px; height:35px; border:1px solid #cbd7e0; border-radius:6px; color:#226b96; background:#fff; font-size:19px; text-decoration:none; }
.ms-blog-main .ms-blog-view a.active, .ms-blog-main .ms-blog-view a:hover { background:#17658f; border-color:#17658f; color:#fff; }
.ms-blog-main .ms-blog-filter { margin:0 0 12px; padding:10px 15px; background:#fff; border:1px solid #dde5ea; border-radius:7px; }
.ms-blog-main .ms-blog-filter a { margin-left:12px; font-size:13px; }
.ms-blog-main .ms-blog-list { display:flex; flex-direction:column; gap:14px; }
.ms-blog-main .ms-blog-card { display:flex; overflow:hidden; min-width:0; gap:22px; padding:16px; border:1px solid #dde5ea; border-radius:9px; background:#fff; }
.ms-blog-main .ms-blog-card-photo { display:block; flex:0 0 31%; max-width:300px; align-self:flex-start; }
.ms-blog-main .ms-blog-card-photo img { width:100%; height:185px; object-fit:cover; border-radius:6px; }
.ms-blog-main .ms-blog-card-info { min-width:0; flex:1; padding:1px 3px 0 0; }
.ms-blog-main .ms-blog-date { color:#63778a; font-size:13px; line-height:1.55; }
.ms-blog-main .ms-blog-card h2 { margin:6px 0 11px; font-size:23px; line-height:1.25; font-weight:700; }
.ms-blog-main .ms-blog-card h2 a { color:#17658f; font-weight:700; text-decoration:none; }
.ms-blog-main .ms-blog-card h2 a:hover { text-decoration:underline; }
.ms-blog-main .ms-blog-card p { color:#354653; font-size:14px; line-height:1.65; margin:0 0 13px; }
.ms-blog-main .ms-blog-more { font-size:14px; font-weight:700; color:#17658f; }
.ms-blog-main .ms-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ms-blog-main .ms-blog-grid .ms-blog-card { flex-direction:column; gap:0; }
.ms-blog-main .ms-blog-grid .ms-blog-card-photo { flex-basis:auto; width:100%; max-width:none; margin-bottom:14px; }
.ms-blog-main .ms-blog-grid .ms-blog-card-photo img { height:155px; }
.ms-blog-main .ms-blog-grid .ms-blog-card h2 { font-size:19px; }
.ms-blog-main .ms-blog-grid .ms-blog-card p { font-size:13px; }
.ms-blog-main .ms-blog-pagination { padding:24px 0 0; text-align:center; }
.ms-blog-main .ms-blog-pagination button { cursor:pointer; padding:11px 22px; border-radius:7px; background:#17658f; color:#fff; font-size:15px; font-weight:700; }
.ms-blog-main .ms-blog-pagination button:hover { background:#124c6d; }
.ms-blog-main .ms-blog-pagination button:disabled { opacity:.65; cursor:wait; }
.ms-blog-main .ms-blog-notice { padding:18px; background:#fff; border:1px solid #dde5ea; border-radius:8px; line-height:1.5; }
.ms-blog-main .ms-blog-article { padding:25px 30px 32px; border:1px solid #dde5ea; border-radius:9px; background:#fff; }
.ms-blog-main .ms-blog-article-head h1 { font-size:clamp(25px,3vw,35px); color:#193d55; line-height:1.2; font-weight:700; margin:0 0 12px; }
.ms-blog-main .ms-blog-article-head { margin-bottom:18px; }
.ms-blog-main .ms-blog-hero { margin:0 0 24px; text-align:center; }
.ms-blog-main .ms-blog-hero img { width:auto; max-width:100%; max-height:680px; height:auto; margin:0 auto; border-radius:6px; }
.ms-blog-main .ms-blog-author { display:flex; align-items:center; gap:14px; padding:14px 0; margin-bottom:16px; border-top:1px solid #e7edf1; border-bottom:1px solid #e7edf1; font-size:14px; line-height:1.5; }
.ms-blog-main .ms-blog-author strong { color:#213d50; }
.ms-blog-main .ms-blog-avatar { width:52px; height:52px; flex:none; border-radius:50%; object-fit:cover; }
.ms-blog-main .ms-blog-author-bio { margin-top:2px; color:#4f6170; }
.ms-blog-main .ms-blog-article-text { color:#263640; font-size:16px; line-height:1.75; overflow-wrap:anywhere; }
.ms-blog-main .ms-blog-article-text p { margin:0 0 17px; line-height:1.75; }
.ms-blog-main .ms-blog-article-text h2, .ms-blog-main .ms-blog-article-text h3 { font-weight:700; line-height:1.3; color:#193d55; margin:22px 0 10px; }
.ms-blog-main .ms-blog-article-text h2 {font-size:23px;}
.ms-blog-main .ms-blog-article-text h3 {font-size:19px;}
.ms-blog-main .ms-blog-article-text strong, .ms-blog-main .ms-blog-article-text b {font-weight:700;}
.ms-blog-main .ms-blog-article-text em, .ms-blog-main .ms-blog-article-text i {font-style:italic;}
.ms-blog-main .ms-blog-article-text ul { padding:0 0 0 24px; margin:12px 0; }
.ms-blog-main .ms-blog-article-text ol { padding:0 0 0 26px; margin:12px 0; }
.ms-blog-main .ms-blog-article-text li {list-style:disc; margin:6px 0;}
.ms-blog-main .ms-blog-article-text ol li {list-style:decimal;}
.ms-blog-main .ms-blog-article-text img { display:inline-block; max-width:100%; height:auto; margin:6px auto; }
.ms-blog-main .ms-blog-article-text iframe {max-width:100%;}
.ms-blog-main .ms-blog-article-text table {display:block;max-width:100%;overflow-x:auto;}
.ms-blog-main .ms-blog-tags { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:18px 0; margin-top:10px; border-top:1px solid #e7edf1; font-size:13px; }
.ms-blog-main .ms-blog-tags strong { font-weight:700; margin-right:5px; }
.ms-blog-main .ms-blog-tags a { padding:6px 10px; border-radius:14px; background:#eef5f8; color:#17658f; text-decoration:none; }
.ms-blog-main .ms-blog-tags a:hover { background:#dceef7; }
.ms-blog-main .ms-blog-gallery-title, .ms-blog-main .ms-blog-comments h2 { font-size:21px; font-weight:700; color:#193d55; margin:18px 0 14px; }
.ms-blog-main .ms-blog-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(145px,1fr)); gap:12px; margin-bottom:20px; }
.ms-blog-main .ms-blog-gallery img { width:100%; height:130px; object-fit:cover; border-radius:5px; }
.ms-blog-main .ms-blog-comments { width:100%; margin-top:24px; border-top:1px solid #e7edf1; padding-top:10px; background:transparent; }
.ms-blog-main .ms-share { background:transparent; }
@media(max-width:1100px) { .ms-blog-main .ms-blog-grid {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:850px) { .ms-blog-main .ms-blog-card-photo {flex-basis:34%;} }
@media(max-width:620px) { .ms-blog-main {padding:12px 9px 30px;} .ms-blog-main .ms-blog-page-title {padding:18px 16px;} .ms-blog-main .ms-blog-page-title h1 {font-size:28px;} .ms-blog-main .ms-blog-card {gap:12px;padding:13px;flex-direction:column;} .ms-blog-main .ms-blog-card-photo {flex-basis:auto;width:100%;max-width:none;} .ms-blog-main .ms-blog-card-photo img {height:190px;} .ms-blog-main .ms-blog-card h2 {font-size:21px;} .ms-blog-main .ms-blog-grid {grid-template-columns:1fr;} .ms-blog-main .ms-blog-article {padding:18px 15px;} .ms-blog-main .ms-blog-article-text {font-size:15px;} }