@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Montserrat:wght@600;700;800&display=swap');
:root{--sky:#cae3f9;--neutral:#f5f5f5;--yellow:#eabf09;--green:#94c194;--orange:#edb72b;--blue:#8ba5d4;--deep:#1f566b;--navy:#364c85;--cream:#fffdf6;--lime:#e2ea94;--mist:#eef0ef;--cyan:#00b3e6;--eco-orange:#f09200;--eco-green:#95bc0e;--teal:#1f566b;--white:#fff;--border:#d7e5e8;--muted:#61777e;--shadow:0 22px 60px rgba(31,86,107,.10);--radius:24px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--deep);background:#fff;font-family:'Manrope',Arial,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-60px;background:var(--deep);color:#fff;padding:10px 15px;z-index:1000}.skip-link:focus{top:16px}.site-header{background:#fff;position:relative;z-index:50;border-bottom:1px solid #e7f0f2}.topbar{min-height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.brand img{width:180px}.header-actions{justify-self:end;display:flex;align-items:center;gap:12px}.menu-toggle,.search-toggle,.search-close{border:0;background:transparent;color:var(--deep);cursor:pointer;font-weight:700}.menu-toggle{display:none}.portal-button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 24px;font-weight:800;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}.portal-button{background:var(--yellow);min-width:90px}.button:hover,.portal-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(35,57,64,.15)}.button.primary{background:var(--teal);color:#fff}.button.secondary{background:var(--yellow);color:var(--deep)}.main-nav{border-top:1px solid #eff4f5}.nav-inner{display:flex;justify-content:center;align-items:center;gap:25px;min-height:54px;overflow:auto}.nav-inner a{font-size:14px;font-weight:700;white-space:nowrap;color:#3f5a61}.nav-inner a:hover{color:var(--teal)}.site-search{background:#eaf5f8;border-top:1px solid var(--border)}.search-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:16px 0}.search-row input{border:1px solid #b5d5dc;border-radius:12px;padding:13px 15px;background:#fff}.search-row button[type=submit]{border:0;border-radius:12px;background:var(--teal);color:#fff;padding:0 22px;font-weight:800}.flash{margin-top:18px;padding:14px 18px;border-radius:12px}.flash-success{background:#eaf6ec;border:1px solid #b7dcbf}.flash-error{background:#fff0f0;border:1px solid #eab7b7}.home-hero{padding:42px 0 32px}.hero-feature{min-height:445px;background:linear-gradient(110deg,#e5f2f7 0%,#d9edf4 55%,#f7fbfc 100%);border:1px solid var(--border);border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;box-shadow:var(--shadow)}.hero-copy{padding:56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:12px}.hero-copy h1,.section-hero h1,.search-title h1,.article-header h1{font-family:'Comfortaa',sans-serif;line-height:1.13;color:var(--teal)}.hero-copy h1{font-size:clamp(38px,5vw,66px);margin:14px 0 18px;max-width:760px}.hero-copy p:not(.eyebrow){font-size:18px;color:#536d74;max-width:620px;margin:0 0 28px}.hero-image{min-height:445px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.section-pill{--pill-color:var(--teal);display:inline-flex;align-items:center;background:var(--pill-color);color:#fff;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:800;letter-spacing:.02em}.section-block{padding:62px 0}.soft-background{background:#f3f9fb;border-top:1px solid #e2f0f3;border-bottom:1px solid #e2f0f3}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{font-family:'Comfortaa',sans-serif;font-size:clamp(28px,4vw,42px);color:var(--teal);margin:4px 0 0}.section-heading>a{color:var(--teal);font-weight:800}.post-grid{display:grid;gap:24px}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.post-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(32,72,82,.06);transition:.2s transform,.2s box-shadow}.post-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(32,72,82,.12)}.post-card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#edf6f8}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:.3s transform}.post-card:hover .post-card-image img{transform:scale(1.035)}.post-card-body{padding:22px}.post-card h3{font-family:'Comfortaa',sans-serif;font-size:20px;line-height:1.3;color:#1f4e58;margin:14px 0 10px}.post-card p{color:var(--muted);font-size:14px;margin:0 0 18px}.post-card-meta{border-top:1px solid #edf2f3;padding-top:14px;display:flex;justify-content:space-between;gap:10px;color:#71858a;font-size:12px}.section-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.section-card{--section-color:var(--teal);background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px;min-height:210px;position:relative;overflow:hidden;box-shadow:0 12px 35px rgba(32,72,82,.06)}.section-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--section-color);opacity:.1;right:-32px;bottom:-42px}.section-dot{display:block;width:16px;height:16px;border-radius:50%;background:var(--section-color)}.section-card h3{font-family:'Comfortaa',sans-serif;color:#234c55;margin:18px 0 8px}.section-card p{color:var(--muted);font-size:14px}.section-card>span:last-child{font-weight:800;color:var(--section-color)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit-card{border:1px solid var(--border);border-radius:20px;padding:28px;background:linear-gradient(150deg,#fff,#f2faf5)}.benefit-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#dff0e2;color:#477b50;font-size:22px}.benefit-card h3{font-family:'Comfortaa',sans-serif;margin:18px 0 8px;color:#2b5d51}.benefit-card p{color:var(--muted)}.benefit-card a{font-weight:800;color:var(--teal)}.newsletter-band{padding:48px 0;background:linear-gradient(100deg,#dceef5,#edf7ef)}.newsletter-content{display:flex;align-items:center;justify-content:space-between;gap:30px}.newsletter-content h2{font-family:'Comfortaa',sans-serif;color:var(--teal);font-size:34px;margin:5px 0}.newsletter-content p{margin:0;color:var(--muted)}.section-hero{background:linear-gradient(120deg,#e7f3f7,#fff);border-bottom:1px solid var(--border);padding:64px 0;position:relative;overflow:hidden}.section-hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:var(--section-color);opacity:.13;right:8%;top:-130px}.section-hero h1{font-size:clamp(42px,7vw,76px);margin:8px 0 10px}.section-hero p{color:var(--muted);font-size:18px}.search-page{padding:65px 0}.search-title{text-align:center;margin-bottom:30px}.search-title h1{font-size:clamp(34px,5vw,55px);margin:8px 0}.search-form-large{display:grid;grid-template-columns:1fr auto;gap:12px;max-width:800px;margin:0 auto 36px}.search-form-large input{border:1px solid #afcfd6;border-radius:999px;padding:16px 22px}.results-count{margin:0 0 24px;color:var(--muted)}.article-page{padding:55px 0 70px}.article-header{max-width:950px;margin:0 auto 34px;text-align:center}.article-header h1{font-size:clamp(38px,6vw,68px);margin:22px 0 14px}.article-lead{font-size:20px;color:#60777d;max-width:800px;margin:0 auto 22px}.article-byline{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:#71868b;font-size:14px}.article-cover{margin:0 auto 45px;max-width:1100px;border-radius:26px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);aspect-ratio:16/8.4}.article-cover img{width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:60px;max-width:1080px;margin:0 auto}.prose{font-size:17px;color:#324c53}.prose p{margin:0 0 1.25em}.prose h2,.prose h3,.prose h4{font-family:'Comfortaa',sans-serif;color:var(--teal);line-height:1.25;margin:1.6em 0 .6em}.prose h2{font-size:31px}.prose h3{font-size:24px}.prose ul,.prose ol{padding-left:24px}.prose blockquote{margin:30px 0;padding:20px 26px;border-left:5px solid var(--yellow);background:#fff9dc;border-radius:0 16px 16px 0;font-family:'Comfortaa',sans-serif;color:#4b5e64}.prose img{border-radius:18px;margin:25px auto}.article-aside{position:relative}.article-stats,.share-box{border:1px solid var(--border);border-radius:18px;padding:20px;background:#f7fbfc}.article-stats{display:flex;flex-direction:column;gap:8px;color:var(--muted);margin-bottom:18px}.share-box h2{font-family:'Comfortaa',sans-serif;font-size:19px;color:var(--teal);margin:0 0 12px}.share-box button{display:block;width:100%;border:0;border-radius:10px;padding:11px 12px;margin-top:8px;font-weight:800;cursor:pointer}.share-button{background:var(--teal);color:#fff}.copy-link{background:#dbeef3;color:var(--deep)}.reaction-bar{max-width:900px;margin:55px auto 0;background:#e7f3f7;border:1px solid var(--border);border-radius:22px;padding:28px;text-align:center}.reaction-bar h2{font-family:'Comfortaa',sans-serif;color:var(--teal);margin:0 0 18px}.reaction-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.reaction-buttons button{border:1px solid #b9d6dd;background:#fff;border-radius:999px;padding:10px 18px;display:flex;gap:12px;align-items:center;cursor:pointer}.reaction-buttons button.active{background:var(--teal);color:#fff}.reaction-buttons strong{min-width:24px;height:24px;border-radius:999px;background:#e9f3f5;display:grid;place-items:center;color:var(--deep);font-size:12px}.reaction-message{min-height:22px;margin:12px 0 0;color:var(--muted)}.preview-banner{background:#fff2b5;border-bottom:1px solid #e4c34a;padding:12px;text-align:center;font-weight:800}.empty-state,.error-page{padding:70px 30px;text-align:center;border:1px dashed #b7d6dc;border-radius:22px;background:#f7fbfc}.empty-state h1,.empty-state h2,.error-page h1{font-family:'Comfortaa',sans-serif;color:var(--teal)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:38px}.pagination a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font-weight:800}.pagination a.active{background:var(--teal);color:#fff;border-color:var(--teal)}.site-footer{background:#f8fbfc;margin-top:0;position:relative}.wave{height:55px;background:var(--blue);clip-path:polygon(0 55%,8% 43%,18% 55%,29% 40%,42% 56%,54% 42%,68% 58%,82% 44%,100% 55%,100% 100%,0 100%)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:48px 0}.footer-grid h2{font-family:'Comfortaa',sans-serif;color:var(--teal);font-size:17px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid p{color:var(--muted);max-width:420px}.footer-grid a,.link-button{color:#536c73;border:0;background:none;padding:0;cursor:pointer}.footer-bottom{border-top:1px solid #dce9ec;padding:18px 0 28px;display:flex;justify-content:space-between;color:#789096;font-size:13px}@media(max-width:980px){.three-columns{grid-template-columns:repeat(2,1fr)}.section-cards{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.article-stats{margin-bottom:0}.hero-feature{grid-template-columns:1fr}.hero-image{min-height:320px;order:-1}.hero-copy{padding:40px}.nav-inner{justify-content:flex-start}.article-layout{max-width:800px}}@media(max-width:760px){.container{width:min(100% - 26px,var(--container))}.topbar{min-height:76px;grid-template-columns:auto 1fr auto}.brand{justify-self:center}.brand img{width:135px}.menu-toggle{display:inline-block}.search-toggle{display:none}.portal-button{padding:9px 14px;font-size:13px}.main-nav{display:none}.main-nav.open{display:block}.nav-inner{flex-direction:column;align-items:stretch;padding:12px 0;gap:0}.nav-inner a{padding:10px 4px}.search-row{grid-template-columns:1fr auto}.search-close{grid-column:1/-1}.hero-feature{border-radius:22px}.hero-copy{padding:30px 24px}.hero-copy h1{font-size:38px}.hero-image{min-height:240px}.section-block{padding:45px 0}.three-columns,.section-cards,.benefit-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.newsletter-content{align-items:flex-start;flex-direction:column}.article-page{padding-top:36px}.article-header{text-align:left}.article-header h1{font-size:38px}.article-byline{justify-content:flex-start}.article-cover{border-radius:18px;aspect-ratio:4/3}.article-layout{gap:30px}.article-aside{grid-template-columns:1fr}.reaction-bar{padding:22px 16px}.reaction-buttons{flex-direction:column}.reaction-buttons button{justify-content:space-between}.search-form-large{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-bottom{flex-direction:column;gap:6px}.post-card-meta{flex-direction:column}.section-hero{padding:45px 0}}

/* Identidad EcoNews / Ecoclean — versión 2 */
body{background:var(--cream);color:#173e4d}
.parent-ribbon{background:var(--deep);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em}
.parent-ribbon-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.parent-ribbon a{color:var(--lime);font-weight:800}
.site-header{position:sticky;top:0;background:rgba(255,253,246,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(31,86,107,.12);box-shadow:0 8px 28px rgba(31,86,107,.04)}
.topbar{min-height:88px;grid-template-columns:auto 1fr auto}
.brand{justify-self:start;display:flex;align-items:center}
.brand img{width:178px;height:auto}
.header-actions{gap:18px}
.company-link{font-size:13px;color:var(--deep);font-weight:800;opacity:.78}
.company-link:hover{opacity:1}
.search-toggle{border:1px solid rgba(31,86,107,.16);border-radius:999px;padding:10px 16px;background:#fff;color:var(--deep)}
.portal-button{background:var(--eco-orange);color:#fff;box-shadow:0 10px 24px rgba(240,146,0,.22);padding:11px 20px}
.portal-button:hover,.button.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(240,146,0,.28)}
.main-nav{background:#fff;border-top:1px solid rgba(31,86,107,.08)}
.nav-inner{gap:26px;justify-content:center;min-height:48px}
.nav-inner a{position:relative;color:#244f5e;font-size:13px;font-weight:800}
.nav-inner a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:3px;border-radius:999px;background:var(--cyan);transition:.2s right}
.nav-inner a:hover:after{right:0}
.site-search{background:var(--deep);color:#fff}
.site-search input{background:#fff;border:0}
.site-search button{color:#fff}

.home-hero{position:relative;padding:54px 0 0;background:radial-gradient(circle at 82% 10%,rgba(202,227,249,.72),transparent 30%),linear-gradient(180deg,var(--cream),#fff);overflow:hidden}
.home-hero:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:var(--lime);opacity:.34;left:-95px;top:180px}
.home-hero:after{content:"";position:absolute;width:170px;height:170px;border-radius:48% 52% 58% 42%;background:var(--yellow);opacity:.15;right:-55px;bottom:90px;transform:rotate(24deg)}
.hero-shell{position:relative;z-index:2}
.hero-brand-note{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--deep);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.brand-note-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:15px 0 0 var(--eco-orange),30px 0 0 var(--eco-green);margin-right:30px}
.hero-feature{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr);background:#fff;border:1px solid rgba(31,86,107,.13);border-radius:34px;overflow:hidden;box-shadow:0 30px 80px rgba(31,86,107,.13)}
.hero-copy{padding:58px 56px;display:flex;flex-direction:column;justify-content:center;position:relative}
.hero-copy:before{content:"";position:absolute;width:76px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--cyan) 0 33%,var(--eco-orange) 33% 66%,var(--eco-green) 66%);top:28px;left:56px}
.hero-copy h1{font-size:clamp(42px,5.4vw,70px);line-height:1.02;letter-spacing:-.045em;color:var(--deep);margin:15px 0 20px}
.hero-copy p:not(.eyebrow){font-size:18px;line-height:1.72;color:#5b727a}
.eyebrow{color:var(--navy);font-weight:800;letter-spacing:.10em;text-transform:uppercase;font-size:11px}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.button.primary{background:var(--eco-orange);color:#fff;box-shadow:0 10px 24px rgba(240,146,0,.20)}
.button.secondary{background:var(--deep);color:#fff}
.text-button{padding-inline:4px;color:var(--deep);background:transparent}
.hero-image{position:relative;min-height:500px;background:var(--sky)}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(31,86,107,.28));pointer-events:none}
.hero-image img{width:100%;height:100%;object-fit:cover}
.hero-image-label{position:absolute;z-index:2;right:24px;bottom:22px;background:rgba(255,255,255,.91);color:var(--deep);border-radius:999px;padding:8px 14px;font-family:'Comfortaa',sans-serif;font-size:12px;font-weight:700}
.hero-empty img{width:210px;margin:0 auto 18px}
.hero-wave{height:74px;margin-top:48px;background:var(--sky);clip-path:polygon(0 55%,8% 44%,19% 57%,31% 42%,45% 58%,57% 43%,70% 60%,84% 45%,100% 58%,100% 100%,0 100%)}

.community-intro{background:var(--sky);padding:38px 0 72px}
.community-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.community-copy h2,.section-heading h2,.newsletter-content h2{font-family:'Comfortaa',sans-serif;color:var(--deep)}
.community-copy h2{font-size:clamp(32px,4.5vw,52px);line-height:1.12;margin:8px 0 18px}
.community-copy p{font-size:17px;color:#4e6b75;max-width:520px}
.value-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.value-list article{min-height:170px;background:rgba(255,255,255,.86);border:1px solid rgba(31,86,107,.12);border-radius:22px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.value-list article:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;top:-24px;right:-18px;background:var(--eco-orange);opacity:.25}
.value-list article:nth-child(2):before{background:var(--cyan)}
.value-list article:nth-child(3):before{background:var(--eco-green)}
.value-list strong{font-family:'Comfortaa',sans-serif;color:var(--deep);font-size:20px;margin-bottom:10px}
.value-list span{font-size:13px;color:#647b83;line-height:1.55}

.section-block{padding:78px 0}
.section-heading{margin-bottom:34px}
.section-heading h2{font-size:clamp(31px,4vw,46px);letter-spacing:-.03em}
.section-heading p{margin:8px 0 0;color:var(--muted)}
.heading-link{display:inline-flex;gap:8px;align-items:center;border-bottom:2px solid var(--yellow);padding-bottom:4px;color:var(--deep)!important}
.post-card{border-radius:24px;border-color:rgba(31,86,107,.12);box-shadow:0 12px 38px rgba(31,86,107,.08)}
.post-card-body{padding:24px}
.post-card h3{color:var(--deep);font-size:21px}
.post-card-meta{color:#779097}
.section-pill{font-size:11px;padding:6px 13px}

.section-explorer{background:var(--deep);color:#fff;position:relative;overflow:hidden}
.section-explorer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(202,227,249,.18),transparent 26%),radial-gradient(circle at 90% 90%,rgba(226,234,148,.14),transparent 28%)}
.section-explorer .container{position:relative}
.section-explorer .eyebrow{color:var(--lime)}
.section-explorer .section-heading h2{color:#fff}
.section-explorer .section-heading p{color:#bfd2d8}
.section-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.section-card{background:rgba(255,255,255,.98);border:0;padding:28px;min-height:230px;box-shadow:none;transition:.25s transform,.25s background}
.section-card:hover{transform:translateY(-6px);background:#fff}
.section-card:after{width:160px;height:160px;opacity:.13}
.section-number{position:absolute!important;right:22px;top:18px;font-family:'Comfortaa',sans-serif;font-size:44px!important;color:var(--section-color)!important;opacity:.14;font-weight:700}
.section-card h3{font-size:21px;color:var(--deep)}
.section-card-link{color:var(--section-color)!important}

.benefit-card{background:#fff;border:1px solid rgba(31,86,107,.13);border-radius:24px;box-shadow:0 12px 35px rgba(31,86,107,.06);position:relative;overflow:hidden}
.benefit-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-34px;top:-34px;background:var(--lime);opacity:.38}
.benefit-card:nth-child(2):after{background:var(--sky)}
.benefit-card:nth-child(3):after{background:var(--yellow)}
.benefit-icon{background:var(--cream);border:1px solid var(--border);color:var(--eco-orange)}
.benefit-card h3{color:var(--deep)}

.newsletter-band{padding:58px 0;background:var(--yellow);position:relative;overflow:hidden}
.newsletter-band:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:#fff;opacity:.18;right:-95px;top:-110px}
.newsletter-content{display:grid;grid-template-columns:86px 1fr auto;position:relative;z-index:2}
.newsletter-mark{width:76px;height:76px;border-radius:24px;background:#fff;display:grid;place-items:center;box-shadow:0 12px 30px rgba(31,86,107,.13)}
.newsletter-mark img{width:54px;height:54px}
.newsletter-copy h2{font-size:34px;margin:4px 0;color:var(--deep)}
.newsletter-copy p{color:#3a5e69}
.newsletter-band .eyebrow{color:var(--navy)}

.site-footer{background:var(--cream)}
.footer-wave{height:58px;background:var(--deep);clip-path:polygon(0 62%,10% 43%,22% 58%,34% 41%,48% 58%,61% 42%,74% 59%,87% 44%,100% 58%,100% 100%,0 100%)}
.footer-grid{background:var(--deep);color:#fff;width:100%;max-width:none;padding:52px max(20px,calc((100% - var(--container))/2));grid-template-columns:1.7fr 1fr 1fr}
.footer-brand>img{background:#fff;border-radius:16px;padding:9px 12px;width:190px;height:auto}
.footer-grid p{color:#c6d8dd}
.footer-grid h2{color:var(--lime)}
.footer-grid a,.footer-grid .link-button{color:#e7f0f2}
.footer-parent{margin-top:18px;display:flex!important;flex-direction:column;align-items:flex-start!important;gap:8px!important;color:#b8cbd1;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.footer-parent a{background:#fff;border-radius:14px;padding:4px 10px;display:inline-flex}
.footer-parent img{width:145px;height:48px;object-fit:contain}
.footer-bottom{background:#173f4f;color:#c8d8dc;width:100%;max-width:none;padding:18px max(20px,calc((100% - var(--container))/2)) 26px;border-top:1px solid rgba(255,255,255,.12)}

.section-hero{background:linear-gradient(120deg,var(--sky),var(--cream));}
.section-hero h1,.article-header h1,.search-title h1{color:var(--deep)}
.article-cover{border-color:rgba(31,86,107,.12)}
.prose h2,.prose h3,.prose h4,.share-box h2,.reaction-bar h2{color:var(--deep)}
.reaction-bar{background:var(--sky)}
.share-button,.pagination a.active{background:var(--deep)}

@media(max-width:980px){
  .company-link{display:none}
  .community-grid{grid-template-columns:1fr;gap:34px}
  .value-list{grid-template-columns:repeat(3,1fr)}
  .newsletter-content{grid-template-columns:70px 1fr}.newsletter-content .button{grid-column:2}
}
@media(max-width:760px){
  .parent-ribbon-inner{justify-content:center}.parent-ribbon-inner>a{display:none}
  .site-header{top:0}.topbar{min-height:74px}.brand img{width:146px}
  .header-actions{gap:8px}.portal-button{font-size:0;padding:10px 13px}.portal-button:after{content:"Portal";font-size:12px}
  .hero-feature{grid-template-columns:1fr;border-radius:26px}.hero-image{min-height:280px;order:-1}.hero-copy{padding:42px 26px 34px}.hero-copy:before{left:26px;top:20px}.hero-copy h1{font-size:40px}
  .hero-brand-note{margin-left:4px}.hero-wave{height:50px;margin-top:34px}
  .community-intro{padding:28px 0 52px}.value-list{grid-template-columns:1fr}.value-list article{min-height:135px}
  .section-block{padding:54px 0}.section-cards{grid-template-columns:1fr}
  .newsletter-content{grid-template-columns:1fr;gap:18px}.newsletter-mark{width:64px;height:64px}.newsletter-content .button{grid-column:auto}
  .footer-grid{grid-template-columns:1fr;padding-top:44px}
}


/* =========================================================
   ECONEWS · AJUSTE VISUAL DE PORTADA / MARCA 2026
   Paleta basada en el Manual de Marca Corporativo EcoClean.
   ========================================================= */
:root{
  --eco-cyan:#00B3E6;
  --eco-orange:#F09200;
  --eco-green:#95BC0E;
  --sky:#CAE3F9;
  --peach:#FBE3D1;
  --sage-light:#E7F0D6;
  --neutral:#F5F5F5;
  --mustard:#EABF09;
  --sage:#94C194;
  --terracotta:#EBA87C;
  --blue-gray:#7B93A8;
  --navy:#0F1B3D;
  --dark:#3D3D3D;
  --gray:#E0E0E0;
  --white:#FFFFFF;
  --deep:#0F1B3D;
  --teal:#0F1B3D;
  --cream:#FFFFFF;
  --lime:#E7F0D6;
  --mist:#F5F5F5;
  --border:#E0E0E0;
  --muted:#66717D;
  --shadow:0 18px 46px rgba(15,27,61,.07);
  --radius:28px;
}

body{
  color:var(--dark);
  background:#fff;
  font-family:'Comfortaa',Arial,sans-serif;
}

.hero-copy h1,.section-heading h2,.community-copy h2,.newsletter-content h2,
.section-hero h1,.search-title h1,.article-header h1,.post-card h3,.section-card h3,
.benefit-card h3,.prose h2,.prose h3,.prose h4,.share-box h2,.reaction-bar h2,
.footer-grid h2{
  font-family:'Batica Sans','Montserrat',Arial,sans-serif;
  color:var(--navy);
}

/* CABECERA: logo exactamente al centro y menú partido a ambos lados */
.site-header{
  background:#fff;
  border-bottom:1px solid rgba(15,27,61,.08);
  box-shadow:0 6px 24px rgba(15,27,61,.035);
}
.mobile-header-row{display:none}
.main-nav{border:0;background:#fff}
.nav-split{
  min-height:104px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:28px;
}
.nav-side{display:flex;align-items:center;gap:25px;min-width:0}
.nav-left{justify-content:flex-end}
.nav-right{justify-content:flex-start}
.nav-side>a:not(.portal-button),.nav-search-button{
  position:relative;
  border:0;
  background:transparent;
  padding:10px 0;
  color:#3D3D3D;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
}
.nav-side>a:not(.portal-button):after,.nav-search-button:after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:4px;height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--eco-cyan),var(--eco-green),var(--eco-orange));
  transition:right .2s ease;
}
.nav-side>a:not(.portal-button):hover:after,.nav-search-button:hover:after{right:0}
.brand-centered{display:block;padding:10px 26px}
.brand-centered img{width:205px;height:auto}
.portal-button{
  background:var(--peach);
  color:var(--navy);
  border:1px solid rgba(240,146,0,.32);
  padding:10px 20px;
  min-width:auto;
  box-shadow:none;
}
.portal-button:hover{background:#F8D6BC;box-shadow:none}
.nav-search-button{font-family:inherit}
.site-search{background:var(--sky);color:var(--navy);border-top:1px solid rgba(15,27,61,.07)}
.search-row input{border:1px solid rgba(15,27,61,.12);background:#fff}
.search-row button[type=submit]{background:var(--navy);color:#fff}
.search-close{color:var(--navy)!important}

/* HOME: más aire, fondos claros y colores secundarios/pastel */
.home-hero{
  padding:52px 0 0;
  background:
    radial-gradient(circle at 92% 4%,rgba(202,227,249,.62),transparent 24%),
    radial-gradient(circle at 2% 72%,rgba(231,240,214,.58),transparent 24%),
    #fff;
}
.home-hero:before{
  width:170px;height:170px;left:-95px;top:210px;
  background:var(--peach);opacity:.7;
}
.home-hero:after{
  width:145px;height:145px;right:-70px;bottom:70px;
  background:var(--sage-light);opacity:.7;border-radius:50%;
}
.hero-brand-note{display:none}
.hero-feature{
  min-height:470px;
  background:linear-gradient(115deg,#FFFFFF 0%,#F8FBFD 46%,#EDF6FC 100%);
  border:1px solid rgba(15,27,61,.08);
  border-radius:38px;
  box-shadow:var(--shadow);
}
.hero-copy:before{
  height:4px;width:88px;
  background:linear-gradient(90deg,var(--eco-cyan),var(--eco-green),var(--eco-orange));
}
.hero-copy h1{color:var(--navy);letter-spacing:-.025em}
.hero-copy p:not(.eyebrow){color:#626E78}
.eyebrow{color:var(--blue-gray)}
.section-pill{
  color:var(--navy)!important;
  background:color-mix(in srgb,var(--pill-color) 17%,white)!important;
  border:1px solid color-mix(in srgb,var(--pill-color) 36%,white);
  box-shadow:none;
}
.button.primary{
  background:var(--peach);
  color:var(--navy);
  border:1px solid rgba(240,146,0,.3);
  box-shadow:none;
}
.button.primary:hover{background:#F8D6BC}
.button.secondary{
  background:var(--sage-light);
  color:var(--navy);
  border:1px solid rgba(149,188,14,.24);
}
.text-button{color:var(--navy)}
.hero-image{background:var(--sky)}
.hero-image-label{background:rgba(255,255,255,.94);color:var(--navy)}

/* Curvas suaves: una sola curva amplia, sin ondas dentadas */
.hero-wave{
  height:86px;
  margin-top:46px;
  background:var(--sky);
  clip-path:ellipse(78% 70% at 50% 100%);
}
.community-intro{background:var(--sky);padding:36px 0 74px}
.community-copy h2{color:var(--navy)}
.community-copy p{color:#596A76}
.value-list article{
  background:rgba(255,255,255,.76);
  border:1px solid rgba(15,27,61,.07);
  border-radius:28px;
  box-shadow:none;
}
.value-list article:before{background:var(--peach);opacity:.9}
.value-list article:nth-child(2):before{background:#DDEEF9}
.value-list article:nth-child(3):before{background:var(--sage-light)}
.value-list strong{color:var(--navy)}
.value-list span{color:#66717D}

.section-block{padding:76px 0}
.section-heading h2{color:var(--navy)}
.heading-link{color:var(--navy)!important;border-color:var(--mustard)}
.post-card{
  border:1px solid rgba(15,27,61,.08);
  border-radius:28px;
  box-shadow:0 12px 34px rgba(15,27,61,.05);
}
.post-card:hover{box-shadow:0 18px 42px rgba(15,27,61,.09)}
.post-card h3{color:var(--navy)}

/* Secciones: eliminar fondo azul oscuro; usar bloques pasteles */
.section-explorer{
  background:linear-gradient(180deg,#F8FBFC 0%,#F3F8F1 100%);
  color:var(--dark);
  border-top:1px solid rgba(15,27,61,.05);
  border-bottom:1px solid rgba(15,27,61,.05);
}
.section-explorer:before{
  background:
    radial-gradient(circle at 8% 15%,rgba(202,227,249,.62),transparent 24%),
    radial-gradient(circle at 92% 85%,rgba(231,240,214,.66),transparent 26%);
}
.section-explorer .eyebrow{color:var(--blue-gray)}
.section-explorer .section-heading h2{color:var(--navy)}
.section-explorer .section-heading p{color:var(--muted)}
.section-card{
  background:#fff;
  border:1px solid rgba(15,27,61,.07);
  border-radius:28px;
  box-shadow:0 10px 30px rgba(15,27,61,.04);
}
.section-card:after{
  background:color-mix(in srgb,var(--section-color) 20%,white);
  opacity:1;
}
.section-number{color:color-mix(in srgb,var(--section-color) 55%,var(--navy))!important;opacity:.18}
.section-card h3{color:var(--navy)}

.benefit-card{
  border:1px solid rgba(15,27,61,.07);
  border-radius:28px;
  box-shadow:0 10px 30px rgba(15,27,61,.04);
}
.benefit-card:after{background:var(--sage-light);opacity:.9}
.benefit-card:nth-child(2):after{background:#DDEEF9}
.benefit-card:nth-child(3):after{background:var(--peach)}
.benefit-icon{background:#fff;color:var(--eco-orange)}
.benefit-card h3{color:var(--navy)}

.newsletter-band{
  background:var(--peach);
  padding:58px 0;
}
.newsletter-band:after{background:#fff;opacity:.35}
.newsletter-copy h2{color:var(--navy)}
.newsletter-copy p{color:#626E78}
.newsletter-band .eyebrow{color:#8B6B57}
.newsletter-mark{box-shadow:none;border:1px solid rgba(15,27,61,.07)}

/* FOOTER claro, centrado y sin cajas detrás de los logos */
.site-footer{background:var(--neutral);color:var(--dark)}
.footer-wave{
  height:72px;
  background:var(--sky);
  clip-path:ellipse(80% 72% at 50% 100%);
}
.footer-grid{
  width:min(var(--container),calc(100% - 40px));
  max-width:var(--container);
  margin:0 auto;
  padding:46px 0 32px;
  background:transparent;
  color:var(--dark);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:48px;
}
.footer-column{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.footer-brand>img{
  width:190px;height:auto;
  padding:0;
  background:transparent;
  border-radius:0;
}
.footer-grid p{color:#6A737B;max-width:320px;margin:16px auto 0}
.footer-grid h2{color:var(--navy);font-size:17px;margin:0 0 16px}
.footer-links{display:flex;flex-direction:column;align-items:center;gap:8px}
.footer-grid a,.footer-grid .link-button{
  color:#5C6670;
  background:transparent;
  border:0;
  padding:0;
  cursor:pointer;
  text-align:center;
}
.footer-grid a:hover,.footer-grid .link-button:hover{color:var(--navy)}
.footer-parent{
  margin:0 auto;
  padding:22px 0 28px;
  border-top:1px solid rgba(15,27,61,.08);
  display:flex!important;
  flex-direction:column;
  align-items:center!important;
  justify-content:center;
  gap:8px!important;
  color:#7A838B;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.10em;
  text-align:center;
}
.footer-parent a{background:transparent!important;padding:0!important;display:block}
.footer-parent img{width:165px;height:auto;object-fit:contain}
.footer-bottom{
  width:min(var(--container),calc(100% - 40px));
  max-width:var(--container);
  margin:0 auto;
  background:transparent;
  color:#8A9299;
  border-top:1px solid rgba(15,27,61,.07);
  padding:18px 0 28px;
  display:flex;
  justify-content:center;
  gap:18px 36px;
  flex-wrap:wrap;
  text-align:center;
  font-size:12px;
}

/* Páginas internas: mantener la misma lógica pastel */
.section-hero{background:linear-gradient(120deg,#F7FBFD,var(--sky));border-bottom-color:rgba(15,27,61,.07)}
.section-hero h1,.article-header h1,.search-title h1{color:var(--navy)}
.reaction-bar{background:#EDF6FC;border-color:rgba(15,27,61,.08)}
.share-button,.pagination a.active{background:var(--navy)}

@media(max-width:1180px){
  .nav-side{gap:16px}
  .nav-side>a:not(.portal-button),.nav-search-button{font-size:12px}
  .brand-centered{padding-inline:14px}.brand-centered img{width:178px}
}

@media(max-width:980px){
  .mobile-header-row{min-height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
  .mobile-brand{justify-self:center}.mobile-brand img{width:148px;height:auto}
  .menu-toggle{display:inline-flex;justify-self:start;border:0;background:transparent;color:var(--navy);font-weight:700;cursor:pointer}
  .mobile-portal{justify-self:end;background:var(--peach);color:var(--navy);border:1px solid rgba(240,146,0,.25);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700}
  .main-nav{display:none;border-top:1px solid rgba(15,27,61,.06)}
  .main-nav.open{display:block}
  .nav-split{display:flex;flex-direction:column;min-height:auto;padding:18px 0 24px;gap:8px}
  .brand-centered{display:none}
  .nav-side{width:100%;display:flex;flex-direction:column;gap:0}
  .nav-side>a:not(.portal-button),.nav-search-button{width:100%;padding:11px 12px;text-align:center;font-size:13px}
  .nav-side>a:not(.portal-button):after,.nav-search-button:after{display:none}
  .nav-right .portal-button{margin-top:8px}
  .community-grid{grid-template-columns:1fr;gap:34px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:38px}
  .footer-brand{grid-column:1/-1}
}

@media(max-width:760px){
  .hero-feature{border-radius:30px}
  .hero-copy{padding:46px 28px 36px}
  .hero-copy h1{font-size:38px}
  .hero-wave{height:58px;margin-top:34px}
  .community-intro{padding-top:24px}
  .section-block{padding:54px 0}
  .footer-wave{height:54px}
  .footer-grid{grid-template-columns:1fr;gap:32px;padding-top:36px}
  .footer-brand{grid-column:auto}
}


/* =========================================================
   ECONEWS · AJUSTE 3.1
   Cabecera perfectamente centrada + portal por ícono +
   selector de idioma + footer más compacto y centrado.
   ========================================================= */

:root{ --container:1280px; }

/* ----- HEADER DESKTOP ----- */
@media(min-width:981px){
  .main-nav{position:relative}
  .nav-split{
    min-height:92px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0;
  }

  /* El logo queda anclado al centro REAL de la ventana de contenido,
     independientemente de cuánto ocupe cada lado del menú. */
  .brand-centered{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    margin:0;
    padding:7px 14px;
    z-index:2;
  }
  .brand-centered img{width:188px;height:auto}

  .nav-side{
    width:calc(50% - 118px);
    min-width:0;
    gap:17px;
    display:flex;
    align-items:center;
  }
  .nav-left{
    justify-content:flex-end;
    padding-right:28px;
  }
  .nav-right{
    justify-content:flex-start;
    padding-left:28px;
  }
  .nav-side>a:not(.portal-icon-button), .nav-search-button{
    font-size:12.5px;
    line-height:1.1;
  }
}

/* ----- ÍCONO PORTAL ----- */
.portal-icon-button{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  border:1px solid rgba(240,146,0,.38);
  background:var(--peach);
  color:var(--navy);
  display:inline-grid;
  place-items:center;
  padding:0;
  transition:.2s ease;
}
.portal-icon-button:hover{
  background:#F8D6BC;
  transform:translateY(-1px);
}
.portal-icon-button svg{
  width:21px;height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ----- SELECTOR DE IDIOMA ----- */
.language-control{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:0 7px 0 9px;
  border:1px solid rgba(15,27,61,.12);
  border-radius:999px;
  background:#fff;
  color:var(--navy);
  cursor:pointer;
}
.language-control svg{
  width:16px;height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none;
}
.language-control select{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  outline:0;
  background:transparent;
  color:var(--navy);
  font-family:inherit;
  font-size:11px;
  font-weight:700;
  padding:0 10px 0 2px;
  cursor:pointer;
  background-image:
    linear-gradient(45deg,transparent 50%,var(--navy) 50%),
    linear-gradient(135deg,var(--navy) 50%,transparent 50%);
  background-position:
    calc(100% - 4px) 48%,
    calc(100% - 1px) 48%;
  background-size:4px 4px,4px 4px;
  background-repeat:no-repeat;
}
.language-control:focus-within{
  border-color:rgba(0,179,230,.45);
  box-shadow:0 0 0 3px rgba(0,179,230,.08);
}

/* ----- FOOTER MÁS COMPACTO ----- */
.site-footer{
  background:#F7F8F8;
  overflow:hidden;
}

/* Curva continua, mucho más orgánica: no dientes ni picos. */
.footer-wave{
  position:relative;
  height:82px;
  background:transparent;
  clip-path:none;
  overflow:hidden;
}
.footer-wave::before{
  content:"";
  position:absolute;
  left:-7%;
  width:114%;
  height:126px;
  bottom:-80px;
  background:linear-gradient(90deg,var(--sky) 0%,var(--sage-light) 52%,var(--peach) 100%);
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
}
.footer-wave::after{
  content:"";
  position:absolute;
  left:-10%;
  width:120%;
  height:108px;
  bottom:-94px;
  background:#F7F8F8;
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
}

.footer-grid{
  padding:28px 0 22px;
  gap:34px;
  align-items:start;
}
.footer-column{
  align-items:center!important;
  justify-content:flex-start;
  text-align:center!important;
}
.footer-grid h2{
  width:100%;
  text-align:center!important;
  margin:0 0 8px;
  line-height:1.12;
  font-size:15px;
}
.footer-brand>img{
  width:177px;
}
.footer-grid p{
  max-width:290px;
  margin:10px auto 0;
  font-size:14px;
  line-height:1.42;
  text-align:center;
}
.footer-links{
  width:100%;
  gap:4px;
  align-items:center!important;
}
.footer-links a,
.footer-links .link-button{
  width:auto;
  max-width:100%;
  margin:0 auto;
  padding:3px 0;
  line-height:1.22;
  font-size:14px;
  text-align:center!important;
}

/* Los separadores dejan de ser líneas rectas: pasan a arcos suaves. */
.footer-parent{
  position:relative;
  border-top:0!important;
  padding:24px 0 20px;
}
.footer-parent::before{
  content:"";
  position:absolute;
  left:2%;
  right:2%;
  top:0;
  height:18px;
  border-top:1px solid rgba(15,27,61,.10);
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
}
.footer-parent span{line-height:1.1}
.footer-parent img{width:150px}

.footer-bottom{
  position:relative;
  border-top:0!important;
  padding:18px 0 20px;
  gap:10px 32px;
  line-height:1.25;
}
.footer-bottom::before{
  content:"";
  position:absolute;
  left:2%;
  right:2%;
  top:0;
  height:16px;
  border-top:1px solid rgba(15,27,61,.08);
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
}

/* Curvas de portada más amplias, continuas y naturales. */
.hero-wave{
  position:relative;
  height:92px;
  background:transparent!important;
  clip-path:none!important;
  overflow:hidden;
}
.hero-wave::before{
  content:"";
  position:absolute;
  left:-8%;
  width:116%;
  height:150px;
  bottom:-92px;
  background:var(--sky);
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
}
.hero-wave::after{
  content:"";
  position:absolute;
  left:-12%;
  width:124%;
  height:130px;
  bottom:-112px;
  background:var(--sky);
  opacity:.52;
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
}

/* ----- TABLET ----- */
@media(max-width:1180px) and (min-width:981px){
  :root{--container:calc(100% - 34px)}
  .nav-side{gap:11px}
  .nav-side>a:not(.portal-icon-button), .nav-search-button{font-size:11.5px}
  .brand-centered img{width:164px}
  .nav-side{width:calc(50% - 103px)}
  .nav-left{padding-right:16px}
  .nav-right{padding-left:16px}
  .language-control{padding-left:7px}
  .portal-icon-button{width:38px;height:38px;flex-basis:38px}
}

/* ----- MOBILE ----- */
@media(max-width:980px){
  .mobile-header-row{
    min-height:76px;
    grid-template-columns:42px 1fr auto;
    gap:8px;
  }
  .menu-toggle{
    width:40px;height:40px;
    display:grid;
    place-items:center;
    font-size:21px;
    line-height:1;
  }
  .mobile-brand img{width:145px}
  .mobile-header-actions{
    justify-self:end;
    display:flex;
    align-items:center;
    gap:6px;
  }
  .language-control-mobile{
    min-height:36px;
    padding-left:7px;
  }
  .language-control-mobile svg{width:14px;height:14px}
  .language-control-mobile select{font-size:10px}
  .mobile-portal-icon{
    width:36px;height:36px;
    flex-basis:36px;
  }
  .nav-right .language-control,
  .nav-right .portal-icon-button{
    margin-top:8px;
  }
  .nav-side .language-control{
    align-self:center;
  }
  .footer-grid{
    gap:24px;
  }
}

@media(max-width:760px){
  .footer-wave{height:66px}
  .footer-grid{padding-top:22px;gap:22px}
  .footer-grid h2{margin-bottom:5px}
  .footer-links{gap:2px}
  .footer-parent{padding-top:20px}
  .footer-bottom{padding-bottom:18px}
}


/* =========================================================
   ECONEWS · AJUSTE 3.2
   Cabecera equilibrada: mismas secciones a ambos lados.
   Idioma a la izquierda y utilidades a la derecha.
   ========================================================= */
@media(min-width:981px){
  .nav-balanced{
    position:relative;
    display:grid;
    grid-template-columns:minmax(110px,160px) 1fr minmax(110px,170px);
    align-items:center;
    min-height:92px;
    gap:0;
  }

  .nav-core{
    grid-column:2;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    column-gap:44px;
    min-width:0;
  }

  .nav-core .brand-centered{
    position:static;
    transform:none;
    justify-self:center;
    z-index:2;
    padding:6px 8px;
  }

  .nav-core .brand-centered img{
    width:196px;
    height:auto;
    display:block;
  }

  .nav-core .nav-side{
    width:auto !important;
    min-width:0;
    display:flex;
    align-items:center;
    gap:28px;
  }
  .nav-core .nav-left{
    justify-content:flex-end;
    padding-right:0;
  }
  .nav-core .nav-right{
    justify-content:flex-start;
    padding-left:0;
  }

  .nav-core .nav-side > a{
    white-space:nowrap;
    font-size:13px;
    line-height:1.1;
  }

  .nav-utility{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
  }
  .nav-utility-left{
    grid-column:1;
    justify-content:flex-start;
  }
  .nav-utility-right{
    grid-column:3;
    justify-content:flex-end;
  }

  .utility-search-button{
    min-height:40px;
    padding:0 4px;
    font-size:13px;
    font-weight:600;
  }

  .nav-utility .language-control{
    min-height:40px;
  }

  .nav-utility-right .portal-icon-button{
    margin-left:2px;
  }
}

@media(max-width:1260px) and (min-width:981px){
  .nav-balanced{
    grid-template-columns:minmax(96px,144px) 1fr minmax(96px,150px);
  }
  .nav-core{
    column-gap:28px;
  }
  .nav-core .nav-side{
    gap:18px;
  }
  .nav-core .brand-centered img{
    width:180px;
  }
  .nav-core .nav-side > a,
  .utility-search-button{
    font-size:12px;
  }
}

@media(max-width:1080px) and (min-width:981px){
  .nav-balanced{
    grid-template-columns:minmax(92px,130px) 1fr minmax(92px,136px);
  }
  .nav-core{
    column-gap:22px;
  }
  .nav-core .nav-side{
    gap:14px;
  }
  .nav-core .brand-centered img{
    width:166px;
  }
  .nav-core .nav-side > a,
  .utility-search-button{
    font-size:11.4px;
  }
  .language-control{
    padding-left:7px;
    padding-right:6px;
  }
}

@media(max-width:980px){
  .nav-utility{
    display:none;
  }
}


/* =========================================================
   ECONEWS · AJUSTE 3.3
   ========================================================= */

@media(min-width:981px){
  .nav-balanced{
    grid-template-columns:150px minmax(0,1fr) 150px !important;
  }

  .nav-utility-left{
    justify-content:flex-start !important;
  }

  .nav-utility-right{
    justify-content:flex-end !important;
  }

  .utility-search-button{
    display:none !important;
  }

  .nav-core{
    width:100%;
    grid-template-columns:1fr auto 1fr !important;
    column-gap:42px !important;
  }

  .nav-core .nav-left,
  .nav-core .nav-right{
    gap:26px !important;
  }
}

/* Quitamos la onda anterior para no duplicar formas */
.hero-wave{
  display:none !important;
}

/* Misma curva arriba y abajo, reflejada */
.community-intro{
  --econews-wave:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 110' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H1920V46C1600 82 1330 16 1010 39C690 62 390 88 0 48Z'/%3E%3C/svg%3E");
  position:relative !important;
  background:#CAE3F9 !important;
  padding-top:115px !important;
  padding-bottom:115px !important;
  overflow:hidden !important;
}

.community-intro::before,
.community-intro::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:110px;
  background-image:var(--econews-wave);
  background-size:100% 100%;
  background-repeat:no-repeat;
  pointer-events:none;
  z-index:1;
}

.community-intro::before{
  top:-1px;
}

.community-intro::after{
  bottom:-1px;
  transform:scaleY(-1);
}

.community-intro > .container{
  position:relative;
  z-index:2;
}

@media(max-width:760px){
  .community-intro{
    padding-top:88px !important;
    padding-bottom:88px !important;
  }

  .community-intro::before,
  .community-intro::after{
    height:78px;
  }
}


/* =========================================================
   ECONEWS · AJUSTE 3.4
   CURVAS EN "EXPLORÁ NUESTRAS SECCIONES"
   Misma ondulación arriba y abajo.
   ========================================================= */

.section-explorer{
  --section-wave:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 120' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H1920V54C1590 28 1290 14 980 30C660 47 350 82 0 54Z'/%3E%3C/svg%3E");

  position:relative !important;
  overflow:hidden !important;

  /* Quitamos las líneas rectas */
  border-top:0 !important;
  border-bottom:0 !important;

  /* Mantiene el fondo pastel actual */
  background:
    radial-gradient(circle at 8% 15%, rgba(202,227,249,.62), transparent 24%),
    radial-gradient(circle at 92% 85%, rgba(231,240,214,.66), transparent 26%),
    linear-gradient(180deg,#F8FBFC 0%,#F3F8F1 100%) !important;

  /* Espacio para que la curva no tape el contenido */
  padding-top:120px !important;
  padding-bottom:120px !important;
}

/* Curva superior e inferior EXACTAMENTE IGUALES */
.section-explorer::before,
.section-explorer::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  width:100% !important;
  height:120px !important;

  background-image:var(--section-wave) !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;

  pointer-events:none !important;
  z-index:1 !important;

  /* Anulamos cualquier decoración anterior de :before */
  inset:auto !important;
}

/* Onda superior */
.section-explorer::before{
  top:-1px !important;
}

/* Onda inferior: espejo exacto de la superior */
.section-explorer::after{
  bottom:-1px !important;
  transform:scaleY(-1) !important;
}

/* El contenido siempre queda por encima de las ondas */
.section-explorer > .container{
  position:relative !important;
  z-index:2 !important;
}

/* Ajuste responsive */
@media(max-width:760px){
  .section-explorer{
    padding-top:88px !important;
    padding-bottom:88px !important;
  }

  .section-explorer::before,
  .section-explorer::after{
    height:88px !important;
  }
}


/* =========================================================
   ECONEWS · AJUSTE 3.5
   - Tamaño general al 90%
   - Header realmente centrado
   - Línea inferior del header curva
   - Primera sección con remate inferior curvo sin espacios en blanco
   ========================================================= */

html{font-size:90%;}

@media(min-width:981px){
  /* Estructura de 5 columnas para que el logo quede EXACTAMENTE en el centro de la página */
  .nav-balanced{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:20px !important;
    min-height:88px !important;
  }

  .nav-core{
    display:contents !important;
  }

  .nav-utility-left{
    grid-column:1 !important;
    justify-self:start !important;
    align-self:center !important;
  }

  .nav-left{
    grid-column:2 !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:clamp(16px,1.6vw,24px) !important;
    min-width:0 !important;
  }

  .brand-centered{
    grid-column:3 !important;
    justify-self:center !important;
    align-self:center !important;
    padding:8px 12px !important;
    margin:0 !important;
  }

  .brand-centered img,
  .nav-core .brand-centered img{
    width:176px !important;
    height:auto !important;
    display:block !important;
    margin:0 auto !important;
  }

  .nav-right{
    grid-column:4 !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:clamp(16px,1.6vw,24px) !important;
    min-width:0 !important;
  }

  .nav-utility-right{
    grid-column:5 !important;
    justify-self:end !important;
    align-self:center !important;
  }

  .nav-left > a,
  .nav-right > a{
    font-size:13px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }

  .language-control,
  .portal-icon-button{
    transform:scale(.96);
    transform-origin:center;
  }
}

/* Header con remate inferior curvo */
.site-header{
  position:relative !important;
  border-bottom:0 !important;
  overflow:visible !important;
  background:#fff !important;
}

.site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:36px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 60' preserveAspectRatio='none'%3E%3Cpath fill='%23F7FAF6' d='M0 0H1920V20C1600 44 1280 9 960 20C640 31 320 44 0 22Z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;
  pointer-events:none;
  z-index:1;
}

/* Ajuste de la primera sección visible */
.home-hero{
  position:relative !important;
  overflow:hidden !important;
  padding-top:34px !important;
  padding-bottom:72px !important;
  background:
    radial-gradient(circle at 92% 4%,rgba(202,227,249,.62),transparent 24%),
    radial-gradient(circle at 2% 72%,rgba(231,240,214,.58),transparent 24%),
    #F7FAF6 !important;
  border-bottom-left-radius:0 0 8% 8%;
  border-bottom-right-radius:0 0 8% 8%;
}

/* La franja recta entre header y hero desaparece */
.main-nav{
  border-top:0 !important;
}

/* Remate inferior curvo de la primera sección, sin hueco blanco */
.home-hero{
  border-bottom-left-radius:50% 7%;
  border-bottom-right-radius:50% 7%;
}

/* Hero destacado levemente más contenido */
.hero-feature{
  min-height:425px !important;
}
.hero-copy{
  padding:50px !important;
}
.hero-copy h1{
  font-size:clamp(34px,4.6vw,59px) !important;
}
.hero-copy p:not(.eyebrow){
  font-size:17px !important;
}

@media(max-width:980px){
  .site-header::after{height:24px;}
  .home-hero{
    padding-top:26px !important;
    padding-bottom:54px !important;
    border-bottom-left-radius:50% 4%;
    border-bottom-right-radius:50% 4%;
  }
}

/* =========================================================
   ECONEWS · HOTFIX 3.6
   Corrige el remate diagonal accidental de la portada.
   Mantiene escala 90%, logo centrado y menú equilibrado.
   ========================================================= */

/* La portada no se recorta con radios gigantes: eso podía generar
   artefactos diagonales al encontrarse con la sección celeste. */
.home-hero{
  position:relative !important;
  overflow:hidden !important;
  border-radius:0 !important;
  border-bottom-left-radius:0 !important;
  border-bottom-right-radius:0 !important;
  padding-bottom:0 !important;
  background:
    radial-gradient(circle at 92% 4%,rgba(202,227,249,.62),transparent 24%),
    radial-gradient(circle at 2% 72%,rgba(231,240,214,.58),transparent 24%),
    #F7FAF6 !important;
}

/* Eliminamos decoraciones antiguas de la portada que podían cruzarse
   con las nuevas curvas. */
.home-hero::before,
.home-hero::after{
  content:none !important;
  display:none !important;
}

/* La onda vieja no participa del corte entre secciones. */
.hero-wave{
  display:none !important;
}

/* Curva superior e inferior de la sección celeste: MISMA forma,
   suave y sin picos. El color superior coincide con la portada para
   que no aparezca ninguna franja blanca. */
.community-intro{
  --econews-wave-top:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 96' preserveAspectRatio='none'%3E%3Cpath fill='%23F7FAF6' d='M0 0H1920V36C1595 57 1310 19 990 30C665 41 350 66 0 40Z'/%3E%3C/svg%3E");
  --econews-wave-bottom:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 96' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFFFF' d='M0 0H1920V36C1595 57 1310 19 990 30C665 41 350 66 0 40Z'/%3E%3C/svg%3E");
  position:relative !important;
  background:#CAE3F9 !important;
  padding-top:92px !important;
  padding-bottom:92px !important;
  overflow:hidden !important;
}

.community-intro::before,
.community-intro::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  width:100% !important;
  height:96px !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  pointer-events:none !important;
  z-index:1 !important;
  transform:none !important;
}

.community-intro::before{
  top:-1px !important;
  background-image:var(--econews-wave-top) !important;
}

.community-intro::after{
  bottom:-1px !important;
  background-image:var(--econews-wave-bottom) !important;
  transform:scaleY(-1) !important;
}

.community-intro > .container{
  position:relative !important;
  z-index:2 !important;
}

/* Header: curva controlada y contenida; no invade la portada. */
.site-header{
  position:relative !important;
  overflow:visible !important;
  border-bottom:0 !important;
  background:#fff !important;
}
.site-header::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  width:100% !important;
  height:28px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 56' preserveAspectRatio='none'%3E%3Cpath fill='%23F7FAF6' d='M0 0H1920V18C1600 35 1285 13 960 20C635 27 315 38 0 21Z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat !important;
  pointer-events:none !important;
  z-index:1 !important;
  transform:none !important;
}

@media(max-width:980px){
  .community-intro{
    padding-top:72px !important;
    padding-bottom:72px !important;
  }
  .community-intro::before,
  .community-intro::after{
    height:76px !important;
  }
  .site-header::after{height:22px !important;}
  .home-hero{padding-bottom:0 !important;}
}

/* =========================================================
   ECONEWS · HOTFIX 3.7
   Elimina la línea/sombra horizontal remanente del header.
   ========================================================= */

/* Reset fuerte del encabezado en desktop y mobile */
.site-header,
.site-header::before,
.site-header::after,
.site-header .main-nav,
.site-header .nav-split,
.site-header .nav-balanced,
.site-header .nav-core,
.site-header .mobile-header-row{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  background-image:none !important;
}

/* Se elimina por completo el pseudo-elemento curvo del header,
   que seguía dejando una línea visible. */
.site-header::before,
.site-header::after{
  content:none !important;
  display:none !important;
}

.site-header{
  background:#fff !important;
  overflow:visible !important;
}

.main-nav{
  background:#fff !important;
}

/* La primera sección arranca limpia, sin costura visual con el header. */
.home-hero{
  margin-top:0 !important;
  padding-top:34px !important;
  border-top:0 !important;
  box-shadow:none !important;
}

@media(max-width:980px){
  .home-hero{
    padding-top:24px !important;
  }
}


/* =========================================================
   ECONEWS · HOTFIX 3.8
   La portada termina con la curva, no con una franja recta.
   ========================================================= */

/* La curva pasa al final de la primera sección. */
.home-hero{
  position:relative !important;
  overflow:hidden !important;
  padding-bottom:92px !important;
  margin-bottom:0 !important;
  border-bottom:0 !important;
}

.home-hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  width:100% !important;
  height:96px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 96' preserveAspectRatio='none'%3E%3Cpath fill='%23CAE3F9' d='M0 28C175 44 375 54 600 52C865 50 1095 24 1350 28C1565 31 1755 41 1920 36V96H0Z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat !important;
  pointer-events:none !important;
  z-index:1 !important;
  transform:none !important;
}

.home-hero > .container,
.home-hero .hero-shell,
.home-hero .hero-feature{
  position:relative !important;
  z-index:2 !important;
}

/* Ya no dibujamos la curva superior en la sección celeste,
   porque la transición la resuelve la sección anterior. */
.community-intro{
  padding-top:54px !important;
  margin-top:0 !important;
}

.community-intro::before{
  content:none !important;
  display:none !important;
}

@media(max-width:980px){
  .home-hero{
    padding-bottom:72px !important;
  }
  .home-hero::after{
    height:74px !important;
  }
  .community-intro{
    padding-top:42px !important;
  }
}


/* =========================================================
   ECONEWS · HOTFIX 3.9
   No se dibuja una curva nueva: la sección superior sigue
   hasta encontrarse con la curva original de la celeste.
   ========================================================= */

/* Anulamos la curva agregada en v3.8 */
.home-hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* La portada vuelve a terminar visualmente en la curva original.
   Para eso, la sección celeste sube y su curva superior tapa
   el corte recto entre ambas secciones. */
.home-hero{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

.community-intro{
  position:relative !important;
  margin-top:-96px !important;
  padding-top:146px !important;
  padding-bottom:92px !important;
  background:#CAE3F9 !important;
  overflow:hidden !important;
}

/* Se conserva la curva superior original; sólo se alinea para que
   arranque justo donde termina visualmente la sección anterior. */
.community-intro::before{
  content:"" !important;
  display:block !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:96px !important;
  z-index:1 !important;
}

.community-intro > .container{
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:980px){
  .community-intro{
    margin-top:-76px !important;
    padding-top:112px !important;
    padding-bottom:72px !important;
  }
  .community-intro::before{
    height:76px !important;
  }
}


/* =========================================================
   ECONEWS · HOTFIX 4.0
   El fondo superior continúa hasta la curva original.
   No se sube la curva ni se dibuja una nueva.
   ========================================================= */

/* Quitamos cualquier intento previo de curva agregada o solape */
.home-hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* La sección superior simplemente se prolonga hacia abajo,
   conservando SU MISMO fondo, hasta llegar a la curva existente. */
.home-hero{
  position:relative !important;
  overflow:hidden !important;
  margin-bottom:0 !important;
  padding-bottom:96px !important;
  background:
    radial-gradient(circle at 92% 4%,rgba(202,227,249,.62),transparent 24%),
    radial-gradient(circle at 2% 72%,rgba(231,240,214,.58),transparent 24%),
    #F7FAF6 !important;
}

/* La sección celeste vuelve a su posición natural.
   NO se sube. Sólo mantiene su curva original. */
.community-intro{
  position:relative !important;
  margin-top:0 !important;
  padding-top:92px !important;
  padding-bottom:92px !important;
  background:#CAE3F9 !important;
  overflow:hidden !important;
}

.community-intro::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-1px !important;
  left:0 !important;
  width:100% !important;
  height:96px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 96' preserveAspectRatio='none'%3E%3Cpath fill='%23F7FAF6' d='M0 0H1920V36C1595 57 1310 19 990 30C665 41 350 66 0 40Z'/%3E%3C/svg%3E") !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  pointer-events:none !important;
  z-index:1 !important;
  transform:none !important;
}

/* Conservamos la curva inferior existente. */
.community-intro::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  bottom:-1px !important;
  width:100% !important;
  height:96px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 96' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFFFF' d='M0 0H1920V36C1595 57 1310 19 990 30C665 41 350 66 0 40Z'/%3E%3C/svg%3E") !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  pointer-events:none !important;
  z-index:1 !important;
  transform:scaleY(-1) !important;
}

.community-intro > .container{
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:980px){
  .home-hero{
    padding-bottom:76px !important;
  }
  .community-intro{
    padding-top:72px !important;
    padding-bottom:72px !important;
  }
  .community-intro::before,
  .community-intro::after{
    height:76px !important;
  }
}


/* =========================================================
   ECONEWS · HOTFIX 4.1
   Corrige la franja superior: arriba NO debe verse una banda plana.
   Debe verse el fondo anterior hasta tocar la curva.
   ========================================================= */

/* Reinicio de los intentos previos en este borde */
.home-hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

.home-hero{
  position:relative !important;
  overflow:visible !important;
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}

/* La sección celeste se superpone sobre la anterior,
   pero su zona superior es TRANSPARENTE salvo la curva azul.
   Así no aparece ninguna línea o banda plana arriba. */
.community-intro{
  position:relative !important;
  margin-top:-96px !important;
  padding-top:188px !important;
  padding-bottom:92px !important;
  overflow:hidden !important;
  background:linear-gradient(to bottom,
    transparent 0,
    transparent 96px,
    #CAE3F9 96px,
    #CAE3F9 100%) !important;
}

/* Curva superior ORIGINAL en azul: solo pinta desde la curva hacia abajo.
   Por encima queda transparente y se sigue viendo el fondo/degradado anterior. */
.community-intro::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:96px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 96' preserveAspectRatio='none'%3E%3Cpath fill='%23CAE3F9' d='M0 40C350 66 665 41 990 30C1310 19 1595 57 1920 36V96H0Z'/%3E%3C/svg%3E") !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  pointer-events:none !important;
  z-index:1 !important;
  transform:none !important;
}

/* Curva inferior existente */
.community-intro::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  bottom:-1px !important;
  width:100% !important;
  height:96px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 96' preserveAspectRatio='none'%3E%3Cpath fill='%23FFFFFF' d='M0 0H1920V36C1595 57 1310 19 990 30C665 41 350 66 0 40Z'/%3E%3C/svg%3E") !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  pointer-events:none !important;
  z-index:1 !important;
  transform:scaleY(-1) !important;
}

.community-intro > .container{
  position:relative !important;
  z-index:2 !important;
}

@media(max-width:980px){
  .community-intro{
    margin-top:-76px !important;
    padding-top:148px !important;
    padding-bottom:72px !important;
    background:linear-gradient(to bottom,
      transparent 0,
      transparent 76px,
      #CAE3F9 76px,
      #CAE3F9 100%) !important;
  }
  .community-intro::before,
  .community-intro::after{
    height:76px !important;
  }
  .community-intro::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 76' preserveAspectRatio='none'%3E%3Cpath fill='%23CAE3F9' d='M0 30C350 52 665 33 990 24C1310 16 1595 45 1920 30V76H0Z'/%3E%3C/svg%3E") !important;
  }
}


/* =========================================================
   ECONEWS · HOTFIX 4.2
   - Elimina bloque de instalación de app
   - Elimina curva/línea inferior del footer
   - Centra el header con el logo exactamente al medio
   ========================================================= */

/* Si quedara markup viejo por caché, lo ocultamos visualmente. */
.newsletter-band,
.footer-wave{
  display:none !important;
}

/* Footer limpio, sin curva decorativa superior. */
.site-footer{
  margin-top:0 !important;
}

/* Header desktop: utilidades laterales con el mismo ancho,
   y navegación repartida en forma equitativa alrededor del logo. */
@media(min-width:981px){
  .nav-balanced{
    display:grid !important;
    grid-template-columns:120px minmax(0,1fr) 120px !important;
    align-items:center !important;
    min-height:90px !important;
    column-gap:18px !important;
  }

  .nav-utility-left,
  .nav-utility-right{
    width:120px !important;
    min-width:120px !important;
    display:flex !important;
    align-items:center !important;
  }

  .nav-utility-left{
    grid-column:1 !important;
    justify-content:flex-start !important;
  }

  .nav-utility-right{
    grid-column:3 !important;
    justify-content:flex-end !important;
  }

  .nav-core{
    grid-column:2 !important;
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    column-gap:32px !important;
    width:100% !important;
    min-width:0 !important;
  }

  .nav-core .nav-side{
    display:flex !important;
    align-items:center !important;
    gap:24px !important;
    min-width:0 !important;
  }

  .nav-core .nav-left{
    justify-content:flex-end !important;
    padding-right:0 !important;
  }

  .nav-core .nav-right{
    justify-content:flex-start !important;
    padding-left:0 !important;
  }

  .brand-centered,
  .nav-core .brand-centered{
    position:static !important;
    transform:none !important;
    grid-column:auto !important;
    justify-self:center !important;
    align-self:center !important;
    margin:0 auto !important;
    padding:0 !important;
    z-index:2 !important;
  }

  .brand-centered img,
  .nav-core .brand-centered img{
    width:192px !important;
    height:auto !important;
    display:block !important;
    margin:0 auto !important;
  }

  .nav-left > a,
  .nav-right > a,
  .nav-core .nav-side > a{
    font-size:13px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }
}

@media(max-width:1180px) and (min-width:981px){
  .nav-balanced{
    grid-template-columns:108px minmax(0,1fr) 108px !important;
  }
  .nav-utility-left,
  .nav-utility-right{
    width:108px !important;
    min-width:108px !important;
  }
  .nav-core{
    column-gap:24px !important;
  }
  .nav-core .nav-side{
    gap:16px !important;
  }
  .brand-centered img,
  .nav-core .brand-centered img{
    width:178px !important;
  }
  .nav-left > a,
  .nav-right > a,
  .nav-core .nav-side > a{
    font-size:12px !important;
  }
}


/* =========================================================
   ECONEWS · HOTFIX 4.3
   Header centrado como referencia + crédito DF Medios
   ========================================================= */

/* Crédito final, debajo de todo el footer */
.footer-credit{
  width:100%;
  padding:8px 20px 18px;
  text-align:center;
  font-size:11px;
  line-height:1.4;
  color:#8A9299;
}
.footer-credit a{
  color:var(--navy);
  font-weight:700;
  text-decoration:none;
}
.footer-credit a:hover{
  text-decoration:underline;
}

/* Header desktop definitivo:
   bloque completo centrado, logo exactamente en el eje de la pantalla,
   con el mismo espacio útil a izquierda y derecha. */
@media(min-width:981px){
  .main-nav{
    width:100% !important;
    background:#fff !important;
  }

  .nav-balanced{
    width:min(978px,calc(100% - 40px)) !important;
    max-width:978px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-height:90px !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,300px) 190px minmax(0,300px) 54px !important;
    column-gap:20px !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* Hace que izquierda, logo y derecha participen directamente
     de la grilla principal, sin desplazar el centro. */
  .nav-core{
    display:contents !important;
  }

  .nav-utility-left{
    grid-column:1 !important;
    width:54px !important;
    min-width:54px !important;
    justify-self:start !important;
    justify-content:flex-start !important;
  }

  .nav-left{
    grid-column:2 !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:24px !important;
    padding:0 !important;
    min-width:0 !important;
  }

  .brand-centered,
  .nav-core .brand-centered{
    grid-column:3 !important;
    position:static !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    justify-self:center !important;
    align-self:center !important;
    width:190px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .brand-centered img,
  .nav-core .brand-centered img{
    width:190px !important;
    height:auto !important;
    display:block !important;
    margin:0 auto !important;
  }

  .nav-right{
    grid-column:4 !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:24px !important;
    padding:0 !important;
    min-width:0 !important;
  }

  .nav-utility-right{
    grid-column:5 !important;
    width:54px !important;
    min-width:54px !important;
    justify-self:end !important;
    justify-content:flex-end !important;
  }

  .nav-left > a,
  .nav-right > a,
  .nav-core .nav-side > a{
    font-size:13px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }
}

/* Mantiene la misma geometría centrada en desktop más angosto. */
@media(max-width:1100px) and (min-width:981px){
  .nav-balanced{
    width:min(900px,calc(100% - 32px)) !important;
    max-width:900px !important;
    grid-template-columns:50px minmax(0,270px) 174px minmax(0,270px) 50px !important;
    column-gap:16px !important;
  }
  .nav-utility-left,
  .nav-utility-right{
    width:50px !important;
    min-width:50px !important;
  }
  .brand-centered,
  .nav-core .brand-centered{
    width:174px !important;
  }
  .brand-centered img,
  .nav-core .brand-centered img{
    width:174px !important;
  }
  .nav-left,
  .nav-right{
    gap:16px !important;
  }
  .nav-left > a,
  .nav-right > a,
  .nav-core .nav-side > a{
    font-size:12px !important;
  }
}

/* =========================================================
   ECONEWS · ACTUALIZACIÓN 5.0
   Responsive + carrusel portada + lectura editorial
   ========================================================= */

:root{
  --sky:#D8EAF7 !important;
  --sky-soft:#EAF4FB;
  --link:#007FA8;
}

/* Celeste más pastel solicitado */
.community-intro{
  background:#D8EAF7 !important;
}

/* Header desktop: centro real + aire armónico al acceso */
@media(min-width:981px){
  .nav-balanced{
    width:min(1040px,calc(100% - 48px)) !important;
    max-width:1040px !important;
    grid-template-columns:72px minmax(0,292px) 190px minmax(0,292px) 72px !important;
    column-gap:22px !important;
    min-height:90px !important;
  }
  .nav-utility-left,
  .nav-utility-right{
    width:72px !important;
    min-width:72px !important;
  }
  .nav-utility-right{
    padding-left:10px !important;
  }
  .nav-utility-right .portal-icon-button{
    margin-left:10px !important;
  }
  .nav-left,.nav-right{gap:24px !important}
}

/* Carrusel de notas destacadas */
.hero-carousel{position:relative}
.hero-slides{position:relative}
.hero-slide{display:none !important}
.hero-slide.is-active{display:grid !important;animation:ecoHeroIn .42s ease both}
@keyframes ecoHeroIn{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
.hero-carousel-controls{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin-top:18px;position:relative;z-index:4;
}
.hero-carousel-arrow{
  width:38px;height:38px;border:1px solid rgba(15,27,61,.12);border-radius:50%;
  background:#fff;color:var(--navy);font-size:25px;line-height:1;cursor:pointer;
  display:grid;place-items:center;box-shadow:0 7px 18px rgba(15,27,61,.06)
}
.hero-carousel-dots{display:flex;align-items:center;gap:7px}
.hero-carousel-dots button{
  width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(15,27,61,.2);cursor:pointer;transition:.2s
}
.hero-carousel-dots button.is-active{width:26px;background:var(--eco-cyan,#00B3E6)}

/* Lectura de notas */
.prose a{
  color:var(--link) !important;
  text-decoration:underline !important;
  text-decoration-thickness:1.5px !important;
  text-underline-offset:3px !important;
  font-weight:700 !important;
}
.prose a:hover{color:#005f7e !important}
.prose blockquote{
  margin:30px 0 !important;padding:22px 26px !important;
  border-left:5px solid var(--eco-orange,#F09200) !important;
  background:#FFF7EF !important;border-radius:0 18px 18px 0 !important;
  font-size:1.18em !important;line-height:1.55 !important;
}
.prose font[size="1"]{font-size:.78em}.prose font[size="2"]{font-size:.9em}.prose font[size="3"]{font-size:1em}
.prose font[size="4"]{font-size:1.16em}.prose font[size="5"]{font-size:1.36em}.prose font[size="6"]{font-size:1.62em}

.article-inline-image{
  margin:32px auto !important;max-width:900px;text-align:center;
}
.article-inline-image img{
  width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:18px;margin:0 auto !important;
}
.article-inline-image figcaption,
.inline-gallery figcaption{
  margin-top:8px;color:#74858c;font-size:13px;text-align:center;
}

.inline-gallery{
  position:relative;margin:34px auto;max-width:900px;border-radius:20px;overflow:hidden;background:#F5F8F9;
}
.inline-gallery-slide{display:none;margin:0 !important;padding:0 !important}
.inline-gallery-slide.is-active{display:block}
.inline-gallery-slide img{width:100%;height:min(58vw,560px);object-fit:contain;background:#F5F8F9;margin:0 !important;border-radius:0 !important}
.inline-gallery-slide figcaption{padding:0 16px 12px}
.inline-gallery-controls{
  position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;justify-content:space-between;padding:0 10px;pointer-events:none;
}
.inline-gallery-controls button{
  pointer-events:auto;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.92);
  color:var(--navy);font-size:26px;cursor:pointer;box-shadow:0 8px 20px rgba(15,27,61,.12)
}
.inline-gallery-controls span{
  position:absolute;left:50%;top:calc(50% + 42px);transform:translateX(-50%);
  background:rgba(15,27,61,.78);color:#fff;border-radius:999px;padding:4px 9px;font-size:11px;
}
.admin-only-stats small{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#87969b}

/* =========================================================
   RESPONSIVE PÚBLICO
   ========================================================= */
@media(max-width:1180px) and (min-width:981px){
  .nav-balanced{
    width:min(940px,calc(100% - 32px)) !important;
    grid-template-columns:62px minmax(0,260px) 174px minmax(0,260px) 62px !important;
    column-gap:16px !important;
  }
  .nav-utility-left,.nav-utility-right{width:62px !important;min-width:62px !important}
  .brand-centered,.nav-core .brand-centered,.brand-centered img,.nav-core .brand-centered img{width:174px !important}
  .nav-left,.nav-right{gap:16px !important}
  .nav-left>a,.nav-right>a,.nav-core .nav-side>a{font-size:12px !important}
}

@media(max-width:980px){
  html{font-size:100% !important}
  body{overflow-x:hidden}
  .container{width:min(100% - 30px,var(--container)) !important}

  .site-header{position:sticky !important;top:0;z-index:100;background:#fff !important;box-shadow:0 4px 18px rgba(15,27,61,.05) !important}
  .site-header::before,.site-header::after{display:none !important;content:none !important}
  .mobile-header-row{
    display:grid !important;position:relative;grid-template-columns:46px 1fr auto;align-items:center;min-height:72px;
    gap:10px;
  }
  .mobile-brand{
    display:block !important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;
  }
  .mobile-brand img{width:154px !important;height:auto}
  .menu-toggle{display:inline-flex !important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#F4F8FA !important;font-size:20px;z-index:2}
  .mobile-header-actions{display:flex !important;align-items:center;justify-self:end;gap:8px;z-index:2}
  .language-control-mobile{min-height:38px !important}
  .mobile-portal-icon{width:40px !important;height:40px !important}

  .main-nav{
    display:none !important;position:absolute;left:0;right:0;top:100%;background:#fff !important;
    border-top:1px solid rgba(15,27,61,.06) !important;box-shadow:0 16px 30px rgba(15,27,61,.12);max-height:calc(100vh - 72px);overflow:auto;
  }
  .main-nav.open{display:block !important}
  .nav-balanced{display:block !important;width:100% !important;max-width:none !important;min-height:0 !important;padding:8px 18px 18px;margin:0 !important}
  .nav-utility{display:none !important}
  .nav-core{display:block !important;width:100% !important}
  .brand-centered{display:none !important}
  .nav-side{display:flex !important;flex-direction:column !important;width:100% !important;gap:0 !important;padding:0 !important}
  .nav-side>a{
    width:100%;padding:14px 8px !important;border-bottom:1px solid rgba(15,27,61,.06);font-size:14px !important;text-align:left;
  }

  .home-hero{padding-top:24px !important}
  .hero-feature{grid-template-columns:1fr !important;border-radius:28px !important;min-height:0 !important}
  .hero-image{order:-1 !important;min-height:0 !important;aspect-ratio:16/9}
  .hero-image img{height:100% !important;object-fit:cover}
  .hero-copy{padding:34px 28px 32px !important}
  .hero-copy h1{font-size:clamp(32px,7vw,44px) !important}
  .hero-copy p:not(.eyebrow){font-size:16px !important}
  .hero-actions{display:flex;flex-wrap:wrap;gap:10px}

  .community-grid{grid-template-columns:1fr !important;gap:28px !important}
  .value-list{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .section-heading{align-items:flex-start !important;flex-direction:column !important}
  .three-columns{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .section-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}

  .article-page{padding-top:38px !important}
  .article-layout{grid-template-columns:1fr !important;gap:28px !important}
  .article-aside{position:static !important;display:block !important}
  .article-cover{aspect-ratio:16/9 !important}
  .share-box{max-width:520px;margin:0 auto}

  .footer-grid{grid-template-columns:1fr 1fr !important;gap:30px !important}
  .footer-brand{grid-column:1/-1 !important}
}

@media(max-width:680px){
  .container{width:min(100% - 24px,var(--container)) !important}
  .mobile-header-row{min-height:66px}
  .mobile-brand img{width:138px !important}
  .language-control-mobile{display:none !important}

  .hero-copy{padding:28px 22px !important}
  .hero-copy h1{font-size:34px !important;line-height:1.12 !important}
  .hero-actions{display:grid !important;width:100%}
  .hero-actions .button{width:100%}
  .hero-carousel-controls{margin-top:12px}

  .community-intro{padding-top:120px !important;padding-bottom:82px !important}
  .community-copy h2{font-size:34px !important}
  .value-list{grid-template-columns:1fr !important}
  .value-list article{min-height:auto !important}

  .section-block{padding:44px 0 !important}
  .three-columns,.section-cards,.benefit-grid{grid-template-columns:1fr !important}
  .section-heading h2{font-size:31px !important}

  .article-header{text-align:left !important}
  .article-header h1{font-size:36px !important}
  .article-byline{justify-content:flex-start !important;gap:8px !important;flex-direction:column}
  .article-cover{border-radius:18px !important;aspect-ratio:4/3 !important}
  .prose{font-size:16px !important;line-height:1.7}
  .prose h2{font-size:27px !important}.prose h3{font-size:22px !important}
  .article-inline-image,.inline-gallery{margin:26px -4px !important;border-radius:16px}
  .inline-gallery-slide img{height:68vw;max-height:420px}

  .reaction-bar{padding:22px 15px !important}
  .reaction-buttons{display:grid !important;grid-template-columns:1fr !important}
  .reaction-buttons button{width:100%;justify-content:space-between}

  .footer-grid{grid-template-columns:1fr !important;text-align:center !important}
  .footer-brand{grid-column:auto !important}
  .footer-column{align-items:center !important}
  .footer-bottom{flex-direction:column !important;text-align:center;gap:5px}
}

@media(max-width:420px){
  .hero-copy h1{font-size:30px !important}
  .section-heading h2,.community-copy h2{font-size:29px !important}
  .button{padding:11px 18px !important}
  .hero-carousel-arrow{width:34px;height:34px}
}

/* Mantener intacta la transición curva existente usando el nuevo celeste pastel */
.community-intro{
  background:linear-gradient(to bottom,
    transparent 0,
    transparent 96px,
    #D8EAF7 96px,
    #D8EAF7 100%) !important;
}
.community-intro::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 96' preserveAspectRatio='none'%3E%3Cpath fill='%23D8EAF7' d='M0 40C350 66 665 41 990 30C1310 19 1595 57 1920 36V96H0Z'/%3E%3C/svg%3E") !important;
}
@media(max-width:980px){
  .community-intro{
    background:linear-gradient(to bottom,
      transparent 0,
      transparent 76px,
      #D8EAF7 76px,
      #D8EAF7 100%) !important;
  }
  .community-intro::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 76' preserveAspectRatio='none'%3E%3Cpath fill='%23D8EAF7' d='M0 30C350 52 665 33 990 24C1310 16 1595 45 1920 30V76H0Z'/%3E%3C/svg%3E") !important;
  }
}
.prose figcaption:empty{display:none}

/* =========================================================
   ECONEWS · 5.1 · MARCO + BANNERS / BENEFICIOS EN NOTAS
   ========================================================= */
.article-body-frame{
  max-width:1160px;
  margin:0 auto;
  padding:34px 34px 38px;
  border:1.5px solid rgba(240,146,0,.78);
  border-radius:34px;
  background:#fff;
}
.article-body-frame .article-layout{
  max-width:none;
  grid-template-columns:minmax(0,1fr) 270px;
  gap:38px;
}
.article-aside{
  align-self:start;
}
.article-aside > * + *{margin-top:16px}
.promo-rail{display:grid;gap:16px;margin-top:16px}
.promo-banner{
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(15,27,61,.08);
  box-shadow:0 12px 30px rgba(15,27,61,.07);
  background:var(--promo-bg,#F7B84A);
  color:#0F1B3D;
}
.promo-banner-ad{
  background:#fff;
}
.promo-label{
  display:inline-flex;
  margin:14px 14px 0;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#52656e;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.promo-image-link{display:block}
.promo-image{
  width:100%;
  height:auto;
  max-height:360px;
  object-fit:cover;
  margin:12px 0 0;
}
.promo-banner-ad .promo-image{
  margin-top:10px;
  max-height:none;
  object-fit:contain;
  background:#fff;
}
.promo-copy{padding:16px 17px 18px}
.promo-copy h2{
  margin:0 0 8px;
  font-family:'Batica Sans','Montserrat',Arial,sans-serif;
  font-size:18px;
  line-height:1.2;
  color:#0F1B3D;
}
.promo-copy p{
  margin:0;
  font-size:13px;
  line-height:1.48;
  color:#324c53;
}
.promo-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:14px;
  padding:9px 13px;
  border-radius:999px;
  background:#fff;
  color:#0F1B3D;
  font-size:12px;
  font-weight:800;
}
.promo-banner-ad .promo-button{
  background:#0F1B3D;
  color:#fff;
}
.promo-empty-admin{
  display:block;
  padding:14px;
  border:1px dashed rgba(31,86,107,.35);
  border-radius:16px;
  color:#1f566b;
  font-weight:800;
  text-align:center;
  font-size:13px;
}

@media(max-width:980px){
  .article-body-frame{
    padding:26px;
    border-radius:28px;
  }
  .article-body-frame .article-layout{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .promo-rail{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .promo-banner-ad .promo-image{max-height:420px}
}
@media(max-width:680px){
  .article-body-frame{
    margin-left:-2px;
    margin-right:-2px;
    padding:20px 16px 22px;
    border-radius:24px;
  }
  .promo-rail{grid-template-columns:1fr}
  .promo-banner{border-radius:20px}
  .promo-image{max-height:none}
}


/* =========================================================
   ECONEWS · 5.2 · RESPETO + BÚSQUEDA EN HEADER
   ========================================================= */
.header-search-button{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(15,27,61,.12);
  border-radius:50%;
  background:#fff;
  color:var(--navy);
  cursor:pointer;
  transition:.2s ease;
}
.header-search-button:hover{
  background:#F4F8FA;
  border-color:rgba(0,179,230,.35);
  transform:translateY(-1px);
}
.header-search-button svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media(min-width:1181px){
  /* Los dos extremos conservan el mismo ancho para que el logo siga
     exactamente en el centro aunque a la derecha haya lupa + acceso. */
  .nav-balanced{
    width:min(1100px,calc(100% - 40px)) !important;
    max-width:1100px !important;
    grid-template-columns:112px minmax(0,284px) 190px minmax(0,284px) 112px !important;
    column-gap:16px !important;
  }
  .nav-utility-left,
  .nav-utility-right{
    width:112px !important;
    min-width:112px !important;
  }
  .nav-utility-right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    padding-left:0 !important;
  }
  .nav-utility-right .portal-icon-button{
    margin-left:0 !important;
  }
}

@media(max-width:1180px) and (min-width:981px){
  .nav-balanced{
    width:min(1000px,calc(100% - 32px)) !important;
    max-width:1000px !important;
    grid-template-columns:100px minmax(0,250px) 174px minmax(0,250px) 100px !important;
    column-gap:14px !important;
  }
  .nav-utility-left,
  .nav-utility-right{
    width:100px !important;
    min-width:100px !important;
  }
  .nav-utility-right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    padding-left:0 !important;
  }
  .header-search-button,
  .portal-icon-button{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
}

@media(max-width:980px){
  .mobile-header-actions{gap:7px !important}
  .mobile-search-button{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
  }
  /* El buscador se despliega debajo del header sticky. */
  .site-search{
    position:relative;
    z-index:101;
  }
  .search-row{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:8px !important;
    padding:12px 0 !important;
  }
  .search-row .search-close{
    grid-column:1/-1 !important;
    justify-self:end;
  }
}


/* =========================================================
   ECONEWS · ACTUALIZACIÓN 5.3
   Presentación editorial por sección + Bienestar en Acción
   ========================================================= */
.section-hero-editorial{
  padding:72px 0 68px !important;
}
.section-hero-editorial .section-hero-content{
  position:relative;
  z-index:2;
}
.section-hero-editorial .section-origin{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:8px;
  color:var(--navy);
}
.section-hero-editorial .section-origin::before{
  content:"";
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--section-color);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--section-color) 16%, transparent);
}
.section-hero-editorial h1{
  max-width:920px;
  margin-top:6px !important;
  margin-bottom:16px !important;
  font-size:clamp(38px,5.5vw,68px) !important;
}
.section-hero-editorial p{
  max-width:840px;
  margin:0;
  font-size:clamp(17px,1.7vw,20px) !important;
  line-height:1.65;
  color:#526970 !important;
}

/* Seis secciones distribuidas en partes iguales alrededor del logo. */
@media(min-width:981px){
  .nav-home-link{display:none !important}
  .nav-balanced{
    width:min(1100px,calc(100% - 40px)) !important;
    max-width:1100px !important;
    grid-template-columns:64px minmax(0,320px) 184px minmax(0,320px) 64px !important;
    column-gap:18px !important;
  }
  .nav-utility-left,.nav-utility-right{
    width:64px !important;
    min-width:64px !important;
  }
  .brand-centered,.nav-core .brand-centered,
  .brand-centered img,.nav-core .brand-centered img{
    width:184px !important;
  }
  .nav-left,.nav-right{gap:18px !important}
  .nav-left>a,.nav-right>a,.nav-core .nav-side>a{
    font-size:12px !important;
    letter-spacing:-.01em;
  }
}
@media(min-width:1181px){
  .nav-balanced{
    width:min(1160px,calc(100% - 40px)) !important;
    max-width:1160px !important;
    grid-template-columns:66px minmax(0,342px) 190px minmax(0,342px) 66px !important;
    column-gap:18px !important;
  }
  .nav-utility-left,.nav-utility-right{width:66px !important;min-width:66px !important}
  .brand-centered,.nav-core .brand-centered,
  .brand-centered img,.nav-core .brand-centered img{width:190px !important}
  .nav-left,.nav-right{gap:20px !important}
  .nav-left>a,.nav-right>a,.nav-core .nav-side>a{font-size:12.5px !important}
}
@media(max-width:980px){
  .nav-home-link{display:block !important}
  .section-hero-editorial{padding:48px 0 44px !important}
  .section-hero-editorial h1{font-size:clamp(34px,9vw,48px) !important}
  .section-hero-editorial p{font-size:16px !important;line-height:1.55}
}

/* =========================================================
   ECONEWS · HOTFIX 5.4
   Header sin superposiciones + lupa funcional
   ========================================================= */
.header-search-button{
  text-decoration:none !important;
}
.site-search[hidden]{
  display:none !important;
}

/* Desktop: las utilidades quedan fuera del flujo de la navegación.
   Así la lupa y el acceso no pisan "Campañas" ni desplazan el logo. */
@media(min-width:1101px){
  .mobile-header-row{
    display:none !important;
  }
  .main-nav{
    display:block !important;
  }
  .nav-balanced{
    position:relative !important;
    display:block !important;
    width:min(1180px,calc(100% - 32px)) !important;
    max-width:1180px !important;
    min-height:92px !important;
    margin-inline:auto !important;
  }
  .nav-core{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr) !important;
    align-items:center !important;
    column-gap:24px !important;
    width:min(930px,calc(100% - 220px)) !important;
    min-height:92px !important;
    margin:0 auto !important;
  }
  .nav-core .nav-side,
  .nav-left,
  .nav-right{
    width:auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:17px !important;
    padding:0 !important;
  }
  .nav-core .nav-left,
  .nav-left{
    justify-content:flex-end !important;
  }
  .nav-core .nav-right,
  .nav-right{
    justify-content:flex-start !important;
  }
  .brand-centered,
  .nav-core .brand-centered{
    position:static !important;
    transform:none !important;
    width:190px !important;
    margin:0 !important;
    padding:0 !important;
    justify-self:center !important;
  }
  .brand-centered img,
  .nav-core .brand-centered img{
    width:190px !important;
    height:auto !important;
  }
  .nav-core .nav-side > a,
  .nav-left > a,
  .nav-right > a{
    font-size:12.2px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }
  .nav-utility-left,
  .nav-utility-right{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    z-index:5 !important;
  }
  .nav-utility-left{
    left:0 !important;
    justify-content:flex-start !important;
  }
  .nav-utility-right{
    right:0 !important;
    justify-content:flex-end !important;
    gap:10px !important;
  }
  .nav-utility-right .header-search-button,
  .nav-utility-right .portal-icon-button{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    margin:0 !important;
  }
}

/* En anchos donde seis secciones + utilidades empiezan a competir por espacio,
   usamos el header móvil antes de que se produzcan solapamientos. */
@media(max-width:1100px){
  .mobile-header-row{
    min-height:72px !important;
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
  }
  .mobile-brand{
    display:block !important;
    justify-self:center !important;
  }
  .mobile-brand img{
    width:148px !important;
    height:auto !important;
  }
  .menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:start !important;
    width:42px !important;
    height:42px !important;
  }
  .mobile-header-actions{
    display:flex !important;
    align-items:center !important;
    justify-self:end !important;
    gap:7px !important;
  }
  .mobile-search-button{
    display:inline-grid !important;
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
  }
  .main-nav{
    display:none !important;
  }
  .main-nav.open{
    display:block !important;
  }
  .main-nav.open .nav-balanced{
    display:block !important;
    min-height:auto !important;
    padding:12px 0 18px !important;
  }
  .main-nav.open .nav-utility{
    display:none !important;
  }
  .main-nav.open .nav-core{
    display:block !important;
    width:100% !important;
  }
  .main-nav.open .brand-centered{
    display:none !important;
  }
  .main-nav.open .nav-side{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:0 !important;
  }
  .main-nav.open .nav-side > a{
    width:100% !important;
    padding:11px 12px !important;
    text-align:center !important;
    font-size:13px !important;
  }
  .site-search{
    position:relative !important;
    z-index:101 !important;
  }
}


/* =========================================================
   ECONEWS · 5.5 · RESPONSIVE MÓVIL TIPO APP
   Ajuste integral para celular: sin superposiciones, navegación
   compacta, controles táctiles y contenido sin desbordes.
   ========================================================= */
html{max-width:100%;overflow-x:hidden}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}

@media(max-width:760px){
  :root{--mobile-gutter:12px;--mobile-header:64px;--mobile-radius:20px}
  html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--mobile-header) + 14px)}
  body{min-width:0;padding-bottom:env(safe-area-inset-bottom)}
  body.mobile-layer-open{overflow:hidden !important;touch-action:none}
  .container{width:calc(100% - (var(--mobile-gutter) * 2)) !important;max-width:none !important;margin-inline:var(--mobile-gutter) !important}
  main{min-width:0;overflow:hidden}
  p,h1,h2,h3,h4,h5,h6,a,span,strong{overflow-wrap:break-word}
  input,select,textarea{font-size:16px !important;max-width:100%}
  .button,.portal-button,.search-row button,.search-form-large button{min-height:44px}

  /* Header móvil estable, compacto y con áreas táctiles reales */
  .site-header{position:sticky !important;top:0 !important;z-index:120 !important;background:rgba(255,255,255,.98) !important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-top:env(safe-area-inset-top);box-shadow:0 6px 22px rgba(15,27,61,.08) !important}
  .mobile-header-row{height:var(--mobile-header) !important;min-height:var(--mobile-header) !important;grid-template-columns:44px minmax(0,1fr) auto !important;gap:6px !important;margin-inline:var(--mobile-gutter) !important;width:calc(100% - (var(--mobile-gutter) * 2)) !important}
  .menu-toggle,.mobile-search-button,.mobile-portal-icon{width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;border-radius:14px !important}
  .menu-toggle{font-size:0 !important;background:#F4F8FA !important;border:1px solid rgba(15,27,61,.08) !important}
  .menu-toggle>span[aria-hidden="true"]{font-size:20px;line-height:1}
  .mobile-brand{width:auto !important;max-width:132px !important}
  .mobile-brand img{width:132px !important;max-width:132px !important;height:auto !important}
  .mobile-header-actions{gap:6px !important;min-width:0}
  .language-control-mobile{display:none !important}
  .header-search-button,.portal-icon-button{box-shadow:none !important}

  /* Menú como panel flotante, no empuja ni pisa el contenido */
  .main-nav{position:fixed !important;left:var(--mobile-gutter) !important;right:var(--mobile-gutter) !important;top:calc(env(safe-area-inset-top) + var(--mobile-header) + 8px) !important;width:auto !important;max-height:calc(100dvh - env(safe-area-inset-top) - var(--mobile-header) - 24px) !important;overflow-y:auto !important;overscroll-behavior:contain;background:#fff !important;border:1px solid rgba(15,27,61,.08) !important;border-radius:0 0 22px 22px !important;box-shadow:0 20px 55px rgba(15,27,61,.18) !important;z-index:126 !important}
  .main-nav:not(.open){display:none !important}
  .main-nav.open{display:block !important}
  .main-nav.open .nav-balanced{padding:8px 10px 12px !important}
  .main-nav.open .nav-side>a{min-height:48px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;padding:12px 14px !important;border-bottom:1px solid rgba(15,27,61,.07) !important;border-radius:12px !important;text-align:left !important;font-size:14px !important}
  .main-nav.open .nav-side>a:hover,.main-nav.open .nav-side>a:focus-visible{background:#F3F8FA !important}
  .main-nav.open .nav-right>a:last-child{border-bottom:0 !important}
  .mobile-nav-overlay{position:fixed;inset:calc(env(safe-area-inset-top) + var(--mobile-header)) 0 0;border:0;background:rgba(15,27,61,.28);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease;z-index:124}
  .mobile-nav-overlay.show{opacity:1;visibility:visible;pointer-events:auto}

  /* Buscador como hoja/panel móvil */
  .site-search{position:fixed !important;top:calc(env(safe-area-inset-top) + var(--mobile-header) + 8px) !important;left:var(--mobile-gutter) !important;right:var(--mobile-gutter) !important;width:auto !important;z-index:130 !important;background:#fff !important;border:1px solid rgba(15,27,61,.1) !important;border-radius:18px !important;box-shadow:0 20px 55px rgba(15,27,61,.2) !important}
  .site-search .container{width:auto !important;margin:0 !important}
  .search-row{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:8px !important;padding:10px !important}
  .search-row input{min-width:0 !important;width:100% !important;height:46px !important;padding:10px 13px !important;border-radius:13px !important}
  .search-row button[type=submit]{height:46px !important;padding:0 16px !important;border-radius:13px !important}
  .search-row .search-close{grid-column:1/-1 !important;justify-self:stretch !important;min-height:40px !important;border-radius:11px !important;background:#F4F7F8 !important}

  /* Portada */
  .home-hero{padding:16px 0 18px !important}
  .hero-shell{width:calc(100% - 24px) !important;margin-inline:12px !important}
  .hero-brand-note{margin-bottom:10px !important;font-size:11px !important}
  .hero-feature{border-radius:22px !important;box-shadow:0 12px 32px rgba(15,27,61,.08) !important;overflow:hidden !important}
  .hero-image{aspect-ratio:16/10 !important;min-height:0 !important}
  .hero-copy{padding:22px 18px 20px !important}
  .hero-copy h1{font-size:clamp(28px,9vw,36px) !important;line-height:1.08 !important;margin:10px 0 12px !important}
  .hero-copy p:not(.eyebrow){font-size:15px !important;line-height:1.55 !important;margin-bottom:18px !important}
  .hero-actions{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;width:100% !important}
  .hero-actions .button{width:100% !important;min-height:46px !important}
  .hero-carousel-controls{margin-top:10px !important;gap:10px !important}
  .hero-carousel-arrow{width:42px !important;height:42px !important}
  .hero-carousel-dots button{min-width:10px;min-height:10px}
  .hero-wave{height:36px !important;margin-top:20px !important}

  .community-intro{padding:72px 0 44px !important}
  .community-grid{gap:20px !important}
  .community-copy h2{font-size:clamp(28px,8vw,34px) !important;margin-bottom:12px !important}
  .community-copy p{font-size:15px !important;line-height:1.6 !important}
  .value-list{gap:10px !important}
  .value-list article{padding:18px !important;border-radius:18px !important}

  /* Secciones, listados y tarjetas */
  .section-block{padding:34px 0 !important}
  .section-heading{gap:8px !important;margin-bottom:18px !important}
  .section-heading h2{font-size:clamp(27px,8vw,32px) !important;line-height:1.12 !important;margin-top:2px !important}
  .section-heading p{font-size:14px !important}
  .post-grid,.section-cards,.benefit-grid{gap:14px !important}
  .post-card,.section-card,.benefit-card{border-radius:18px !important;transform:none !important}
  .post-card:hover,.section-card:hover{transform:none !important}
  .post-card-image{aspect-ratio:16/10 !important}
  .post-card-body{padding:17px !important}
  .post-card h3{font-size:19px !important;line-height:1.25 !important;margin:10px 0 8px !important}
  .post-card p{font-size:14px !important;line-height:1.55 !important;margin-bottom:14px !important}
  .post-card-meta{align-items:flex-start !important;flex-direction:column !important;gap:2px !important}
  .section-card,.benefit-card{padding:20px !important;min-height:0 !important}
  .section-explorer .section-heading h2{color:#fff !important}

  /* Cabecera de cada sección */
  .section-hero,.section-hero-editorial{padding:34px 0 30px !important}
  .section-hero:after{width:160px !important;height:160px !important;right:-45px !important;top:-55px !important}
  .section-hero-editorial h1,.section-hero h1{font-size:clamp(31px,10vw,40px) !important;line-height:1.06 !important;margin:8px 0 12px !important}
  .section-hero-editorial p,.section-hero p{font-size:15px !important;line-height:1.58 !important;max-width:100% !important}
  .section-origin{font-size:11px !important}

  /* Buscador */
  .search-page{padding:28px 0 42px !important}
  .search-title{text-align:left !important;margin-bottom:20px !important}
  .search-title h1{font-size:clamp(30px,9vw,38px) !important;line-height:1.08 !important}
  .search-form-large{grid-template-columns:1fr !important;gap:9px !important;margin-bottom:26px !important}
  .search-form-large input{width:100% !important;min-width:0 !important;border-radius:15px !important;padding:13px 15px !important}
  .search-form-large .button{width:100% !important;border-radius:15px !important}

  /* Notas */
  .article-page{padding:28px 0 46px !important}
  .article-header{max-width:none !important;margin-bottom:20px !important;text-align:left !important}
  .article-header h1{font-size:clamp(30px,9vw,38px) !important;line-height:1.08 !important;margin:14px 0 10px !important}
  .article-lead{font-size:16px !important;line-height:1.55 !important;margin:0 0 14px !important}
  .article-byline{justify-content:flex-start !important;gap:4px !important;flex-direction:column !important;font-size:12px !important}
  .article-cover{width:100% !important;max-width:none !important;margin:0 auto 18px !important;border-radius:18px !important;aspect-ratio:16/10 !important;box-shadow:none !important}
  .article-body-frame{width:100% !important;margin:0 !important;padding:16px 14px 18px !important;border-width:1px !important;border-radius:20px !important}
  .article-body-frame .article-layout{display:block !important;width:100% !important}
  .article-content,.prose{min-width:0 !important;max-width:100% !important}
  .prose{font-size:16px !important;line-height:1.72 !important}
  .prose h2{font-size:25px !important;line-height:1.18 !important}.prose h3{font-size:21px !important;line-height:1.2 !important}.prose h4{font-size:18px !important}
  .prose ul,.prose ol{padding-left:20px !important}
  .prose blockquote{margin:22px 0 !important;padding:17px 16px !important;font-size:1.05em !important;border-radius:0 14px 14px 0 !important}
  .prose iframe,.prose video{width:100% !important;height:auto !important;aspect-ratio:16/9 !important}
  .prose table{display:block !important;width:100% !important;max-width:100% !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch}
  .prose pre,.prose code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
  .article-inline-image,.inline-gallery{width:100% !important;max-width:100% !important;margin:22px 0 !important;border-radius:16px !important}
  .article-inline-image img{max-height:none !important;border-radius:16px !important}
  .inline-gallery-slide img{height:auto !important;max-height:68dvh !important;aspect-ratio:auto !important;object-fit:contain !important}
  .inline-gallery-controls{padding:0 8px !important}
  .inline-gallery-controls button{width:44px !important;height:44px !important}
  .article-aside{margin-top:22px !important}
  .share-box,.article-stats{width:100% !important;max-width:none !important;border-radius:16px !important;padding:16px !important}
  .share-box button{min-height:44px !important}
  .promo-rail{grid-template-columns:1fr !important;gap:12px !important}
  .promo-banner{border-radius:18px !important}
  .promo-copy{padding:14px 15px 16px !important}
  .reaction-bar{margin-top:28px !important;border-radius:18px !important;padding:18px 14px !important}
  .reaction-buttons{grid-template-columns:1fr !important;gap:8px !important}
  .reaction-buttons button{min-height:46px !important;width:100% !important}

  /* Footer */
  .footer-wave{height:36px !important}
  .footer-grid{padding:34px 18px !important;gap:26px !important;text-align:left !important}
  .footer-column{align-items:flex-start !important}
  .footer-brand>img{width:160px !important;margin:0 !important}
  .footer-parent{padding-inline:18px !important;align-items:flex-start !important;text-align:left !important}
  .footer-bottom{padding:16px 18px calc(20px + env(safe-area-inset-bottom)) !important;align-items:flex-start !important;text-align:left !important}
  .footer-credit{padding-bottom:calc(12px + env(safe-area-inset-bottom)) !important}
}

@media(max-width:380px){
  :root{--mobile-gutter:10px}
  .mobile-brand img{width:118px !important}
  .menu-toggle,.mobile-search-button,.mobile-portal-icon{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important}
  .mobile-header-actions{gap:4px !important}
  .hero-copy h1,.article-header h1,.search-title h1{font-size:29px !important}
  .section-heading h2,.community-copy h2{font-size:27px !important}
  .article-body-frame{padding:14px 12px 16px !important}
}

/* =========================================================
   ECONEWS · 5.6 · NOMBRES EDITORIALES EN NAVEGACIÓN
   Los nombres más largos conservan el logo centrado y no se superponen.
   ========================================================= */
@media(min-width:1101px){
  .nav-balanced{
    width:min(1220px,calc(100% - 28px)) !important;
    max-width:1220px !important;
  }
  .nav-core{
    width:min(1040px,calc(100% - 150px)) !important;
    grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr) !important;
    column-gap:16px !important;
  }
  .nav-core .nav-side,
  .nav-left,.nav-right{
    gap:10px !important;
  }
  .brand-centered,
  .nav-core .brand-centered,
  .brand-centered img,
  .nav-core .brand-centered img{
    width:180px !important;
  }
  .nav-core .nav-side > a,
  .nav-left > a,
  .nav-right > a{
    font-size:10.8px !important;
    letter-spacing:-.025em !important;
  }
}
@media(min-width:1280px){
  .nav-core{
    width:min(1100px,calc(100% - 120px)) !important;
    grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr) !important;
    column-gap:18px !important;
  }
  .nav-core .nav-side,
  .nav-left,.nav-right{gap:14px !important}
  .brand-centered,
  .nav-core .brand-centered,
  .brand-centered img,
  .nav-core .brand-centered img{width:190px !important}
  .nav-core .nav-side > a,
  .nav-left > a,
  .nav-right > a{
    font-size:11.7px !important;
    letter-spacing:-.015em !important;
  }
}

/* =========================================================
   ECONEWS · HOTFIX 5.7 · BIENESTAR SIN SUPERPOSICIÓN
   Reserva un carril real para buscador + portal y mantiene
   las tres secciones derechas separadas de esas utilidades.
   ========================================================= */
@media(min-width:1101px){
  .nav-balanced{
    width:min(1220px,calc(100% - 28px)) !important;
    max-width:1220px !important;
    position:relative !important;
  }

  /* 220px quedan reservados para las utilidades laterales.
     El núcleo nunca invade lupa/acceso, aun con nombres largos. */
  .nav-core{
    width:min(960px,calc(100% - 220px)) !important;
    max-width:960px !important;
    grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr) !important;
    column-gap:16px !important;
    margin-inline:auto !important;
  }

  .nav-core .nav-side,
  .nav-left,
  .nav-right{
    gap:10px !important;
    min-width:0 !important;
  }

  .nav-core .nav-side > a,
  .nav-left > a,
  .nav-right > a{
    font-size:11px !important;
    letter-spacing:-.018em !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
  }

  .brand-centered,
  .nav-core .brand-centered,
  .brand-centered img,
  .nav-core .brand-centered img{
    width:180px !important;
  }

  .nav-utility-right{
    right:0 !important;
    gap:10px !important;
    background:#fff !important;
  }
}

@media(min-width:1280px){
  .nav-core{
    width:min(990px,calc(100% - 220px)) !important;
    max-width:990px !important;
    grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr) !important;
    column-gap:18px !important;
  }

  .nav-core .nav-side,
  .nav-left,
  .nav-right{
    gap:12px !important;
  }

  .nav-core .nav-side > a,
  .nav-left > a,
  .nav-right > a{
    font-size:11.4px !important;
    letter-spacing:-.012em !important;
  }

  .brand-centered,
  .nav-core .brand-centered,
  .brand-centered img,
  .nav-core .brand-centered img{
    width:190px !important;
  }
}

/* =========================================================
   ECONEWS · HOTFIX 5.8 · LUPA JUNTO AL IDIOMA
   La búsqueda sale del extremo derecho para dejar libre
   "Bienestar en acción". El portal queda solo a la derecha.
   ========================================================= */
@media(min-width:1101px){
  .nav-utility-left{
    left:0 !important;
    width:auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    z-index:8 !important;
  }
  .nav-utility-left .language-control{
    flex:0 0 auto !important;
    margin:0 !important;
  }
  .nav-utility-left .desktop-search-left{
    display:inline-grid !important;
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    margin:0 !important;
  }
  .nav-utility-right{
    right:0 !important;
    width:42px !important;
    min-width:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
    background:#fff !important;
    z-index:8 !important;
  }
  .nav-utility-right .portal-icon-button{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    margin:0 !important;
  }
  /* Deja un pequeño colchón a ambos extremos para que ningún texto
     pueda llegar debajo de las utilidades. */
  .nav-core{
    width:min(990px,calc(100% - 245px)) !important;
    max-width:990px !important;
  }
}

@media(min-width:1280px){
  .nav-core{
    width:min(1005px,calc(100% - 245px)) !important;
    max-width:1005px !important;
  }
}

@media(max-width:1100px){
  .desktop-search-left{display:none !important}
}

/* =========================================================
   ECONEWS · HOTFIX 5.9 · BURBUJAS DETRÁS DEL CONTENIDO
   Evita que las formas decorativas de las tarjetas tapen texto.
   ========================================================= */
.section-card{
  isolation:isolate;
}
.section-card::after{
  z-index:0 !important;
  pointer-events:none !important;
}
.section-card > *{
  position:relative;
  z-index:1;
}
.section-card .section-number{
  z-index:1 !important;
}

/* =========================================================
   ECONEWS · 6.0 · MARCO UNIVERSAL + TODAS LAS NOTAS
   ========================================================= */
.article-body-frame{
  display:block!important;
  border:1.5px solid rgba(240,146,0,.78)!important;
  background:#fff!important;
}
.article-layout-preview{grid-template-columns:minmax(0,1fr)!important;max-width:820px!important;margin-inline:auto!important}
.all-posts-page{min-height:60vh}
.all-posts-heading{margin-bottom:34px}
.all-posts-heading h1{
  margin:4px 0 8px;
  font-family:'Batica Sans','Montserrat','Comfortaa',Arial,sans-serif;
  font-size:clamp(34px,5vw,54px);
  line-height:1.05;
  color:var(--navy);
}
.all-posts-heading p{margin:0;color:var(--muted);max-width:700px}
@media(max-width:760px){
  .all-posts-heading{margin-bottom:24px}
  .all-posts-heading h1{font-size:clamp(32px,10vw,42px)}
}