.blog-related{padding-left:22px}.blog-related li{margin:10px 0}
.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-related-card{--card-accent:#185fa5;--card-dark:#06365f;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d8e4ed;border-radius:22px;background:#fff;box-shadow:0 10px 25px rgba(5,47,86,.07);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.blog-related-card[data-theme="1"]{--card-accent:#087f72;--card-dark:#064e49}
.blog-related-card[data-theme="2"]{--card-accent:#6355b8;--card-dark:#352e73}
.blog-related-card:hover{transform:translateY(-6px);border-color:var(--card-accent);box-shadow:0 18px 36px rgba(5,47,86,.15)}
.blog-card-visual{position:relative;display:flex;align-items:center;justify-content:space-between;height:126px;padding:24px;color:#fff;background:radial-gradient(circle at 82% 20%,rgba(255,255,255,.16),transparent 55%),linear-gradient(125deg,var(--card-dark),var(--card-accent));isolation:isolate}
.blog-card-visual:after{content:"";position:absolute;right:-28px;bottom:-62px;width:180px;height:180px;border:1px solid rgba(255,255,255,.2);border-radius:50%;z-index:-1;box-shadow:0 0 0 26px rgba(255,255,255,.04)}
.blog-card-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(255,255,255,.1)}
.blog-card-icon svg{width:30px;height:30px}
.blog-card-number{font-size:54px;font-weight:800;line-height:1;color:rgba(255,255,255,.2);margin-right:20px}
.blog-card-open{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.14)}
.blog-card-open svg{width:16px;height:16px}
.blog-card-body{display:flex;flex-direction:column;flex:1;padding:24px 20px}
.blog-related-category{align-self:flex-start;border-radius:999px;padding:5px 9px;background:#eef5fa;color:var(--card-accent);font-size:12px;font-weight:800;line-height:1.5}
.diario-public-page .blog-related-card h3{font-size:20px;line-height:1.35;margin:14px 0 12px}
.diario-public-page .blog-related-card h3{color:#052f56}
.diario-public-page .blog-related-card p{font-size:15px;line-height:1.65;margin:0 0 22px;color:#526b81}
.blog-related-action{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #e4edf4;color:var(--card-accent);font-size:15px;font-weight:800}
.blog-related-action>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef5fa;font-size:20px}
@media(max-width:1000px){.blog-related-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.blog-related-card{transition:none}.blog-related-card:hover{transform:none}}
.diario-public-page :is(h2,section)[id]{scroll-margin-top:110px}
.diario-hero-image{margin:0;align-self:center;min-width:0}
.diario-hero-image img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 18px 42px rgba(5,47,86,.12)}
.diario-hero-image figcaption{margin:12px 6px 0;font-size:13px;line-height:1.5;color:#526b81}
.diario-public-page a:focus-visible{outline:3px solid #df9200;outline-offset:4px}
.diario-quick-nav{display:flex;flex-wrap:wrap;gap:12px;padding:22px;border:1px solid #d8e4ed;border-radius:18px;background:#fff}
.diario-quick-nav a{color:#185fa5;font-weight:700;text-decoration:none;padding:8px 12px;background:#eef5fa;border-radius:8px}
.diario-byline{margin:0;color:#526b81;font-size:14px}
.diario-reading .section-heading{margin:0}
.diario-reading .section-heading p{color:#526b81}
.diario-guide .segment-seo-main h2{font-size:clamp(26px,3vw,38px)}
.diario-example dl{display:grid;gap:12px;margin:24px 0}
.diario-example dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:16px;border-radius:12px;background:#f1f7fc}
.diario-example dt{font-weight:700;color:#052f56}
.diario-example dd{margin:0;color:#526b81;line-height:1.65}
.diario-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-left:24px;margin:24px 0}
.diario-steps li{padding:10px}
.diario-steps h3{color:#052f56;margin:0}
.diario-image{width:min(1180px,calc(100% - 40px));margin:32px auto;padding:20px;border:1px solid #d8e4ed;border-radius:20px;background:#f7fafc}
.segment-seo-main .diario-image{width:100%;padding:14px;box-sizing:border-box}
.diario-image img{display:block;width:100%;height:auto;border-radius:12px}
.diario-image figcaption{margin-top:12px;font-size:15px;color:#526b81;line-height:1.65}
@media(max-width:700px){.diario-example dl>div,.diario-steps{grid-template-columns:1fr}.diario-example dl>div{gap:8px}.diario-public-page .cta{flex-wrap:wrap}.diario-public-page .cta a{white-space:normal}}