/* Blog de Gestión Ahorrista. Reutiliza /css/styles.css; reglas aisladas con .blog-. */
.blog-page{overflow-x:clip}
.blog-page .site-header{position:relative;z-index:5}
.blog-page .brand-text{font-size:18px}
.blog-page .desktop-nav a[aria-current="page"]{color:var(--teal)}
.blog-header-blog{display:none;color:var(--teal);font-size:12px;font-weight:800}
.blog-hero{background:radial-gradient(ellipse at 82% 26%,rgba(43,217,142,.21),transparent 54%),linear-gradient(124deg,#F9FEFB 0%,#F1FCF6 54%,#DEF7E9 100%);padding:76px 0 92px;position:relative;overflow:hidden}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:56px}
.blog-hero .section-eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:22px}
.blog-hero h1{font-size:clamp(44px,4.7vw,66px);line-height:1.1;letter-spacing:-.06em;max-width:730px;margin:0 0 24px}
.blog-hero-copy{color:#536F65;font-size:16px;line-height:1.75;max-width:585px;margin-bottom:27px}
.blog-hero-actions{display:flex;flex-wrap:wrap;gap:26px;align-items:center}
.blog-text-link,.blog-inline-link{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-weight:800;font-size:13px}
.blog-text-link:hover,.blog-inline-link:hover{text-decoration:underline;text-underline-offset:4px}
.blog-hero-disclaimer{font-size:11px;line-height:1.6;color:#6C8980;margin:23px 0 0;max-width:450px}
.blog-hero-art{height:370px;position:relative;display:grid;place-items:center;isolation:isolate}
.blog-art-dot{position:absolute;border-radius:50%;border:1px solid rgba(11,106,86,.12);z-index:-1}
.blog-art-dot-one{width:325px;height:325px;top:2%;right:0}
.blog-art-dot-two{width:440px;height:440px;top:-10%;right:-15%;border-color:rgba(11,106,86,.06)}
.blog-art-paper{border:1px solid #DAEBDF;background:#fff;border-radius:18px;box-shadow:0 20px 55px rgba(13,65,49,.1)}
.blog-art-paper-back{height:270px;width:275px;position:absolute;transform:translate(29px,-20px) rotate(10deg);background:#D7F5E3}
.blog-art-paper-main{position:relative;width:min(315px,88%);height:300px;display:flex;flex-direction:column;padding:28px;gap:14px;transform:rotate(-5deg)}
.blog-paper-kicker{color:var(--teal);font-weight:850;font-size:9px;letter-spacing:.14em;margin-bottom:7px}
.blog-paper-title{height:18px;width:87%;border-radius:4px;background:#17493D}
.blog-paper-title.short{width:66%}
.blog-paper-line{height:7px;width:95%;background:#E4EFE9;border-radius:3px;margin-top:8px}
.blog-paper-line.half{width:57%;margin-top:0}
.blog-paper-stamp{margin-top:auto;border:1px solid #B3E9C8;background:#E8FAEF;color:#0B7154;padding:12px;border-radius:9px;font-size:10px;font-weight:850;letter-spacing:.08em;align-self:flex-start}
.blog-art-label{position:absolute;bottom:4px;left:4%;padding:10px 14px;background:#fff;border:1px solid #DCF0E5;border-radius:99px;font-size:10px;font-weight:800;color:#2B6552;letter-spacing:.07em;box-shadow:0 10px 23px rgba(9,78,53,.06)}
.blog-feature-section{padding:0 0 88px;margin-top:-30px;position:relative;z-index:2}
.blog-spotlight{border:1px solid #E0EBE5;background:#fff;box-shadow:0 18px 54px rgba(14,79,50,.07);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;min-height:300px}
.blog-spotlight-copy{padding:40px 52px}
.blog-pill{display:inline-block;background:#E8F9F0;color:#09674C;padding:7px 11px;border-radius:999px;font-weight:830;font-size:10px;letter-spacing:.08em}
.blog-eyebrow{color:#7C9187;font-size:10px;font-weight:800;letter-spacing:.12em;margin:20px 0 11px}
.blog-spotlight h2{font-size:clamp(26px,2.8vw,38px);max-width:640px;letter-spacing:-.046em;line-height:1.2;margin:0 0 14px}
.blog-spotlight h2 a:hover{color:var(--teal)}
.blog-spotlight-copy>p:not(.blog-eyebrow){color:#71897C;max-width:560px;font-size:14px;line-height:1.7;margin-bottom:23px}
.blog-spotlight-visual{position:relative;overflow:hidden;background:linear-gradient(135deg,#0B6953,#12473D);padding:30px;color:#fff;display:flex;align-items:flex-end;justify-content:space-between}
.blog-spotlight-visual:before,.blog-spotlight-visual:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;width:310px;height:310px;top:-142px;right:-95px}
.blog-spotlight-visual:after{width:180px;height:180px;top:70px;right:60px}
.blog-spotlight-visual>span{position:absolute;top:33px;left:34px;color:#82D9B4;font-weight:800;font-size:13px;letter-spacing:.15em}
.blog-spotlight-visual p{position:relative;font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.04em;margin:0}
.blog-spotlight-visual-lines{position:absolute;right:20px;bottom:35px;display:grid;gap:7px;transform:rotate(-10deg);opacity:.55}
.blog-spotlight-visual-lines b{display:block;width:85px;height:6px;background:#98EDD0;border-radius:4px}
.blog-spotlight-visual-lines b:nth-child(2){width:60px}
.blog-spotlight-visual-lines b:nth-child(3){width:95px}
.blog-library{padding:0 0 104px}
.blog-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:33px}
.blog-section-heading .section-eyebrow{margin-bottom:13px}
.blog-section-heading h2{font-size:clamp(27px,3.1vw,42px);letter-spacing:-.046em;line-height:1.18;max-width:650px;margin:0 0 10px}
.blog-section-heading p:not(.section-eyebrow){font-size:14px;color:#74887E;margin:0}
.blog-library-count{white-space:nowrap;color:#799188;font-size:12px;font-weight:700}
.blog-controls{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:24px}
.blog-filters{display:flex;flex-wrap:wrap;gap:7px}
.blog-filters button{border:1px solid #D9E7DD;border-radius:999px;background:#fff;color:#567164;padding:10px 15px;font-size:12px;font-weight:750;transition:.15s}
.blog-filters button[aria-pressed="true"],.blog-filters button:hover{background:#0B6A56;color:#fff;border-color:#0B6A56}
.blog-search{flex:0 0 235px;border:1px solid #D8E5DB;background:#fff;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:6px;min-height:44px}
.blog-search:focus-within{outline:2px solid rgba(43,217,142,.5)}
.blog-search-symbol{font-size:23px;line-height:1;color:#76998A}
.blog-search input{border:0;background:none;outline:0;color:#294D40;min-width:0;width:100%;font-size:13px}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-card{border:1px solid #E2EDE5;border-radius:17px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(12,66,48,.09)}
.blog-card[hidden]{display:none!important}
.blog-card-banner{height:166px;position:relative;overflow:hidden;display:block}
.tone-mint{background:linear-gradient(130deg,#E5F9EB,#C9F2D9)}
.tone-blue{background:linear-gradient(130deg,#E6F3F7,#CCE8F0)}
.tone-coral{background:linear-gradient(130deg,#FFF0E9,#F7D9D0)}
.tone-green{background:linear-gradient(130deg,#0E6B53,#0A3E35)}
.blog-card-number{position:absolute;top:17px;left:20px;color:#0F775A;font-size:11px;font-weight:850;letter-spacing:.15em}
.tone-green .blog-card-number{color:#B0EFD6}
.blog-card-graphic{position:absolute;display:flex;gap:10px;align-items:flex-end;bottom:-23px;right:30px;transform:rotate(-12deg)}
.blog-card-graphic>span{display:block;width:80px;height:126px;border-radius:11px 11px 0 0;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.8);box-shadow:0 7px 20px rgba(18,66,58,.07)}
.blog-card-graphic>span:nth-child(2){height:161px;width:103px;background:rgba(255,255,255,.84)}
.blog-card-graphic>span:nth-child(3){height:105px;width:72px}
.blog-card-body{padding:24px 24px 19px;display:flex;flex-direction:column;min-height:248px}
.blog-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;color:#7C968B;font-size:10px;font-weight:700;margin-bottom:14px}
.blog-card-meta span:first-child{color:#0B7755}
.blog-card h3{font-size:19px;line-height:1.31;letter-spacing:-.035em;margin:0 0 12px}
.blog-card h3 a:hover{color:var(--teal)}
.blog-card-body>p{color:#758B80;line-height:1.7;font-size:12.5px;margin:0 0 24px}
.blog-card-bottom{margin-top:auto;padding-top:13px;border-top:1px solid #E7F0E9;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8EA197;font-size:11px}
.blog-card-bottom a{font-size:12px;font-weight:850;color:var(--teal)}
.blog-no-results{border:1px dashed #BCD5C5;background:#F6FBF7;padding:30px;border-radius:15px;text-align:center}
.blog-no-results p{color:#7A8F82}
.blog-no-results button{cursor:pointer}
.blog-cta-section{padding:0 0 90px}
.blog-cta-panel{border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(120deg,#0E3C35,#0B6A52);padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:35px;color:#fff}
.blog-cta-panel:after{position:absolute;content:'';border:1px solid rgba(255,255,255,.1);border-radius:50%;width:330px;height:330px;top:-145px;right:-45px;pointer-events:none}
.blog-cta-panel h2{font-size:clamp(29px,3.2vw,42px);letter-spacing:-.045em;color:#fff;margin:12px 0}
.blog-cta-panel p{font-size:14px;color:#BDDACD;max-width:580px;line-height:1.7;margin:0}
.blog-cta-panel>.primary-button{background:#fff;color:#075B43;border-color:#fff;flex:0 0 auto;position:relative;z-index:1}
.blog-cta-panel>.primary-button:hover{background:#E6F9EC;color:#075B43}
.blog-cta-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.blog-cta-badges span{border:1px solid rgba(186,233,213,.24);border-radius:99px;padding:7px 11px;color:#B9E2CC;font-size:11px;font-weight:700}
.blog-bottom-notice{padding:24px 0;background:#F7FCF9;border-top:1px solid #E7F0E9;color:#638075;font-size:12px;line-height:1.8}
.blog-bottom-notice strong{color:#305E4E}
.blog-footer-links{display:flex;gap:24px;flex-wrap:wrap;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;color:#AFD4C4}
.blog-footer-links a:hover{color:#fff;text-decoration:underline}
.blog-sr-only{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
/* Artículos */
.blog-breadcrumb-wrap{background:#F8FDF9;border-bottom:1px solid #E6F1E9}
.blog-breadcrumb{display:flex;gap:10px;align-items:center;min-height:52px;color:#72877B;font-size:11px;font-weight:700}
.blog-breadcrumb a:hover{color:var(--teal)}
.blog-post-heading{padding-top:65px;padding-bottom:45px;max-width:1000px}
.blog-post-topline{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#789084;font-size:11px;font-weight:700;margin-bottom:22px}
.blog-post h1{font-size:clamp(39px,4.8vw,63px);line-height:1.13;max-width:1000px;letter-spacing:-.056em;margin:0 0 22px}
.blog-post-deck{font-size:19px;line-height:1.7;color:#668073;max-width:790px;margin-bottom:27px}
.blog-authorline{display:flex;align-items:center;gap:12px}
.blog-avatar{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#DFF7E9;color:#0B7554;border-radius:13px;font-size:13px;font-weight:850}
.blog-authorline strong,.blog-authorline div span{display:block}
.blog-authorline strong{font-size:12px}
.blog-authorline div span{font-size:11px;margin-top:3px;color:#809488}
.blog-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:60px;align-items:start;max-width:1120px}
.blog-article-main{min-width:0}
.blog-article-cover{position:relative;border-radius:19px;min-height:265px;padding:38px;overflow:hidden;display:flex;flex-direction:column;justify-content:end;gap:15px}
.blog-article-cover>span{position:relative;z-index:2;font-size:11px;letter-spacing:.1em;font-weight:850;text-transform:uppercase;color:#0D6F51}
.blog-article-cover>strong{max-width:540px;position:relative;z-index:2;font-size:clamp(24px,3vw,35px);line-height:1.16;letter-spacing:-.04em;color:#164638}
.blog-article-cover.tone-green>span,.blog-article-cover.tone-green>strong{color:#fff}
.blog-cover-shape{position:absolute;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.6);border-radius:30px;transform:rotate(-25deg)}
.blog-cover-shape-one{width:360px;height:240px;top:-160px;right:-75px}
.blog-cover-shape-two{width:260px;height:220px;top:40px;right:-140px}
.blog-article-copy{padding:43px 0 12px;max-width:770px;color:#40594E;font-size:16px;line-height:1.88}
.blog-article-copy .blog-lead{color:#2E5143;font-size:18px;line-height:1.75;margin-bottom:31px}
.blog-article-copy h2{font-size:clamp(23px,2.5vw,30px);line-height:1.3;letter-spacing:-.035em;color:#173E33;margin:35px 0 15px;scroll-margin-top:25px}
.blog-article-copy p{margin:0 0 17px}
.blog-article-copy ul,.blog-article-copy ol{padding-left:26px;margin:8px 0 25px}
.blog-article-copy li{padding-left:5px;margin:7px 0}
.blog-article-copy a{color:#00735C;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.blog-article-copy .blog-fact{background:#F0FAF3;border-left:4px solid #25B67D;padding:23px 25px;border-radius:0 13px 13px 0;margin:29px 0}
.blog-fact strong{color:#0A5944}
.blog-fact p{margin:8px 0 0}
.blog-article-copy code{font-size:.83em;background:#EAF4ED;border-radius:5px;padding:3px 6px;overflow-wrap:anywhere}
.blog-article-notice{border-top:1px solid #E2EDE5;padding:25px 0;color:#7D9084;font-size:12px;line-height:1.75}
.blog-article-notice strong{color:#305F4B}
.blog-article-notice p{margin:7px 0 0}
.blog-article-cta{background:#EEF9F2;border:1px solid #D8EDE0;border-radius:19px;padding:30px 32px;margin:18px 0 78px}
.blog-article-cta h2{font-size:28px;letter-spacing:-.035em;margin:0 0 10px}
.blog-article-cta>p:not(.section-eyebrow){font-size:14px;line-height:1.75;color:#688377;max-width:560px;margin-bottom:23px}
.blog-sidebar-sticky{position:sticky;top:22px}
.blog-sidebar-card{border:1px solid #E4EEE7;border-radius:16px;padding:24px;background:#fff}
.blog-sidebar-eyebrow{font-weight:850;letter-spacing:.13em;font-size:10px;color:#6A8F7D;margin:0 0 17px}
.blog-sidebar-card nav{display:grid;gap:11px}
.blog-sidebar-card a{font-size:12px;line-height:1.5;color:#536D60;display:block;padding-left:12px;border-left:2px solid #DCEDE3}
.blog-sidebar-card a:hover{color:#0B6A56;border-left-color:#0B6A56}
.blog-sidebar-help{margin-top:15px;border-radius:16px;background:#0D3F35;padding:23px;color:#fff}
.blog-sidebar-help h3{font-size:20px;line-height:1.3;margin:0 0 9px}
.blog-sidebar-help p:not(.blog-sidebar-eyebrow){font-size:12px;line-height:1.6;color:#B5D7C5;margin-bottom:17px}
.blog-sidebar-help>a{font-size:12px;font-weight:800;color:#9BEECA}
.blog-related{padding:77px 0 97px;background:#F7FCF9;border-top:1px solid #E5F0E8}
.blog-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.blog-related-card{padding:26px;min-height:175px;border:1px solid #DAE9DF;background:#fff;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.blog-related-card:hover{border-color:#9BCDB5;box-shadow:0 8px 25px rgba(18,79,53,.07)}
.blog-related-tag{font-size:11px;font-weight:800;color:#0D8058}
.blog-related-card strong{font-size:20px;line-height:1.3;letter-spacing:-.03em}
.blog-related-card .blog-inline-link{margin-top:auto;font-size:11px}
@media(max-width:1000px){.blog-hero-grid{gap:20px;grid-template-columns:1fr .85fr}.blog-hero-art{height:320px}.blog-art-paper-back{width:230px}.blog-art-paper-main{width:270px}.blog-card-grid{gap:15px}.blog-card-body{padding:20px}.blog-controls{align-items:stretch;flex-direction:column}.blog-search{flex:0 0 auto;max-width:320px}.blog-article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 225px}}
@media(max-width:800px){.blog-header-blog{display:inline-block}.blog-hero-grid{grid-template-columns:1fr}.blog-hero{padding:54px 0 65px}.blog-hero-art{max-width:500px;width:100%;margin:0 auto}.blog-spotlight{grid-template-columns:1fr}.blog-spotlight-visual{min-height:160px}.blog-feature-section{padding-bottom:64px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-cta-panel{align-items:stretch;flex-direction:column}.blog-cta-panel>.primary-button{align-self:flex-start}.blog-article-layout{display:block}.blog-sidebar{display:none}.blog-post-heading{padding-top:45px}}
@media(max-width:580px){.blog-page .nav-inner{gap:10px}.blog-page .nav-status{font-size:0}.blog-page .nav-status span{font-size:18px}.blog-page .brand-text{font-size:15px}.blog-hero{padding-top:43px}.blog-hero h1{font-size:clamp(38px,10vw,50px)}.blog-hero-copy{font-size:14px}.blog-hero-actions{align-items:stretch;gap:19px}.blog-hero-actions>.primary-button{width:100%}.blog-hero-art{height:278px}.blog-art-paper-main{height:250px;width:252px}.blog-art-paper-back{height:225px;width:220px}.blog-paper-line{margin-top:2px}.blog-art-label{font-size:9px;bottom:1px}.blog-feature-section{margin-top:-12px}.blog-spotlight-copy{padding:26px}.blog-spotlight h2{font-size:28px}.blog-library{padding-bottom:70px}.blog-section-heading{display:block}.blog-section-heading h2{font-size:29px}.blog-library-count{display:block;margin-top:12px}.blog-card-grid{grid-template-columns:1fr;gap:15px}.blog-card-banner{height:140px}.blog-card-body{min-height:0}.blog-card h3{font-size:19px}.blog-controls{margin-bottom:17px}.blog-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:9px;scrollbar-width:thin}.blog-filters button{flex:0 0 auto;font-size:11px;padding:9px 12px}.blog-search{max-width:none}.blog-cta-section{padding-bottom:60px}.blog-cta-panel{padding:30px 23px}.blog-cta-panel>.primary-button{width:100%}.blog-cta-badges{gap:6px}.blog-cta-badges span{font-size:10px}.blog-post-heading{padding-top:33px;padding-bottom:29px}.blog-post h1{font-size:clamp(34px,9vw,46px)}.blog-post-deck{font-size:15px}.blog-post-topline{gap:8px}.blog-article-cover{min-height:206px;padding:25px}.blog-article-cover>strong{font-size:24px}.blog-article-copy{padding-top:27px;font-size:15px}.blog-article-copy .blog-lead{font-size:16px}.blog-article-copy h2{font-size:24px;margin-top:29px}.blog-article-cta{padding:24px 21px;margin-bottom:55px}.blog-article-cta h2{font-size:24px}.blog-related{padding:55px 0}.blog-related-grid{grid-template-columns:1fr}.blog-related-card{min-height:145px}.blog-footer-links{gap:14px 25px}.blog-bottom-notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-filters button{transition:none}}