
:root{--navy:#062544;--navy-2:#0b355e;--blue:#0e6ea8;--green:#08a650;--teal:#0ba39a;--red:#e53935;--gold:#f0b446;--ink:#17324d;--muted:#61778d;--line:#d8e4ec;--soft:#f3f8fb;--soft-2:#eef5f8;--white:#fff;--shadow:0 22px 50px rgba(5,34,63,.10);--radius:28px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}img{max-width:100%;display:block}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:99;background:#fff;padding:.75rem 1rem;border-radius:10px}
.container{width:min(calc(100% - 40px),var(--container));margin:0 auto}.topbar{background:var(--navy);color:#dbe9f4;font-size:.85rem}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 0}.topbar-group{display:flex;gap:1.2rem;flex-wrap:wrap}.topbar a{text-decoration:none;color:#dbe9f4}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(6,37,68,.08)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.brand img{width:145px;height:auto}.nav-menu{display:flex;align-items:center;gap:4px}.nav-menu a{text-decoration:none;color:var(--navy);font-size:.93rem;font-weight:800;padding:.78rem .8rem;border-radius:12px;white-space:nowrap}.nav-menu a:hover,.nav-menu a.active{background:#eaf3f9;color:var(--blue)}.nav-menu .evafa{background:linear-gradient(135deg,var(--green),var(--teal));color:#fff;padding:.8rem 1rem;box-shadow:0 14px 26px rgba(8,166,80,.18)}.nav-toggle{display:none;border:0;background:transparent;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px}.nav-toggle span{display:block;height:2px;width:24px;background:var(--navy)}
.section{padding:90px 0}.section-soft{background:linear-gradient(180deg,#f5f9fb,#eef5f8)}.section-dark{background:linear-gradient(135deg,var(--navy),var(--navy-2) 55%,#0a466f);color:#fff}.section-head{max-width:780px;margin:0 auto 2.6rem}.section-head.center{text-align:center}.section-head h2,.content-block h2{font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.03;letter-spacing:-.05em;margin:.2rem 0 1rem;color:var(--navy)}.section-head.light h2{color:#fff}.section-head p,.content-block p,.lead{font-size:1.05rem;line-height:1.8;color:var(--muted)}.section-dark .section-head p{color:rgba(255,255,255,.75)}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:.78rem;color:var(--green);margin-bottom:1rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:14px;border:0;padding:1rem 1.3rem;font-weight:900;text-decoration:none;cursor:pointer;transition:.25s transform,.25s background,.25s color}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 16px 30px rgba(14,110,168,.22)}.btn.light{background:#fff;color:var(--navy)}.btn.outline{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.06);color:#fff}.btn.outline-light{border:1px solid rgba(255,255,255,.25);color:#fff;background:transparent}.btn.secondary{background:#eaf3f9;color:var(--navy)}.btn.full{width:100%}
.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem}.hero-carousel{position:relative;height:min(860px,92vh);min-height:680px;overflow:hidden;background:#102f56}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity .9s ease;background-image:var(--bg);background-size:cover;background-position:center}.hero-slide.active{opacity:1;visibility:visible}.hero-slide.art-slide{background-size:contain;background-repeat:no-repeat;background-color:#1f2e63;background-position:right center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,46,.9),rgba(3,24,46,.68) 44%,rgba(3,24,46,.16) 100%)}.hero-overlay.light{background:linear-gradient(90deg,rgba(5,36,63,.85),rgba(5,36,63,.42),rgba(5,36,63,.08))}.hero-inner{position:relative;height:100%;display:flex;align-items:center}.hero-text{max-width:720px;color:#fff;position:relative;z-index:1;padding-top:90px}.hero-text h1{font-size:clamp(3.3rem,7vw,6.6rem);line-height:.92;letter-spacing:-.07em;margin:0 0 1.25rem}.hero-text h1 span{color:#70dfbd}.hero-text p{font-size:1.18rem;line-height:1.8;color:rgba(255,255,255,.78);max-width:640px}.hero-text.compact{max-width:640px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-size:2rem;cursor:pointer;z-index:3}.carousel-arrow.prev{left:24px}.carousel-arrow.next{right:24px}.carousel-dots{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:flex;gap:9px;z-index:4}.carousel-dots button{width:10px;height:10px;border:1px solid #fff;background:transparent;border-radius:999px;padding:0}.carousel-dots button.active{width:30px;background:#fff}.carousel-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.16)}.carousel-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));animation:heroProgress 10s linear infinite}@keyframes heroProgress{from{width:0}to{width:100%}}
.compact-strip{padding:24px 0;background:#f7fbfd;border-top:1px solid #e3eef4;border-bottom:1px solid #e3eef4}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stat-grid>div{padding:1rem 1.4rem;border-right:1px solid #d9e7ef}.stat-grid>div:last-child{border-right:0}.stat-grid strong{display:block;color:var(--navy);font-size:1.02rem;margin-bottom:.35rem}.stat-grid span{color:var(--muted);line-height:1.6}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.product-card{position:relative;min-height:520px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.product-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,37,68,.95),rgba(6,37,68,.15) 65%)}.product-content{position:absolute;left:0;right:0;bottom:0;padding:2rem;color:#fff}.product-content h3{font-size:2rem;margin:.7rem 0}.product-content p{color:rgba(255,255,255,.78);line-height:1.7;max-width:500px}.pill,.tag{display:inline-flex;align-items:center;border-radius:999px;font-size:.74rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.pill{padding:.42rem .74rem;background:rgba(255,255,255,.16);color:#fff}.pill.dark{background:#e8f3fa;color:var(--navy)}.tag{background:#e7f4ed;color:var(--green);padding:.4rem .72rem}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.feature-card,.news-card,.team-card,.doc-card,.info-card,.location-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.feature-card img,.news-card img,.team-card img{width:100%;height:260px;object-fit:cover}.feature-body,.news-body{padding:1.5rem}.feature-body h3,.news-body h3{margin:.7rem 0 .7rem;color:var(--navy);font-size:1.6rem;line-height:1.15}.feature-body p,.news-body p{line-height:1.75;color:var(--muted)}.feature-body a,.news-body a{color:var(--blue);font-weight:900;text-decoration:none}
.videos-home{overflow:hidden}.video-layout{display:grid;grid-template-columns:1.35fr .95fr;gap:1.5rem;align-items:start}.video-stage,.video-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:24px;overflow:hidden}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{width:100%;height:100%;border:0}.video-frame.preview{background-size:cover;background-position:center;position:relative}.video-frame.preview::after{content:"▶";position:absolute;inset:auto 50% 50% auto;transform:translate(50%,50%);width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(239,47,46,.9);color:#fff;font-size:2rem;box-shadow:0 12px 24px rgba(0,0,0,.25)}.video-meta{padding:1.35rem}.video-meta span,.video-card small{display:block;color:#72dfbd;font-size:.73rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.video-meta h3{font-size:1.5rem;margin:.6rem 0}.video-meta p{color:rgba(255,255,255,.75);line-height:1.65}.video-list{display:grid;gap:.9rem}.video-card{display:grid;grid-template-columns:112px 44px 1fr;gap:.85rem;align-items:center;padding:.8rem;color:#fff;text-align:left;cursor:pointer}.video-card img{width:112px;height:76px;object-fit:cover;border-radius:14px}.video-card .play{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ef2f2e;color:#fff;font-size:1.2rem}.video-card strong{display:block;font-size:1.07rem;margin-top:.25rem}.video-card.active,.video-card:hover{background:rgba(255,255,255,.12)}
.location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}.location-card{padding:1rem}.location-map{background:#f7fbfd;border:1px solid #dce8ef;border-radius:22px;padding:.8rem}.location-body{padding:1rem .4rem .5rem}.location-body h3{margin:.2rem 0 .8rem;color:var(--navy)}.location-body p{margin:0;color:var(--muted);line-height:1.7}
.testimonial-shell{position:relative;max-width:980px;margin:0 auto;background:#fff;border-radius:30px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.testimonial{display:none;padding:3.4rem 5rem 5.3rem;text-align:center}.testimonial.active{display:block}.testimonial img{width:108px;height:108px;border-radius:50%;object-fit:cover;margin:0 auto 1.3rem;border:4px solid #fff;box-shadow:0 0 0 3px #dbe9e3}.testimonial blockquote{margin:0 auto 1.4rem;max-width:820px;font-size:clamp(1.16rem,2.3vw,1.55rem);line-height:1.7;font-style:italic;color:#476073}.testimonial strong{display:block;color:var(--red);font-size:1.05rem}.testimonial span{display:block;color:var(--muted);margin-top:.3rem}.testimonial-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:1.8rem;cursor:pointer}.testimonial-arrow.prev{left:20px}.testimonial-arrow.next{right:20px}
.cta-strip{padding-top:0}.cta-box{background:linear-gradient(135deg,var(--navy),var(--blue) 58%,var(--green));border-radius:32px;padding:3rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;box-shadow:var(--shadow)}.cta-box h2{margin:.2rem 0 .8rem;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;color:#fff}.cta-box p{color:rgba(255,255,255,.8);line-height:1.7;max-width:740px}.cta-box .eyebrow{color:#91f0ce}
.page-hero{padding:78px 0 28px;background:linear-gradient(135deg,#f8fbfd,#eef5f8);border-bottom:1px solid #e4edf3}.hero-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;align-items:center;min-height:520px}.hero-copy h1{font-size:clamp(3rem,6vw,5.2rem);line-height:.95;letter-spacing:-.065em;margin:.2rem 0 1rem;color:var(--navy)}.hero-copy p{font-size:1.1rem;line-height:1.8;color:var(--muted);max-width:650px}.hero-media{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:1.3rem;min-height:420px}.hero-media img{width:100%;height:100%;max-height:410px;object-fit:contain}.breadcrumb{display:flex;gap:.55rem;align-items:center;font-size:.88rem;color:var(--muted);margin-bottom:1rem}.breadcrumb a{text-decoration:none;color:var(--blue)}
.two-col,.form-layout,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.content-block h2{margin-top:0}.content-block.narrow{max-width:780px;margin:0 auto}.center-text{text-align:center}.media-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.media-card img{width:100%;height:100%;max-height:520px;object-fit:cover}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.info-card{padding:1.6rem}.info-card h3{margin:.2rem 0 .7rem;color:var(--navy)}.info-card p,.info-card a{line-height:1.8;color:var(--muted);text-decoration:none}.timeline{max-width:920px;margin:0 auto}.timeline-item{padding:1.2rem 1.3rem;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);background:#fff;margin-bottom:1rem}.timeline-item strong{display:block;color:var(--navy);font-size:1.08rem;margin-bottom:.3rem}.timeline-item p{margin:0;line-height:1.7;color:var(--muted)}.center-action{text-align:center;margin-top:2rem}
.product-detail-list{display:grid;gap:2rem}.product-detail{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.product-detail.reverse .product-media{order:2}.product-media{min-height:520px}.product-media img{width:100%;height:100%;object-fit:cover}.product-body{padding:3rem}.product-body h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.03;letter-spacing:-.05em;color:var(--navy);margin:.8rem 0 1rem}.check-list{margin:1rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.check-list li{padding:.9rem 1rem;border-radius:12px;background:#f3f8fb;font-weight:800;color:var(--ink)}.security-box{margin-top:1.3rem;padding:1rem 1.2rem;border-left:4px solid var(--green);background:#eaf7ef;border-radius:0 14px 14px 0}.security-box p{margin:.35rem 0 0}
.form-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:1.8rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;gap:.42rem}.field.full{grid-column:1/-1}.field label{font-weight:800;color:var(--navy);font-size:.9rem}.field input,.field select,.field textarea{width:100%;padding:.95rem 1rem;border:1px solid #cadbe6;border-radius:12px;font:inherit;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(14,110,168,.15);border-color:var(--blue)}.field textarea{resize:vertical}.note{color:var(--muted);font-size:.85rem;line-height:1.65}
.doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}.doc-card{padding:1.6rem}.doc-card h3{margin:.2rem 0 .8rem;color:var(--navy)}.doc-card p{color:var(--muted);line-height:1.75}.faq{display:grid;gap:1rem}.faq-item{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.faq-button{width:100%;border:0;background:#fff;color:var(--navy);font:inherit;font-weight:900;text-align:left;padding:1.15rem 1.25rem;cursor:pointer}.faq-content{display:none;padding:0 1.25rem 1.2rem;color:var(--muted);line-height:1.7}.faq-item.open .faq-content{display:block}
.contact-cards{display:grid;gap:1rem}.news-grid.large-news{grid-template-columns:repeat(3,1fr)}
.site-footer{background:var(--navy);color:#cfe0ec;padding:80px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr 1fr 1fr;gap:2rem}.footer-brand img{width:170px}.site-footer p{line-height:1.75}.site-footer h3{margin:0 0 1rem;color:#fff}.footer-links{display:grid;gap:.75rem}.footer-links a{text-decoration:none;color:#cfe0ec}.footer-bottom{padding-top:1.3rem;margin-top:1.4rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-bottom a{color:#cfe0ec;text-decoration:none}
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:30;border-radius:999px;background:#17c964;color:#fff;text-decoration:none;padding:.8rem 1.1rem;display:flex;align-items:center;gap:.55rem;box-shadow:0 16px 28px rgba(23,201,100,.35)}.whatsapp-float svg{width:24px;height:24px;fill:currentColor}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(24px);background:#0d3559;color:#fff;padding:.95rem 1.2rem;border-radius:14px;opacity:0;pointer-events:none;transition:.25s;z-index:40}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1100px){.video-layout,.hero-split,.two-col,.form-layout,.contact-grid,.product-detail{grid-template-columns:1fr}.product-detail.reverse .product-media{order:0}.hero-media{order:-1}.cta-box{grid-template-columns:1fr}.cards-3,.mission-grid,.footer-grid{grid-template-columns:1fr 1fr}.location-grid,.doc-grid,.news-grid.large-news{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.nav-toggle{display:flex}.nav-menu{display:none;position:absolute;left:20px;right:20px;top:88px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:1rem;flex-direction:column;align-items:stretch}.nav-menu.open{display:flex}.nav-menu a{padding:1rem}.stat-grid,.product-grid,.cards-3,.mission-grid,.location-grid,.doc-grid,.news-grid.large-news,.footer-grid,.check-list{grid-template-columns:1fr}.hero-carousel{min-height:760px;height:760px}.hero-text{padding-top:110px}.hero-text h1{font-size:clamp(2.9rem,10vw,4.6rem)}.product-card{min-height:440px}.feature-card img,.news-card img,.team-card img{height:220px}.testimonial{padding:2.8rem 1.6rem 5rem}.testimonial-arrow{top:auto;bottom:16px;transform:none}.testimonial-arrow.prev{left:calc(50% - 56px)}.testimonial-arrow.next{right:calc(50% - 56px)}.topbar-inner{flex-direction:column;align-items:flex-start}.hero-split{min-height:auto;padding-top:1.2rem}.page-hero{padding-top:40px}.hero-media{min-height:340px}}
@media(max-width:560px){.container{width:min(calc(100% - 28px),var(--container))}.hero-carousel{height:700px;min-height:700px}.hero-slide.art-slide{background-size:cover;background-position:center}.hero-text p{font-size:1.04rem}.carousel-arrow{width:46px;height:46px}.carousel-arrow.prev{left:10px}.carousel-arrow.next{right:10px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.whatsapp-float span{display:none}.whatsapp-float{padding:.8rem}.whatsapp-float svg{width:28px;height:28px}.footer-bottom{flex-direction:column;align-items:flex-start}.hero-media img{max-height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carousel-progress span{animation:none}}

/* v5 patches */
.nav-menu{gap:2px;flex-wrap:wrap;justify-content:flex-end}.nav-menu a{font-size:.9rem;padding:.75rem .68rem}.nav-menu .evafa{margin-left:.2rem}
.page-hero.cover{position:relative;padding:0;min-height:520px;background-image:var(--hero-image);background-size:cover;background-position:center}.page-hero.cover .page-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,32,58,.84),rgba(5,32,58,.45) 45%,rgba(5,32,58,.12))}.hero-cover-inner{position:relative;z-index:1;min-height:520px;display:flex;align-items:center}.hero-copy.light h1,.hero-copy.light p,.hero-copy.light .breadcrumb,.hero-copy.light .breadcrumb a{color:#fff}.hero-copy.light p{color:rgba(255,255,255,.82)}.hero-copy.light .breadcrumb span{color:rgba(255,255,255,.65)}
.align-start{align-items:start}.product-content .mini-list{margin:1rem 0 0;padding-left:1.1rem;color:#dff5ef;line-height:1.8}.product-content .mini-list li{margin-bottom:.2rem}.product-card .product-content{padding:2rem 2rem 2.25rem}
@media(max-width:1220px){.nav-menu a{font-size:.82rem;padding:.7rem .5rem}.brand img{width:130px}}
@media(max-width:860px){.page-hero.cover{min-height:420px}.hero-cover-inner{min-height:420px}.nav-menu{flex-wrap:nowrap;justify-content:flex-start}.nav-menu a{font-size:1rem;padding:1rem}.nav-menu .evafa{margin-left:0}}

/* V6 refinements */
.news-horizontal{display:grid;gap:1.25rem}.news-row{display:grid;grid-template-columns:340px 1fr;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.news-row img{width:100%;height:100%;min-height:220px;object-fit:cover}.news-row>div{padding:1.6rem;align-self:center}.news-row h3{font-size:1.55rem;color:var(--navy);margin:.7rem 0}.news-row p{color:var(--muted);line-height:1.7}.news-row a{color:var(--blue);font-weight:900;text-decoration:none}
.croquis-grid .location-card{overflow:hidden}.croquis-wrap{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;padding:.7rem}.croquis-wrap img{width:100%;height:360px;object-fit:contain;background:#fff}.gps-pin{position:absolute;width:38px;height:52px;border-radius:24px 24px 24px 0;transform:rotate(-45deg);filter:drop-shadow(0 10px 8px rgba(0,0,0,.22))}.gps-pin::after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;left:11px;top:11px}.gps-pin.managua{background:#ef2f2e;left:52%;top:57%}.gps-pin.rivas{background:#08a650;left:42%;top:48%}
.mission-showcase{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.mission-card{border-radius:30px;padding:3rem;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.mission-card.dark{background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#fff}.mission-card h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.04em;margin:.3rem 0 1rem;color:var(--navy)}.mission-card.dark h2{color:#fff}.mission-card p{color:var(--muted);line-height:1.8}.mission-card.dark p{color:rgba(255,255,255,.76)}.values-section{background:linear-gradient(135deg,var(--navy),#0a4773);color:#fff}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.values-grid article{padding:1.4rem;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.values-grid strong,.values-grid span{display:block}.values-grid strong{font-size:1.05rem}.values-grid span{color:rgba(255,255,255,.7);margin-top:.35rem}
.form-card .btn[type="submit"]{margin-top:1rem}.doc-number{display:inline-flex;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-weight:900;margin-bottom:.7rem}
.document-table{border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.document-row{display:grid;grid-template-columns:.55fr 2fr 1fr .8fr;align-items:center;gap:1rem;padding:1.1rem 1.3rem;border-bottom:1px solid var(--line)}.document-row:last-child{border-bottom:0}.document-row.head{background:var(--navy);color:#fff;font-weight:900}.document-row button{border:0;border-radius:10px;padding:.75rem 1rem;background:#eaf3f9;color:var(--navy);font-weight:900;cursor:pointer}.status{display:inline-flex;width:max-content;border-radius:999px;padding:.35rem .7rem;font-size:.74rem;font-weight:900;text-transform:uppercase}.status.pending{background:#fff4dc;color:#9a6600}.report-feature{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.report-visual{display:flex;justify-content:center}.report-sheet{width:min(100%,420px);min-height:430px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:2rem;display:flex;flex-direction:column;gap:1rem}.report-sheet span{color:var(--green);font-weight:900;letter-spacing:.12em}.report-sheet strong{font-size:2rem;color:var(--navy)}.report-sheet i{height:14px;border-radius:999px;background:#e5eef4}.report-sheet i:nth-of-type(2){width:82%}.report-sheet i:nth-of-type(3){width:65%}.report-sheet i:nth-of-type(4){width:90%}
.editorial-news{display:grid;gap:1.5rem}.featured-news{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.featured-news img{width:100%;height:100%;min-height:460px;object-fit:cover}.featured-copy{padding:3rem;align-self:center}.featured-copy h2{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.04;letter-spacing:-.05em;color:var(--navy);margin:.8rem 0 1rem}.featured-copy p{color:var(--muted);line-height:1.8;margin-bottom:1.4rem}.news-page-list{margin-top:.25rem}
@media(max-width:900px){.news-row,.featured-news,.mission-showcase,.report-feature{grid-template-columns:1fr}.news-row img{height:250px}.croquis-wrap img{height:300px}.values-grid{grid-template-columns:1fr 1fr}.document-row{grid-template-columns:.5fr 1.7fr 1fr}.document-row>*:last-child{grid-column:1/-1}.document-row.head>*:last-child{display:none}}
@media(max-width:600px){.values-grid{grid-template-columns:1fr}.croquis-wrap img{height:240px}.gps-pin{transform:scale(.8) rotate(-45deg)}.document-row{grid-template-columns:1fr}.document-row.head{display:none}}

/* =========================================================
   GESTIÓN AL CLIENTE — BLOQUE DE EDUCACIÓN FINANCIERA
   ========================================================= */
.financial-tip-section {
    padding-top: 72px;
    padding-bottom: 34px;
    background:
        radial-gradient(circle at 8% 18%, rgba(8, 166, 80, .10), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f5faf7 100%);
}

.financial-tip-card {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 4.8rem);
    padding: clamp(1rem, 2.5vw, 1.6rem);
    border: 1px solid #d7e6df;
    border-radius: 32px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 28px 70px rgba(5, 44, 31, .12);
    overflow: hidden;
}

.financial-tip-art {
    position: relative;
    min-width: 0;
    border-radius: 24px;
    overflow: hidden;
    background: #12743f;
    box-shadow: 0 22px 42px rgba(11, 80, 47, .18);
}

.financial-tip-art::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: inherit;
}

.financial-tip-art img {
    width: 100%;
    height: auto;
    aspect-ratio: 940 / 788;
    object-fit: contain;
    display: block;
}

.financial-tip-copy {
    padding: clamp(.4rem, 2vw, 1.2rem) clamp(.4rem, 2vw, 1.4rem) clamp(.4rem, 2vw, 1.2rem) 0;
}

.financial-tip-copy h2 {
    max-width: 620px;
    margin: 0 0 1rem;
    color: var(--navy);
    font-size: clamp(2.2rem, 4.2vw, 3.8rem);
    line-height: 1.02;
    letter-spacing: -.055em;
}

.financial-tip-copy > p {
    max-width: 620px;
    margin: 0;
    color: var(--muted);
    font-size: 1.03rem;
    line-height: 1.8;
}

.financial-tip-points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .85rem;
    margin: 1.7rem 0 1.8rem;
}

.financial-tip-points > div {
    display: grid;
    grid-template-columns: 44px 1fr;
    align-items: center;
    gap: .75rem;
    min-height: 82px;
    padding: .9rem 1rem;
    border: 1px solid #dcebe3;
    border-radius: 16px;
    background: #f3faf6;
}

.financial-tip-points strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--green), var(--teal));
    box-shadow: 0 10px 20px rgba(8, 166, 80, .18);
}

.financial-tip-points span {
    color: #315267;
    font-size: .94rem;
    font-weight: 700;
    line-height: 1.45;
}

.financial-tip-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
}

.btn.whatsapp-button {
    color: #ffffff;
    background: #17b85a;
    box-shadow: 0 14px 26px rgba(23, 184, 90, .22);
}

.btn.whatsapp-button:hover {
    background: #109d4b;
}

@media (max-width: 980px) {
    .financial-tip-card {
        grid-template-columns: 1fr;
        gap: 1.8rem;
    }

    .financial-tip-copy {
        padding: .2rem .6rem 1rem;
    }
}

@media (max-width: 620px) {
    .financial-tip-section {
        padding-top: 44px;
        padding-bottom: 20px;
    }

    .financial-tip-card {
        padding: .75rem;
        border-radius: 24px;
    }

    .financial-tip-art {
        border-radius: 18px;
    }

    .financial-tip-copy h2 {
        font-size: clamp(2rem, 11vw, 2.9rem);
    }

    .financial-tip-points {
        grid-template-columns: 1fr;
    }

    .financial-tip-actions .btn {
        width: 100%;
    }
}

/* =========================================================
   GESTIÓN AL CLIENTE — MEJORA DE BLOQUE + MODAL PDF
   ========================================================= */
.financial-tip-section {
    padding-top: 68px;
    padding-bottom: 28px;
    background:
        radial-gradient(circle at 10% 18%, rgba(8, 166, 80, .10), transparent 26%),
        linear-gradient(180deg, #ffffff 0%, #f5faf8 100%);
}

.financial-tip-shell {
    display: grid;
    grid-template-columns: minmax(280px, 440px) minmax(0, 1fr);
    align-items: center;
    gap: clamp(1.4rem, 4vw, 3rem);
}

.financial-tip-art {
    max-width: 440px;
    width: 100%;
    margin: 0 auto;
    border-radius: 26px;
    overflow: hidden;
    background: #12743f;
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 20px 46px rgba(9, 67, 39, .18);
}

.financial-tip-art img {
    width: 100%;
    height: auto;
    aspect-ratio: 940 / 788;
    object-fit: cover;
    display: block;
}

.financial-tip-copy {
    padding: clamp(1.5rem, 2.8vw, 2.4rem);
    border: 1px solid #dbe8e2;
    border-radius: 30px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfefd 100%);
    box-shadow: 0 24px 60px rgba(8, 39, 63, .10);
}

.financial-tip-copy h2 {
    margin: 0 0 .9rem;
    color: var(--navy);
    font-size: clamp(2.1rem, 4vw, 3.5rem);
    line-height: 1.03;
    letter-spacing: -.05em;
}

.financial-tip-copy > p {
    margin: 0;
    color: var(--muted);
    font-size: 1.02rem;
    line-height: 1.82;
    max-width: 700px;
}

.financial-tip-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .95rem;
    margin: 1.55rem 0 1.5rem;
}

.financial-tip-points > div {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: .75rem;
    align-items: center;
    min-height: 88px;
    padding: .95rem 1rem;
    border: 1px solid #deebe5;
    border-radius: 18px;
    background: #f5fbf7;
}

.financial-tip-points strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--green), var(--teal));
    box-shadow: 0 10px 20px rgba(8, 166, 80, .18);
}

.financial-tip-points span {
    color: #315267;
    font-size: .96rem;
    font-weight: 800;
    line-height: 1.45;
}

.financial-tip-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .9rem;
    margin-top: .1rem;
}

.btn.whatsapp-button {
    color: #ffffff;
    background: #17b85a;
    box-shadow: 0 14px 26px rgba(23, 184, 90, .22);
}

.btn.whatsapp-button:hover {
    background: #109d4b;
}

.financial-tip-link {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: 1rem;
    color: var(--blue);
    font-weight: 900;
    text-decoration: none;
}

.financial-tip-link:hover {
    text-decoration: underline;
}

body.modal-open {
    overflow: hidden;
}

.pdf-modal[hidden] {
    display: none;
}

.pdf-modal {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 18px;
}

.pdf-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(5, 28, 50, .72);
    backdrop-filter: blur(4px);
}

.pdf-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(1120px, calc(100vw - 24px));
    height: min(90vh, 860px);
    border-radius: 26px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
    background: #ffffff;
    display: grid;
    grid-template-rows: auto 1fr;
}

.pdf-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    background: linear-gradient(135deg, var(--navy), var(--navy-2));
    color: #ffffff;
}

.pdf-modal-header small {
    display: block;
    opacity: .78;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: .7rem;
    font-weight: 800;
    margin-bottom: .18rem;
}

.pdf-modal-header strong {
    font-size: 1.05rem;
}

.pdf-modal-close {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 14px;
    background: rgba(255, 255, 255, .14);
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
}

.pdf-modal-close:hover {
    background: rgba(255, 255, 255, .24);
}

.pdf-modal-body {
    background: #eef3f7;
}

.pdf-modal-body iframe {
    width: 100%;
    height: 100%;
    border: 0;
    background: #eef3f7;
}

@media (max-width: 980px) {
    .financial-tip-shell {
        grid-template-columns: 1fr;
    }

    .financial-tip-art {
        max-width: 520px;
    }
}

@media (max-width: 620px) {
    .financial-tip-section {
        padding-top: 42px;
        padding-bottom: 18px;
    }

    .financial-tip-copy {
        padding: 1.2rem;
        border-radius: 22px;
    }

    .financial-tip-copy h2 {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .financial-tip-points {
        grid-template-columns: 1fr;
    }

    .financial-tip-actions .btn,
    .financial-tip-link {
        width: 100%;
        justify-content: center;
    }

    .pdf-modal {
        padding: 10px;
    }

    .pdf-modal-dialog {
        width: calc(100vw - 10px);
        height: 88vh;
        border-radius: 18px;
    }

    .pdf-modal-header {
        padding: .85rem .9rem;
    }
}
