/* Blog with the look of the home page (fonts, colours and shapes of home-v2). Loaded after styles.v5.css and home-v2.css. */
body.blog-v2{font-family:'Figtree',system-ui,sans-serif;color:#191921;background:#FBF7F3;font-size:17px;line-height:1.55}
body.blog-v2 h1,body.blog-v2 h2,body.blog-v2 h3,body.blog-v2 h4{font-family:'Bricolage Grotesque',sans-serif;color:#191921}
body.blog-v2 .container{max-width:1240px;padding-left:20px;padding-right:20px}
.blog-v2 .blog-layout{padding-bottom:clamp(56px,7vw,96px)}

/* Listing */
.blog-v2 .blog-hero{padding:clamp(40px,6vw,80px) 0 8px}
.blog-v2 .blog-hero:before{display:none}
.blog-v2 .eyebrow{font-size:14px;font-weight:600;letter-spacing:.08em;color:#334DA0!important}
.blog-v2 .blog-title{font-weight:700;font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-.03em}
.blog-v2 .blog-subtitle{font-size:19px;color:#5A5660}
.blog-v2 .blog-filter{font:inherit;font-size:15px;font-weight:600;padding:10px 18px;min-height:44px;background:#FFFFFF;color:#191921;border:1px solid #E2D7CD}
.blog-v2 .blog-filter.active,.blog-v2 .blog-filter:hover{background:#191921;color:#FFFFFF;border-color:#191921}
.blog-v2 .article-card{border:0;border-radius:28px;box-shadow:none;padding:28px}
.blog-v2 .article-card:hover{box-shadow:0 10px 30px rgba(25,25,33,.08)}
.blog-v2 .article-tag{font-weight:600;letter-spacing:.06em}
.blog-v2 .article-card h2{font-size:22px;font-weight:500;line-height:1.25}
.blog-v2 .article-card h2 a{color:#191921}
.blog-v2 .article-card h2 a:hover{color:#334DA0}
.blog-v2 .article-meta{color:#5A5660;font-weight:500}
.blog-v2 .article-read{font-weight:600;color:#334DA0;font-size:15px}
.blog-v2 .sidebar-card{border:0;border-radius:28px;box-shadow:none}
.blog-v2 .sidebar-title{font-weight:600;letter-spacing:.08em;color:#334DA0}
.blog-v2 .sidebar-cat{color:#191921}
.blog-v2 .sidebar-cat:hover{background:#FBF7F3}
.blog-v2 .sidebar-card .btn-primary{background:#334DA0;border-color:#334DA0;border-radius:999px;min-height:48px}
.blog-v2 .page-btn{font:inherit;font-size:15px;font-weight:600;min-width:44px;min-height:44px;border:1px solid #E2D7CD;border-radius:999px;color:#191921}
.blog-v2 .page-btn.active,.blog-v2 .page-btn:hover{background:#191921;border-color:#191921;color:#FFFFFF}

/* Article */
.blog-v2 .article-back{color:#5A5660;font-weight:600;font-size:15px}
.blog-v2 .article-back:hover{color:#191921}
.blog-v2 .article-layout{max-width:820px}
.blog-v2 .article-body{border:0;box-shadow:none;border-radius:28px;padding:clamp(22px,4vw,48px)}
.blog-v2 .article-banner-wrap img{border-radius:22px!important}
.blog-v2 .article-post-preheader{font-family:'Figtree',sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.blog-v2 .article-post-title{font-weight:700;font-size:clamp(34px,4.6vw,52px);line-height:1.04;letter-spacing:-.03em}
.blog-v2 .article-post-summary{font-size:19px;color:#5A5660;line-height:1.55}
.blog-v2 .article-body p,.blog-v2 .article-body li{color:#2E2B33;font-size:17px;line-height:1.75}
.blog-v2 .article-body h2{font-weight:700;font-size:clamp(26px,3vw,34px);line-height:1.12;letter-spacing:-.02em;margin:40px 0 16px}
.blog-v2 .article-body h3{font-weight:700;font-size:clamp(21px,2.4vw,25px);line-height:1.2;letter-spacing:-.01em;margin:32px 0 12px}
.blog-v2 .article-body h4{font-weight:500;font-size:20px;line-height:1.25;margin:28px 0 10px}
.blog-v2 .article-body a{color:#334DA0;text-decoration:underline;text-underline-offset:3px}
.blog-v2 .article-body a:hover{color:#22357A}
.blog-v2 .article-body img{border-radius:18px}
.blog-v2 .article-post-divider{border:0;border-top:1px solid #EFE6DE;margin:28px 0}
.blog-v2 .article-toc-box{background:#FBF7F3;border:0;border-radius:22px}
.blog-v2 .article-toc-box a{text-decoration:none}
.blog-v2 .article-callout-box{background:#EEF1FA;border-left-color:#334DA0}
.blog-v2 .article-data-table th{background:#EEF1FA}
.blog-v2 .article-data-table th,.blog-v2 .article-data-table td{border-color:#EFE6DE}
.blog-v2 .article-body blockquote{border-left-color:#F0966F;background:#FDE8E2}
.blog-v2 .sidebar-card[style*="gradient"]{background:#191921!important}
.blog-v2 .sidebar-card[style*="gradient"] .sidebar-title{color:#F0966F!important}
body.blog-v2 #contact h2{color:#FFFFFF}
/* "En resumen" / "In short" box at the top of each article (direct answer first). */
.blog-v2 .article-summary-box{background:#EEF1FA;border-radius:22px;padding:22px 26px;margin:0 0 28px}
.blog-v2 .article-summary-box .article-summary-title{font-family:'Figtree',sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#334DA0;margin:0 0 10px}
.blog-v2 .article-summary-box ul{margin:0;padding-left:20px}
.blog-v2 .article-summary-box li{margin:0 0 6px;color:#191921}
.blog-v2 .article-sources{font-size:15px}
.blog-v2 .author-name a{color:#191921;text-decoration:none;font-weight:600}
/* Wide tables and long links must not push the article wider than the phone screen. */
.blog-v2 .article-layout > *{min-width:0}
.blog-v2 .article-body{overflow-wrap:break-word}
@media(max-width:700px){.blog-v2 .article-body .article-data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
.blog-v2 .article-sources a{overflow-wrap:anywhere}
.blog-v2 .blog-layout > *{min-width:0}
/* On phones the category filters are one row that scrolls sideways. */
@media(max-width:700px){.blog-v2 .blog-filters{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.blog-v2 .blog-filters::-webkit-scrollbar{display:none}.blog-v2 .blog-filter{flex:none;white-space:nowrap}}
