:root{--navy:#132e49;--blue:#254e70;--gold:#332D6B;--cream:#f5f3ed;--ink:#243b4b;--muted:#63737b;--line:#dce1df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.6 Arial,sans-serif;color:var(--ink);background:#fcfcfa}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #332D6B;outline-offset:4px}.wrap{width:min(1200px,90%);margin:auto}.notice{background:var(--navy);color:white;text-align:center;font-size:11px;letter-spacing:1.3px;padding:8px}.notice span{opacity:.7}header{position:sticky;top:0;background:#fcfcfaf2;backdrop-filter:blur(15px);z-index:10;border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{line-height:1.2}.brand strong{font-family:Georgia,serif;font-size:25px;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px}.navlinks{display:flex;gap:27px;font-size:13px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 23px;background:var(--navy);border:1px solid var(--navy);color:white;font-size:13px;font-weight:600;gap:15px}.btn.light{background:white;color:var(--navy)}.btn.outline{background:transparent;color:var(--navy);border-color:#9eacae}.eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:28px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(45px,5.5vw,77px);letter-spacing:-2.8px;margin:23px 0}h1 em{font-weight:400;color:var(--blue)}h2{font-size:clamp(34px,4vw,49px);letter-spacing:-1.5px}h3{font-weight:500;font-size:24px;line-height:1.3}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;padding:65px 0 55px;align-items:center}.hero p{font-size:16px;color:var(--muted);max-width:440px}.actions{display:flex;gap:12px;margin:28px 0}.micro{font-size:11px!important;color:var(--muted)}.visual{position:relative;height:510px;background:#e9eeea;overflow:hidden;border-radius:180px 180px 4px 4px}.visual svg{width:100%;height:100%}.visualLabel{position:absolute;bottom:22px;left:22px;right:22px;background:#ffffffeb;padding:19px 23px;display:flex;justify-content:space-between;align-items:center}.visualLabel strong{font:21px Georgia,serif}.visualLabel small{font-size:10px;display:block;color:var(--muted);margin-top:5px}.seal{border:1px solid #bcc9c0;width:48px;height:48px;display:grid;place-items:center;font:30px Georgia;color:var(--blue);border-radius:50%}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:30px}.strip div{display:flex;align-items:center;gap:18px}.strip b{font-weight:500;font-size:13px}.strip small{display:block;font-size:11px;color:var(--muted)}.icon{font-family:Georgia,serif;font-size:28px;color:var(--gold)}section{padding:80px 0}.sectionHead{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:35px}.sectionHead h2{max-width:570px;margin:18px 0 0}.sectionHead p{max-width:330px;font-size:13px;color:var(--muted);margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service{border-top:1px solid var(--navy);padding:23px 0}.num{font-size:11px;letter-spacing:2px;color:var(--gold)}.service h3{font:28px Georgia,serif;margin:28px 0 14px}.service p{font-size:13px;color:var(--muted);min-height:64px}.service a{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:6px}.planArea{background:var(--cream)}.planGrid{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:center}.planGrid h2{margin:20px 0}.planGrid p{color:var(--muted);font-size:14px}.bullets{list-style:none;padding:0;font-size:13px}.bullets li{padding:12px 0;border-bottom:1px solid #dbdfd7}.bullets li:before{content:'✓';margin-right:15px;color:var(--blue)}.quote{background:white;padding:35px;box-shadow:0 18px 50px #132e4908}.quote h3{font:29px Georgia,serif;margin-bottom:8px}.quote p{font-size:12px}.status{font-size:9px;letter-spacing:1.5px;background:#eee9dc;color:#775e35;padding:5px 9px;display:inline-block;margin-bottom:20px}label{display:block;font-size:11px;font-weight:600;margin:15px 0 6px}input,select{border:1px solid #ccd4d3;padding:12px;background:white;width:100%;border-radius:0;color:var(--ink)}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote button{width:100%;margin-top:20px}.result{background:#f0f4ef;border-left:3px solid var(--gold);padding:14px;font-size:13px;margin-top:16px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.step{border-top:1px solid var(--line);padding-top:20px}.step h3{font:22px Georgia,serif;margin:18px 0 12px}.step p{font-size:12px;color:var(--muted)}.portal{background:var(--navy);color:white;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.portal h2{font-size:41px;margin:18px 0}.portal .eyebrow{color:#cad8e3}.portal p{font-size:13px;color:#c3ced6}.portalCard{background:#fff;color:var(--ink);padding:25px;transform:rotate(-2deg);box-shadow:15px 15px 0 #ffffff0a}.portalCard .bar{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid var(--line);padding-bottom:15px}.portalCard h3{font:27px Georgia;margin:20px 0}.portalCard .tile{background:#f3f5f3;padding:12px;margin:9px 0;font-size:12px;display:flex;justify-content:space-between}.faqGrid{display:grid;grid-template-columns:1fr 1.4fr;gap:90px}details{border-bottom:1px solid var(--line);padding:19px 0;font-size:14px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-size:20px;color:var(--gold)}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);margin:14px 0 0}.cta{background:#e8ede7;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:35px;margin-bottom:10px}.cta p{font-size:13px;margin:0;color:var(--muted)}footer{background:#f0f1ec;padding:45px 0 20px}.foot{display:flex;justify-content:space-between;gap:30px}.foot p{font-size:11px;color:var(--muted);max-width:350px}.footnav{font-size:12px;display:flex;gap:30px}.legal{border-top:1px solid #d7ddd4;margin-top:30px;padding-top:15px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}dialog{border:0;padding:35px;max-width:460px;width:90%;box-shadow:0 30px 100px #132e4940}dialog::backdrop{background:#102e49a6;backdrop-filter:blur(4px)}.close{float:right;border:0;background:transparent;font-size:25px}.modalTitle{font:32px Georgia,serif;clear:both}.modalNote{font-size:12px;color:var(--muted)}.hidden{display:none!important}.menu{display:none} @media(max-width:800px){.nav{height:73px}.brand strong{font-size:21px}.navlinks{display:none}.nav>.btn{padding:10px 13px;font-size:11px}.hero{grid-template-columns:1fr;gap:28px;padding:40px 0}.visual{height:370px;max-width:540px;width:100%}h1{letter-spacing:-1.6px}.strip{gap:14px}.strip div{display:block}.strip b{font-size:11px}.strip small{font-size:10px}.services{grid-template-columns:1fr}.service p{min-height:0}.sectionHead{display:block}.sectionHead p{margin-top:20px}.planGrid,.faqGrid,.portal{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr 1fr}.portal{padding:30px}.cta{display:block;padding:30px}.cta .btn{margin-top:23px}.foot{display:block}.footnav{margin-top:20px}.legal{gap:20px}.actions{flex-wrap:wrap}section{padding:55px 0}.quote{padding:25px}.notice{font-size:9px;letter-spacing:.8px}.portalCard{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} html,body{overflow-x:clip}.hero{isolation:isolate} /* Manual de marca: continuidad institucional, versión 1.0 */ :root{--navy:#102A43;--blue:#01779F;--gold:#8ABD39;--cream:#F3F6F8;--ink:#172B3A;--muted:#526579;--line:#CDD7DF;--violet:#332D6B} body{font-family:Inter,Arial,sans-serif;background:#fff;line-height:1.5} h1,h2,h3,.service h3,.quote h3,.portalCard h3{font-family:Inter,Arial,sans-serif;font-weight:700} h1{font-size:clamp(36px,4.5vw,62px);line-height:1.12;letter-spacing:-2px}h2{font-size:clamp(28px,3.5vw,42px);line-height:1.2;letter-spacing:-1px} .brand strong{font-family:Inter,Arial,sans-serif;font-weight:700;font-size:24px}.brand small{font-size:10px;letter-spacing:1px}.navlinks{font-size:14px} .btn{border-radius:8px;min-height:48px;font-size:14px}.btn.outline{border-color:var(--navy)}.btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}.btn.light:hover{background:#8ABD39;color:var(--navy);border-color:#8ABD39} button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--violet)} .hero{position:relative;padding:64px 0 48px}.hero:before{content:'';position:absolute;left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2);top:0;bottom:0;background:#102A43;z-index:-1}.hero>div:first-child{color:white}.hero h1 em{color:#fff;font-style:normal;box-shadow:inset 0 -4px #8ABD39}.hero .eyebrow{color:#fff}.hero p,.hero .micro{color:#d9e4ed}.hero .btn{background:white;border-color:white;color:#102A43}.hero .btn:hover{background:#8ABD39;border-color:#8ABD39}.hero .btn.outline{background:transparent;color:white;border-color:#bccedc}.hero .eyebrow:before{background:#8ABD39}.visual{border-radius:100px 100px 8px 8px;height:490px;background:#F3F6F8}.visualLabel{border-left:4px solid #01779F;border-radius:4px}.visualLabel strong{font:600 20px Inter,Arial,sans-serif}.visualLabel small{font-size:12px}.seal{color:#332D6B;border-color:#332D6B} .strip{background:#F3F6F8;padding:24px;border-bottom:4px solid #01779F;gap:24px}.strip b{font-size:14px;font-weight:600}.strip small{font-size:12px}.icon{font:700 27px Inter,Arial,sans-serif;color:#01779F}.strip div:nth-child(2) .icon{color:#332D6B}.strip div:nth-child(3) .icon{color:#102A43} .eyebrow{font-size:12px;letter-spacing:1.4px}.micro{font-size:13px!important}.sectionHead p,.service p,.planGrid p,.step p,.faqGrid details p,.cta p,.portal p{font-size:16px}.service p{min-height:115px}.service a{font-size:14px;color:#01779F;text-decoration:underline;border:0}.service{border-top:4px solid #01779F}.service:nth-child(2){border-color:#332D6B}.service:nth-child(3){border-color:#8ABD39}.service h3{font-size:25px}.num{font-size:12px;color:#526579}.quote{border-radius:8px;border-top:6px solid #332D6B;box-shadow:none;border-left:1px solid #CDD7DF;border-right:1px solid #CDD7DF;border-bottom:1px solid #CDD7DF}.quote h3{font-size:28px}.quote p{font-size:14px}.status{font-size:11px;background:#e9edf7;color:#332D6B;border-radius:4px}.bullets{font-size:15px}.bullets li:before{font-weight:700;color:#01779F}label{font-size:14px}input,select{border-radius:8px;min-height:46px}.result{background:#F3F6F8;border-color:#01779F;font-size:14px}.steps{counter-reset:step}.step{border-top:3px solid #01779F}.step .num{font-size:15px;font-weight:700;color:#01779F}.step h3{font:600 22px Inter,Arial,sans-serif}.portal{border-radius:8px;border-bottom:6px solid #8ABD39}.portalCard{transform:none;border-radius:8px;box-shadow:none}.portalCard .bar{font-size:12px}.portalCard .tile{font-size:14px}.portalCard small{font-size:12px!important}.faqGrid details{font-size:16px}.cta{background:#332D6B;color:white;border-radius:8px;border-left:6px solid #8ABD39}.cta .eyebrow,.cta p{color:white}.cta .btn{background:white;color:#102A43;border-color:white}.cta .btn:hover{background:#8ABD39;border-color:#8ABD39}.foot p{font-size:13px}.footnav{font-size:14px}.legal{font-size:12px}.modalNote{font-size:14px}.modalTitle{font-family:Inter,Arial,sans-serif}.close{min-width:44px;min-height:44px} .choiceNote{display:flex;gap:8px;align-items:center;font-size:13px;color:#d9e4ed;margin-top:14px}.choiceNote:before{content:'✓';font-weight:700;color:#8ABD39}.progress{display:flex;align-items:center;gap:8px;font-size:12px;color:#526579;margin:4px 0 20px}.progress b{background:#332D6B;color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.progress span{height:2px;width:30px;background:#CDD7DF}.progress .later{background:#F3F6F8;color:#526579;border:1px solid #CDD7DF} @media(max-width:800px){.hero{padding-top:40px}.visual{height:370px}.strip{padding:20px 12px;gap:12px}.strip b{font-size:12px}.strip small{font-size:11px}.service p{min-height:0}.hero h1{font-size:41px}.nav>.btn{font-size:12px}.brand strong{font-size:20px}.portal h2{font-size:32px}.cta h2{font-size:30px}} .logoPanel{background:#fff;border-radius:8px;height:520px;display:flex;align-items:center;justify-content:center;padding:32px}.logoPanel img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain}footer .foot{align-items:center}.footerLogo{display:block;width:180px;height:auto;background:#fff;padding:18px;margin-bottom:20px}@media(max-width:800px){.logoPanel{height:420px;padding:28px}.footerLogo{width:180px}} .nav{height:auto;min-height:196px;padding-top:16px;padding-bottom:16px}.headerBrand{flex-shrink:0;align-self:flex-start;background:#fff;padding:8px 18px}.headerBrand img{display:block;width:180px;height:auto}.institutionalPanel{background:#F3F6F8;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px;border-bottom:6px solid #8ABD39}.institutionalPanel h2{font-size:42px;color:#102A43;margin:24px 0}.institutionalPanel h2 span{color:#01779F}.hero .institutionalPanel p{color:#526579;font-size:16px}.institutionalPanel a{font-size:14px;text-decoration:underline;color:#01779F}header{position:relative}html{scroll-padding-top:24px}@media(max-width:800px){.nav{min-height:0;align-items:center;gap:12px}.headerBrand{padding:8px;align-self:center}.headerBrand img{width:125px}.nav>.btn{max-width:160px;white-space:normal}.institutionalPanel{height:auto;min-height:340px;padding:30px}.institutionalPanel h2{font-size:34px}} .hero .institutionalPanel .eyebrow{color:#01779F} /* Experiencia dinámica: integración de marca y profundidad */ header{background:#eef5fa;border:0;position:relative}.notice{background:#332D6B}.nav{min-height:0;align-items:center;padding:12px 0;gap:32px}.headerBrand{padding:0;align-self:center;background:transparent}.headerBrand img{width:118px;height:auto;mix-blend-mode:multiply}.navlinks{margin-left:auto}.nav>.btn{background:#102A43;color:white;border:0;box-shadow:0 8px 20px #102a4320}footer .footerLogo{background:transparent;mix-blend-mode:multiply;padding:0;width:150px} .hero{padding:64px 0 88px;gap:55px;min-height:580px}.hero:before{background:radial-gradient(ellipse at 90% 10%,#0875a166,transparent 53%),linear-gradient(115deg,#102A43 12%,#162e50 65%,#332D6B);border-radius:0 0 65px 0}.hero:after{content:'';position:absolute;right:-22px;top:28px;width:320px;height:320px;border:1px solid #ffffff1f;border-radius:50%;pointer-events:none;z-index:-1}.hero h1{font-size:clamp(36px,4.7vw,64px)}.hero .actions .btn{background:#8ABD39;border-color:#8ABD39;box-shadow:0 10px 30px #0002;transition:transform .25s,box-shadow .25s}.hero .actions .btn:hover{transform:translateY(-4px);box-shadow:0 14px 35px #0003} .institutionalPanel{background:transparent;border:0;border-radius:0;padding:0;min-height:430px;height:auto;overflow:visible;position:relative;display:block}.hero .institutionalPanel .eyebrow{color:#dce9f3}.institutionalPanel>h2,.institutionalPanel>p,.institutionalPanel>a{display:none}.experienceStage{position:relative;padding:24px 0 55px}.stageCard{background:#fff;color:#102A43;border-radius:20px;padding:30px;box-shadow:0 24px 65px #0818284d;position:relative;margin-left:15px;margin-top:20px;transition:transform .4s}.stageCard:before{content:'';position:absolute;inset:-15px 20px 15px -15px;background:#01779F;border-radius:20px;z-index:-1;transform:rotate(-4deg)}.stageCard .stageNumber{display:block;color:#01779F;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:20px}.stageCard h3{font:700 32px/1.18 Inter,Arial,sans-serif;margin-bottom:14px}.hero .stageCard p{color:#526579;font-size:15px;margin-bottom:20px}.stageCard .stageDetail{padding:14px 0;border-top:1px solid #CDD7DF;font-size:14px;display:flex;justify-content:space-between;gap:15px}.stageDetail span:last-child{color:#01779F;font-weight:700}.stageCard a{color:#01779F;font-size:14px;font-weight:600;text-decoration:underline}.stageBadge{position:absolute;right:-12px;bottom:22px;border-radius:14px;background:#8ABD39;color:#102A43;padding:15px 22px;box-shadow:0 12px 30px #0002;font-size:13px;font-weight:700;animation:floatGently 6s ease-in-out infinite}.stageBadge small{display:block;font-size:11px;font-weight:400}.stageControls{display:flex;gap:9px;margin:0 0 0 17px}.stageDot{width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:transparent;color:#fff;font-size:13px;transition:background .2s,transform .2s}.stageDot[aria-selected=true]{background:#8ABD39;color:#102A43;border-color:#8ABD39;transform:translateY(-3px)}.stageDot:hover{background:#ffffff22}.stageDot[aria-selected=true]:hover{background:#8ABD39} .strip{position:relative;margin-top:-28px;background:white;border-radius:14px;box-shadow:0 10px 35px #102a4312;padding:28px;border:1px solid #e1e9f0;border-bottom:3px solid #01779F;z-index:1}.strip>div{padding:4px 0}.strip>div+div{border-left:1px solid #dce5ec;padding-left:25px}.services{gap:24px}.service{border:1px solid #dbe5ed!important;border-top:4px solid #01779F!important;border-radius:14px;padding:27px;background:#fff;transition:transform .3s,box-shadow .3s}.service:nth-child(2){border-top-color:#332D6B!important;background:#f6f5fb}.service:nth-child(3){border-top-color:#8ABD39!important;background:#f6f9f1}.service:hover{transform:translateY(-7px);box-shadow:0 18px 40px #102a4312}.service .num{display:inline-block;padding:6px 10px;background:#e9f4f9;border-radius:6px;color:#01779F}.service:nth-child(2) .num{color:#332D6B;background:#ebe9f6}.service:nth-child(3) .num{color:#102A43;background:#e6efda}.service p{min-height:115px}.service h3{margin-top:22px}.planArea{background:linear-gradient(135deg,#eef5fa 0%,#f4f3fa 70%,#eff5e7 100%);position:relative}.quote{border-radius:16px;box-shadow:0 25px 60px #102a4314;transform:rotate(1deg);transition:transform .3s}.quote:focus-within,.quote:hover{transform:rotate(0deg)}.step{position:relative;border-top:2px solid #CDD7DF;padding:24px 15px 10px 0}.step .num{background:#102A43;color:white;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 7px #f1f5f8}.step:nth-child(2) .num{background:#01779F}.step:nth-child(3) .num{background:#332D6B}.step:nth-child(4) .num{background:#8ABD39;color:#102A43}.portal{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(120deg,#102A43,#332D6B);box-shadow:0 20px 50px #102a431c}.portal:before{content:'';position:absolute;right:-150px;top:-180px;width:450px;height:450px;border:1px solid #ffffff20;border-radius:50%;pointer-events:none}.portalCard{transform:rotate(-3deg);box-shadow:0 20px 45px #0002;transition:transform .3s}.portalCard:hover{transform:rotate(0deg)}.cta{border-radius:18px;background:linear-gradient(110deg,#332D6B,#102A43);box-shadow:0 20px 45px #102a4320}.btn{transition:background .2s,transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.revealReady{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.revealReady.revealed{opacity:1;transform:translateY(0)}.topProgress{height:3px;position:fixed;top:0;left:0;width:0;background:#8ABD39;z-index:100;pointer-events:none}.mobileAction{display:none} @keyframes floatGently{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}} @media(max-width:800px){.nav{padding:10px 0;gap:18px}.headerBrand img{width:96px}.nav>.btn{max-width:170px}.hero{padding:36px 0 65px;gap:25px}.hero:before{border-radius:0 0 32px 0}.hero h1{font-size:42px}.institutionalPanel{min-height:0}.experienceStage{padding-bottom:45px}.stageCard{padding:25px;margin-left:12px}.stageCard h3{font-size:29px}.stageBadge{right:0;bottom:12px}.strip{padding:18px 12px;gap:10px}.strip>div+div{padding-left:10px}.strip small{display:none}.strip b{font-size:11px}.strip .icon{font-size:23px}.strip>div{display:block}.quote{transform:none}.portalCard{transform:none}.service p{min-height:0}.stageControls{margin-bottom:10px}.mobileAction{display:block;position:fixed;bottom:16px;right:16px;background:#102A43;color:white;padding:12px 18px;border-radius:30px;font-size:13px;z-index:12;box-shadow:0 5px 20px #102a4330}.legal{padding-bottom:48px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.revealReady{opacity:1;transform:none}} .stageBadge{animation:none;border-radius:6px}.stageCard,.stageCard:before{border-radius:10px}.stageCard:before{transform:rotate(-2deg)}.hero h1{font-size:clamp(36px,4.1vw,56px);letter-spacing:-1.6px}.hero:before{border-radius:0 0 32px 0}.stageCard h3{font-size:29px}.service:hover{transform:translateY(-4px)}.hero .institutionalPanel{background:transparent!important}.hero .institutionalPanel .stageCopy{color:#526579}@media(max-width:800px){.hero h1{font-size:38px}} .institutionalContent{padding:30px 0 60px}.institutionalIntro{display:grid;grid-template-columns:1fr 1.5fr;gap:16px 50px;margin-bottom:30px}.institutionalIntro .eyebrow{grid-column:1/-1}.institutionalIntro h3{font-size:29px;line-height:1.2;margin:0;font-weight:700}.institutionalIntro p{font-size:16px;color:#526579;margin:0;max-width:580px}.purposeGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.purposeCard{padding:32px;border-radius:12px;background:#eef6fa;border-top:4px solid #01779F}.purposeCard:nth-child(2){background:#f2f0f8;border-color:#332D6B}.purposeIndex{font-size:12px;font-weight:700;letter-spacing:1px;color:#01779F}.purposeCard:nth-child(2) .purposeIndex{color:#332D6B}.purposeCard h3{font-size:30px;font-weight:700;margin:22px 0 14px}.pendingText{font-size:16px;color:#526579}.pendingTag{display:inline-block;background:#fff;color:#526579;padding:6px 10px;font-size:12px;border:1px solid #CDD7DF;border-radius:5px}.boardSection{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:24px;padding:35px;border:1px solid #CDD7DF;border-radius:12px;align-items:center}.boardSection h3{font-size:30px;font-weight:700;margin:20px 0 15px}.boardSection p{font-size:16px;color:#526579}.boardPending{background:#F3F6F8;border-radius:8px;padding:28px}.boardPending strong{display:block;font-size:18px;margin-top:15px}.boardPending p{font-size:14px}.boardMark{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#102A43;color:#fff;font-size:15px;letter-spacing:2px}.servicesHeading{border-top:1px solid #CDD7DF;padding-top:45px;margin-bottom:30px}.servicesHeading h2{font-size:32px;margin:18px 0}@media(max-width:800px){.institutionalIntro,.purposeGrid,.boardSection{grid-template-columns:1fr}.institutionalIntro{gap:20px}.purposeCard,.boardSection{padding:25px}.boardSection{gap:20px}.institutionalIntro h3{font-size:27px}}.founding{display:inline-block;background:#102A43;color:white;border-left:4px solid #8ABD39;padding:9px 15px;margin-top:20px;font-size:14px;font-weight:600;border-radius:0 6px 6px 0}.institutionalObject{border:1px solid #CDD7DF;border-radius:8px;padding:22px 24px;margin:0 0 26px;background:#F3F6F8}.institutionalObject summary{font-size:17px;font-weight:600}.institutionalObject p{font-size:16px;color:#526579;line-height:1.7;max-width:950px;margin-top:18px}.purposeGrid{align-items:start}.purposeCard>p{font-size:16px;color:#526579;line-height:1.65}.missionDetails{border-color:#c9c4df}.missionDetails summary{font-size:15px;color:#332D6B;font-weight:600}.missionDetails ul{padding-left:20px;font-size:15px;color:#526579}.missionDetails li{margin-bottom:14px;line-height:1.6}.scopeNote{font-size:13px;color:#526579;border-left:3px solid #01779F;padding:12px 16px;background:#F3F6F8;margin-top:24px}.boardPending strong{margin-top:0} .pageIntro{padding:52px 0 25px}.pageIntro h1{font-size:42px;line-height:1.2;margin:16px 0}.pageIntro p{max-width:690px;color:#526579}.pageCrumb{font-size:13px;color:#526579}.pageCrumb a{text-decoration:underline;color:#01779F}.pageNav{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.pageNav a{padding:10px 15px;border:1px solid #CDD7DF;border-radius:8px;font-size:14px;background:#fff}.pageNav a:hover{background:#eef5fa}.homeDirectory{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:48px 0}.directoryCard{display:block;border:1px solid #CDD7DF;border-top:4px solid #01779F;border-radius:10px;padding:26px;transition:transform .2s,box-shadow .2s}.directoryCard:nth-child(2){border-top-color:#332D6B}.directoryCard:nth-child(3){border-top-color:#8ABD39}.directoryCard:hover{transform:translateY(-4px);box-shadow:0 14px 35px #102a4310}.directoryCard h2{font-size:24px;line-height:1.25;margin:16px 0}.directoryCard p{color:#526579;font-size:15px}.directoryCard span{color:#01779F;font-size:14px;font-weight:600}.navlinks a[aria-current=page]{color:#01779F;border-bottom:2px solid #01779F;padding-bottom:7px}.institutionalContent{padding-bottom:25px}#fondo{padding-top:32px}.purposeGrid{margin-top:24px}.mobileNav{display:none}@media(max-width:800px){.homeDirectory{grid-template-columns:1fr;padding:35px 0;gap:16px}.pageIntro{padding-top:30px}.pageIntro h1{font-size:33px}.mobileNav{display:flex;gap:8px;overflow-x:auto;padding:10px 5%;border-top:1px solid #CDD7DF;background:#eef5fa}.mobileNav a{font-size:13px;white-space:nowrap;padding:5px 9px}.mobileNav a[aria-current=page]{color:#01779F;font-weight:700}.pageNav a{font-size:13px}} .loginMenu{position:relative;margin-left:0;flex-shrink:0}.loginToggle{background:#102A43!important;color:#fff!important;min-width:158px;border:0!important}.loginOptions{position:absolute;right:0;top:calc(100% + 12px);width:310px;padding:12px;border:1px solid #CDD7DF;border-radius:12px;background:#fff;box-shadow:0 18px 55px #102a4326;z-index:30;color:#172B3A}.loginOptions p{font-size:12px;color:#526579;padding:4px 10px;margin:0 0 8px}.loginOptions>button{display:block;position:relative;text-align:left;width:100%;padding:15px 35px 15px 12px;background:transparent;border:0;border-radius:7px;color:#102A43}.loginOptions>button+button{border-top:1px solid #e3eaf0}.loginOptions>button:hover,.loginOptions>button:focus-visible{background:#F3F6F8}.loginOptions strong{display:block;font-size:14px}.loginOptions small{display:block;font-size:12px;color:#526579;margin-top:5px}.loginOptions>button>span{position:absolute;right:12px;top:22px;color:#01779F}.demoAudience{font-size:12px;font-weight:700;color:#01779F;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}@media(max-width:800px){.loginToggle{min-width:145px;padding:12px 14px}.loginOptions{width:min(310px,88vw)}}.portalQuoteOpen{width:100%;margin:18px 0 12px}#quoteModal{max-width:570px;max-height:90vh;overflow:auto}#portalQuoteForm .result{font-size:14px}#quoteModal .modalTitle{margin-bottom:12px} .contactFooter{background:#eef3f7;padding:40px 0 18px;border-top:4px solid #01779F}.footerTop{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:26px;border-bottom:1px solid #CDD7DF}.footerIdentity{display:flex;align-items:center;gap:28px}.footerIdentity img{display:block;width:90px;height:auto;mix-blend-mode:multiply;flex-shrink:0}.footerIdentity h2{font-size:28px;line-height:1.2;margin:12px 0 8px}.footerIdentity p{font-size:14px;color:#526579;margin:0}.footerPortal{font-size:14px;color:#01779F;text-decoration:underline}.footerContactGrid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:32px;padding:30px 0}.footerContactGrid h3{font-size:19px;font-weight:700;margin:0 0 16px}.contactLabel{font-size:12px;color:#526579;margin:20px 0 8px}.contactLabel:first-of-type{margin-top:0}.phoneList{display:grid;gap:5px}.phoneList a{font-size:20px;font-weight:600;display:flex;justify-content:space-between;max-width:240px}.phoneList a span{font-size:14px;color:#01779F}.mobilePhones{display:flex;flex-wrap:wrap;gap:6px 15px;font-size:14px}.contactEmail{font-size:14px;color:#01779F;text-decoration:underline;overflow-wrap:anywhere}.contactSource{font-size:11px;color:#526579;margin:18px 0 0;max-width:300px}.locationColumn p{font-size:14px;color:#526579;line-height:1.7}.locationTags{display:flex;gap:8px;margin:20px 0}.locationTags span{font-size:12px;background:#e0e9f0;color:#102A43;padding:4px 9px;border-radius:4px}.locationColumn .btn{font-size:13px;padding:10px 14px;box-shadow:none}.footerMap{position:relative;border:1px solid #CDD7DF;border-radius:10px;overflow:hidden;min-height:285px;background:#dce6ec}.footerMap iframe{width:100%;height:100%;min-height:285px;border:0;display:block}.footerMap>span{position:absolute;bottom:0;left:0;right:0;background:#102A43;color:white;font-size:11px;padding:8px 12px;pointer-events:none}.footerBottom{border-top:1px solid #CDD7DF;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#526579}.footerBottom nav{display:flex;gap:20px}.footerBottom a:hover{text-decoration:underline;color:#01779F}.footerDemo{font-size:11px;color:#526579;margin:12px 0 0}@media(max-width:950px){.footerContactGrid{grid-template-columns:1fr 1fr}.footerMap{grid-column:1/-1;height:260px}.footerMap iframe{min-height:260px}.footerTop{align-items:flex-start}.footerPortal{max-width:130px}}@media(max-width:600px){.contactFooter{padding:28px 0 20px}.footerTop{display:block}.footerIdentity{gap:20px}.footerIdentity img{width:75px}.footerIdentity h2{font-size:24px}.footerIdentity .eyebrow{font-size:10px}.footerPortal{display:inline-block;max-width:none;margin-top:20px}.footerContactGrid{grid-template-columns:1fr;gap:28px}.locationColumn{border-top:1px solid #CDD7DF;padding-top:24px}.footerMap{grid-column:auto}.footerBottom{display:block}.footerBottom nav{margin-top:15px;flex-wrap:wrap}.footerDemo{padding-bottom:45px}} .boardMembers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.boardMember{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #cdd7df;border-radius:12px;padding:18px;min-width:0}.boardPresident{grid-column:1/-1;background:#102a43;color:#fff;border-color:#102a43}.boardInitial{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:#e6f2f6;color:#01779f;font-size:14px;font-weight:700}.boardPresident .boardInitial{background:#8abd39;color:#102a43}.boardRole{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:#01779f;margin-bottom:5px}.boardPresident .boardRole{color:#c4e98a}.boardMember h4{font-size:16px;line-height:1.35;margin:0}.boardPresident h4{font-size:19px}@media(max-width:650px){.boardMembers{grid-template-columns:1fr}.boardPresident{grid-column:auto}} /* Menú principal con mayor legibilidad en pantallas grandes y pequeñas. */ @media (min-width: 801px) { header .navlinks { font-size: 17px !important; font-weight: 600; gap: clamp(14px, 1.8vw, 28px) !important; } header .navlinks a { white-space: nowrap; } header .loginToggle { font-size: 16px; } } @media (min-width: 801px) and (max-width: 1120px) { header .nav { gap: 14px; } header .headerBrand img { width: 90px; } header .navlinks { font-size: 15px !important; gap: 13px !important; } header .loginToggle { font-size: 15px; padding-left: 14px; padding-right: 14px; } } @media (max-width: 800px) { header .mobileNav a { font-size: 15px; font-weight: 600; } header .loginToggle { font-size: 15px; } } /* Accesos de contacto identificables y fáciles de pulsar. */ .mobilePhones{display:flex;flex-wrap:wrap;gap:10px}.mobilePhones a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #bfd2df;border-radius:999px;background:#fff;color:#102a43;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none}.mobilePhones a[href^="https://wa.me/"]{background:#e9f5eb;border-color:#aed0b4;color:#185e32}.mobilePhones a:hover{border-color:#01779f;box-shadow:0 3px 12px #102a431a}.mobilePhones a:focus-visible{outline:3px solid #332d6b;outline-offset:3px} .loginOptions>a.currentMemberAccess{display:block;position:relative;text-align:left;width:100%;padding:15px 35px 15px 12px;border-radius:7px;color:#102A43}.loginOptions>a.currentMemberAccess:hover,.loginOptions>a.currentMemberAccess:focus-visible{background:#F3F6F8}.loginOptions>a.currentMemberAccess>span{position:absolute;right:12px;top:22px;color:#01779F}.loginOptions>a.currentMemberAccess+button{border-top:1px solid #e3eaf0} .loginOptions>.comingSoon{display:block;position:relative;padding:15px 12px;color:#526579;border-radius:7px}.loginOptions>.comingSoon small{color:#526579}.loginOptions>.comingSoon+button{border-top:1px solid #e3eaf0}.quote-coming{background:#eef5fa;border-left:4px solid #01779f;border-radius:6px;padding:16px 18px;color:#102a43;font-size:15px}.quote-coming strong{display:block;font-size:18px;margin-bottom:4px}.quote-coming p{margin:0;color:#526579} .contactPair{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}.contactPair strong{font-size:0.95rem}.contactPair div{display:flex;gap:8px;flex-wrap:wrap} .contactColumn h3,.contactColumn>.contactLabel{text-align:center}.contactColumn .mobilePhones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 20px}.contactColumn .contactPair{min-width:0;margin:0;padding:12px 8px;border:1px solid #d2dee6;border-radius:12px;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:9px}.contactColumn .contactPair strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}.contactColumn .contactPair div{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.contactColumn .contactPair div a{font-size:12px;padding:7px 9px;min-height:34px}.contactColumn .phoneList{justify-content:center;text-align:center}.contactColumn .contactEmail{display:block;text-align:center}.contactColumn .mobilePhones>a{justify-self:center;grid-column:1/-1}@media(max-width:340px){.contactColumn .mobilePhones{gap:6px}.contactColumn .contactPair{padding:9px 4px}.contactColumn .contactPair div a{padding:6px}} .footerContactGrid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:28px!important;align-items:start}.contactAside{min-width:0;display:grid;gap:18px;align-content:start}.contactDetails{padding:18px;border:1px solid #d3e0e8;border-radius:14px;background:#fff;text-align:center}.contactDetails .contactLabel{margin:9px 0 4px}.contactDetails .phoneList{justify-content:center}.contactDetails .contactEmail{display:block;overflow-wrap:anywhere}.contactDetails .mobilePhones{display:flex;justify-content:center}.contactDetails .contactSource{margin:10px 0 0}.contactAside .locationColumn{border:0!important;border-top:1px solid #cdd7df!important;padding:18px 0 0!important}.footerMap{grid-column:1/-1!important;width:100%}.footerMap iframe{width:100%;height:240px}@media(max-width:700px){.footerContactGrid{grid-template-columns:1fr!important;gap:18px!important}.footerMap{grid-column:1!important}.footerMap iframe{height:210px}} .contactAside .locationColumn{text-align:left}.locationColumn h3{margin:0 0 10px}.locationAddress{font-style:normal;color:#405d70;font-size:clamp(12px,1vw,15px);line-height:1.55;letter-spacing:-.015em}.locationAddress span{display:block;white-space:nowrap}@media(max-width:360px){.locationAddress{font-size:12px;letter-spacing:-.025em}} .footerContactGrid>.locationColumn{grid-column:1/-1!important;border-top:1px solid #cdd7df;padding:16px 0 0;text-align:left}.footerContactGrid>.locationColumn h3{margin:0 0 6px}.locationAddress{font-size:15px;line-height:1.55}.locationAddress span{white-space:normal}@media(max-width:420px){.locationAddress{font-size:13px;letter-spacing:-.02em}} /* Contactos: seis tarjetas alineadas y ubicación en una franja continua. */ .footerContactGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;padding:28px 0 24px!important} .footerContactGrid>.contactColumn,.footerContactGrid>.contactAside,.contactColumn>.mobilePhones{display:contents!important} .footerContactGrid .contactColumn>h3{grid-column:1/-1;text-align:left;margin:0!important;font-size:20px} .footerContactGrid .contactColumn>.contactLabel{grid-column:1/-1;text-align:left;margin:-5px 0 4px!important} .footerContactGrid .contactPair,.footerContactGrid .contactDetails{min-width:0;margin:0!important;padding:18px 14px!important;border:1px solid #d2dee6;border-radius:12px;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px} .footerContactGrid .contactPair strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere} .footerContactGrid .contactPair div{display:flex;justify-content:center;gap:7px;flex-wrap:wrap} .footerContactGrid .contactPair div a{font-size:12px;padding:7px 11px;min-height:36px} .footerContactGrid .contactPair:nth-child(n+3){order:1}.footerContactGrid>.locationColumn{order:2}.footerContactGrid>.footerMap{order:3} .footerContactGrid .contactDetails{gap:3px;padding:12px!important} .footerContactGrid .contactDetails .contactLabel{margin:3px 0 0!important;line-height:1.2} .footerContactGrid .contactDetails .phoneList{justify-content:center} .footerContactGrid .contactDetails .phoneList a{font-size:16px;line-height:1.3} .footerContactGrid .contactDetails .contactEmail{font-size:13px;overflow-wrap:anywhere} .footerContactGrid .contactDetails .mobilePhones a{min-height:32px;padding:5px 10px;font-size:12px} .footerContactGrid .contactDetails .contactSource{font-size:10px;line-height:1.3;margin:4px 0 0} .footerContactGrid>.locationColumn{grid-column:1/-1!important;border-top:1px solid #cdd7df;padding:20px 0 0!important;margin-top:14px;text-align:left} .footerContactGrid>.locationColumn h3{margin:0 0 7px!important} .footerContactGrid .locationAddress{margin:0;line-height:1.5} .footerContactGrid .locationAddress span{display:block;white-space:normal} .footerContactGrid>.footerMap{grid-column:1/-1!important;width:100%;height:230px;min-height:230px;margin-top:4px} .footerContactGrid>.footerMap iframe{height:230px;min-height:230px} @media(max-width:850px){.footerContactGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:520px){.footerContactGrid{grid-template-columns:1fr!important;gap:10px!important}.footerContactGrid .contactPair{min-height:112px}.footerContactGrid .contactDetails{min-height:160px}.footerContactGrid>.footerMap{height:200px;min-height:200px}.footerContactGrid>.footerMap iframe{height:200px;min-height:200px}} .navlinks{gap:22px;align-items:center}.navlinks a{display:flex;flex-direction:column;gap:5px;text-align:center;font-size:13px;font-weight:700;white-space:nowrap}.navlinks small{font-size:8px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#526579}.loginOptions>a{display:block;padding:14px 16px}.loginOptions>a strong,.loginOptions>a small{display:block}.homeSlogan{text-align:right;font-size:14px;padding:26px 0 20px;color:#254e70}.homePublic .hero{padding:48px 40px;margin-bottom:24px;gap:40px}.homePublic .hero:before{left:0;right:0;border-radius:24px}.homePublic .hero:after{right:0}.publicFooter{background:#eef3f7;border-top:1px solid #d3e0e8;padding:24px 0}.publicFooter .wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 24px}.footerCompactBrand{font-size:14px;font-weight:700}.publicFooter p{grid-row:2;font-size:11px;margin:0;color:#526579}.publicFooter nav{grid-column:2;grid-row:1/3;display:flex;gap:12px}.publicFooter nav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid #d3e0e8;border-radius:8px;background:#fff;color:#01779f;font-size:12px;font-weight:600}.contactPage{padding-top:28px;padding-bottom:40px}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:#526579;margin-bottom:30px}.contactPage>h1{font-family:inherit;font-size:44px;font-weight:700;letter-spacing:-1.2px;margin:18px 0 14px}.contactIntro{color:#526579;font-size:16px}.contactLayout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:24px;margin-top:34px;align-items:start}.contactDirectory{padding:0}.directoryHeading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.directoryHeading h2{font:700 22px/1.3 Inter,Arial,sans-serif;letter-spacing:0;margin:0}.directoryHeading span{font-size:11px;color:#63737b}.contactCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contactCard{padding:18px 20px;border:1px solid #d3e0e8;border-radius:10px;background:#fff;min-width:0}.contactCard h3{font:600 13px/1.4 Inter,Arial,sans-serif;margin:0 0 9px;color:#132e49}.contactCard p{font-size:17px;line-height:1.4;margin:0 0 14px;overflow-wrap:anywhere}.contactActions{display:flex;gap:8px;flex-wrap:wrap}.contactActions a{border:1px solid #bfd2df;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600;min-height:32px;display:inline-flex;align-items:center;color:#132e49}.contactActions a.whatsapp{background:#e9f5eb;border-color:#aed0b4;color:#185e32}.contactLocation{display:grid;gap:18px;padding-top:47px}.visitCard{padding:22px;border-radius:12px;background:#eef3f7;border:1px solid #d3e0e8}.visitCard h2{font:700 24px/1.3 Inter,Arial,sans-serif;letter-spacing:0;margin:0 0 10px}.visitCard address{font-style:normal;font-size:13px;line-height:1.6;color:#526579}.visitCard iframe{width:100%;height:220px;border:0;border-radius:8px;display:block;margin:18px 0}.contactMapLink{display:flex;justify-content:center;background:#01779f;color:white;padding:11px;border-radius:6px;font-size:12px;font-weight:700}.helpCard{border:1px solid #d3e0e8;border-radius:10px;padding:20px}.helpCard h3{font:700 16px/1.4 Inter,Arial,sans-serif;margin:0 0 8px}.helpCard p{font-size:13px;color:#526579;margin-bottom:12px}.helpCard a{font-size:12px;font-weight:600;color:#01779f} @media(max-width:1100px){.navlinks{gap:12px}.navlinks a{font-size:11px}.navlinks small{font-size:7px}.homePublic .hero{padding:32px;gap:24px}} @media(max-width:900px){.navlinks{display:none}.contactLayout{grid-template-columns:1fr}.contactLocation{padding-top:0;grid-template-columns:1fr 1fr;align-items:start}.publicFooter .wrap{grid-template-columns:1fr}.publicFooter nav{grid-column:1;grid-row:3}.homeSlogan{padding-top:18px}.homePublic .hero{padding:28px;grid-template-columns:1fr}.homePublic .hero:before{left:0;right:0}.contactPage>h1{font-size:36px}} @media(max-width:560px){.contactCards,.contactLocation{grid-template-columns:1fr}.contactPage{padding-top:20px}.contactPage>h1{font-size:32px}.contactCard{padding:16px}.homeSlogan{text-align:center;font-size:12px}.homePublic .hero{padding:25px 20px}.publicFooter nav{flex-wrap:wrap}.directoryHeading span{font-size:10px}.homePublic h1{font-size:34px;letter-spacing:-1px}} /* Estilos contrastados con el archivo Figma enviado el 29 de octubre. */ body{font-family:Inter,Arial,sans-serif}a{text-decoration:none} .navlinks a{font-family:'IBM Plex Sans',Inter,Arial,sans-serif;font-size:18px}.navlinks small{font-family:Inter,Arial,sans-serif;font-size:10px} .homeSlogan{font-size:18px;font-weight:600;color:#526579;padding:40px 0 24px} .homePublic .hero{grid-template-columns:7fr 6fr;gap:48px;padding:56px;min-height:600px;align-items:start;overflow:hidden;border-radius:24px} .homePublic .hero:before{background:linear-gradient(135deg,#102a43 12%,#162e50 65%,#332d6b);box-shadow:inset 0 0 0 1000px #ffffff0a} .homePublic .hero:after{right:-80px;top:28px;background:#ffffff1f;border:0} .homePublic .hero h1{font-family:Inter,Arial,sans-serif;font-size:56px;line-height:1.1;font-weight:700;letter-spacing:-1.6px;margin:20px 0} .homePublic .hero h1 em{font:inherit;box-shadow:none} .homePublic .hero .eyebrow{font-size:13px;text-transform:none;letter-spacing:1.3px} .homePublic .hero .actions a:not(.btn){text-decoration:none!important} .homePublic .institutionalPanel{min-height:0;height:auto;padding:0;display:block} .homePublic .experienceStage{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:16px;min-height:0;height:auto;padding:0;position:static} .homePublic .stageCard{margin:0;padding:30px;width:100%;box-shadow:none;border-radius:10px} .homePublic .stageCard:before{display:none} .homePublic .stageCard .stageNumber{font-size:13px;margin-bottom:16px} .homePublic .stageCard h3{font-size:29px;line-height:1.2} .homePublic .stageCard .stageDetail{padding:14px 16px;border:1px solid #d3e0e8;border-radius:10px;background:#f8fafc;margin-bottom:16px} .homePublic .stageCard a{text-decoration:none} .homePublic .stageBadge{position:static;padding:15px 22px;box-shadow:none;animation:none;min-height:67px} .homePublic .stageControls{margin:16px 0 0;gap:12px} @media(max-width:1200px){.navlinks{gap:14px}.navlinks a{font-size:15px}.navlinks small{font-size:8px}.homePublic .hero{padding:40px;gap:32px}.homePublic .hero h1{font-size:48px}} @media(max-width:900px){.homePublic .hero{grid-template-columns:1fr;min-height:0;padding:32px}.homePublic .hero h1{font-size:44px}.homePublic .hero .institutionalPanel{max-width:600px;width:100%}.homeSlogan{padding:24px 0;font-size:16px}} @media(max-width:560px){.homePublic .hero{padding:28px 22px}.homePublic .hero h1{font-size:36px;letter-spacing:-1px}.homePublic .stageCard{padding:22px}.homePublic .stageCard h3{font-size:25px}.homeSlogan{font-size:14px}.homePublic .hero .eyebrow{font-size:11px;letter-spacing:.5px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Pantalla verde de entrada: Figma 24:1627. */ .announcementGreen{max-width:min(1200px,calc(100vw - 48px));max-height:calc(100dvh - 48px);border-radius:22px;background:#d8ece5;color:#132e49;overflow:auto} .announcementGreen::backdrop{background:rgba(8,24,39,.86)} .announcementGreen .announcementInner{min-height:0;display:block;padding:32px;background:linear-gradient(110deg,#e3f1dd 0%,#d8ece5 45%,#cee3f0 100%);isolation:isolate} .announcementGreen .announcementInner:before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#4caf7d,#1a6e8a);z-index:2} .announcementGreen .announcementInner:after{width:400px;height:400px;right:-130px;bottom:-140px;background:#1a6e8a15;border:0;z-index:-1} .announcementGreen .announcementHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;min-height:150px} .announcementGreen .announcementLogo{display:block;width:116px;height:150px;object-fit:contain;filter:none;margin:0} .announcementGreen .announcementClose{position:static;flex-shrink:0;background:#ffffffb3;border-color:#afced9;box-shadow:0 2px 8px #173b5d12} .announcementGreen .announcementBody{display:grid;grid-template-columns:1.03fr 1fr;gap:32px;align-items:start} .announcementGreen .announcementCopy{min-width:0} .announcementGreen .announcementEyebrow{font-size:13px;letter-spacing:1.3px;color:#236947;display:flex;align-items:center;gap:12px} .announcementGreen .announcementEyebrow:before{content:'';width:28px;height:2px;background:#8abd39;flex-shrink:0} .announcementGreen .announcementSlogan{font-size:18px;color:#365d55;margin:18px 0 20px} .announcementGreen .announcementInner h2{font-family:Inter,Arial,sans-serif;font-size:clamp(32px,4.15vw,56px);line-height:1.25;letter-spacing:-1.7px;color:#132e49;text-shadow:none;margin:0 0 20px;max-width:none} .announcementGreen #announcementText{font-size:18px;line-height:1.9;color:#3e596a;text-shadow:none;max-width:none;margin:0 0 20px} .announcementGreen .announcementActions{display:flex;flex-wrap:nowrap;gap:16px;margin:0} .announcementGreen .announcementActions .announcementPrimary{background:#236947;color:#fff;text-shadow:none;box-shadow:0 5px 12px #23694726;padding:16px 20px;border-radius:7px;flex:1;justify-content:center;white-space:nowrap;font-size:15px} .announcementGreen .announcementActions button{color:#173b5d;background:#ffffff80;border:1px solid #7aa6b7;border-radius:7px;padding:15px 18px;font-size:15px;white-space:nowrap} .announcementGreen .announcementFoot{font-size:13px!important;color:#526c7c!important;line-height:1.7;margin:20px 0 0!important;text-shadow:none} .announcementGreen .announcementVisual{width:100%;height:520px;object-fit:cover;object-position:center;border:1px solid #719f90;border-radius:18px;display:block} @media(max-width:1100px){.announcementGreen .announcementActions{flex-wrap:wrap}.announcementGreen .announcementActions .announcementPrimary{flex:initial}.announcementGreen .announcementVisual{height:460px}.announcementGreen .announcementInner h2{font-size:42px}} @media(max-width:700px){.announcementGreen{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.announcementGreen .announcementInner{padding:24px}.announcementGreen .announcementHeader{min-height:100px;margin-bottom:20px}.announcementGreen .announcementLogo{width:82px;height:106px}.announcementGreen .announcementBody{grid-template-columns:1fr;gap:24px}.announcementGreen .announcementInner h2{font-size:36px;letter-spacing:-1px}.announcementGreen #announcementText{font-size:16px;line-height:1.65}.announcementGreen .announcementVisual{height:260px}.announcementGreen .announcementEyebrow{font-size:10px;letter-spacing:.6px}.announcementGreen .announcementActions{flex-direction:column;align-items:stretch}.announcementGreen .announcementActions a,.announcementGreen .announcementActions button{text-align:center;justify-content:center;font-size:14px!important}} .announcementGreen .announcementInner p{text-shadow:none} .nf-hero{position:relative;display:grid;place-items:center;min-height:420px;padding:52px 24px;background:#f5f8fa url("/assets/fonpres-aprobado-dea5b024f4fb4d2ef1fb.jpg") center center/cover no-repeat;color:#132e49;text-align:center}.nf-hero .nf-copy{width:min(640px,100%);margin:auto}.nf-hero .nf-eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:2.4px}.nf-hero h1{font:700 clamp(30px,3.3vw,48px)/1.12 Georgia,serif;letter-spacing:-1px;margin:20px 0 18px;color:#132e49}.nf-accent{display:flex;justify-content:center;gap:5px;margin:18px auto}.nf-accent i{display:block;width:38px;height:4px;border-radius:4px;background:#007c9f}.nf-accent i:nth-child(2){background:#332d6b}.nf-accent i:nth-child(3){background:#8abd39}.nf-hero p{font:400 18px/1.55 Arial,sans-serif;max-width:540px;margin:16px auto 24px}.nf-hero .nf-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:7px;background:#132e49;color:#fff;font:600 15px/1.4 Arial,sans-serif}.nf-hero .nf-action:hover{background:#236947}.nf-hero a:focus-visible,#fondo a:focus-visible{outline:3px solid #007c9f;outline-offset:4px}#fondo{padding:0 0 40px!important}#fondo .pageNav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 28px;padding:18px 0;background:#fff;border-bottom:1px solid #dce1df;border-radius:0;text-align:center}#fondo .pageNav a{display:block;padding:6px 10px;font-weight:600;color:#132e49}#fondo .pageNav a+a{border-left:1px solid #dce1df}#fondo .institutionalIntro{display:block;padding:30px 34px;border-radius:12px;background:linear-gradient(110deg,#edf4f3,#f9fbfa);margin:0 0 16px}#fondo .institutionalIntro h3{font:700 clamp(28px,3vw,38px)/1.2 Georgia,serif;margin:12px 0 16px}#fondo .institutionalIntro p{max-width:850px;margin:0 0 16px;font-size:16px;line-height:1.7}#fondo .founding{display:inline-block;font-size:12px;letter-spacing:1.2px;border:1px solid #007c9f;border-radius:4px;color:#00718d;padding:5px 10px}#fondo .institutionalObject{margin:14px 0 24px}#fondo .purposeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 18px;align-items:stretch}#fondo .purposeCard{padding:28px;border:1px solid #dce1df;border-radius:12px;box-shadow:0 5px 20px #132e4906;background:white}#fondo #mision{order:-1}#fondo .purposeCard h3{font:700 32px/1.2 Georgia,serif;color:#132e49;margin:12px 0 16px}#fondo .purposeCard p{font-size:16px;line-height:1.65}#fondo .purposeIndex{font-size:11px;letter-spacing:1.2px;color:#00718d}#fondo #mision .purposeIndex{font-size:0}#fondo #mision .purposeIndex:after{content:'01 / PROPÓSITO';font-size:11px}#fondo #vision .purposeIndex{font-size:0}#fondo #vision .purposeIndex:after{content:'02 / HORIZONTE';font-size:11px}#fondo .missionDetails summary,#fondo .institutionalObject summary{cursor:pointer;font-weight:600;color:#132e49;padding:10px 0}#fondo .scopeNote{font-size:13px;color:#52656b;line-height:1.6;margin:12px 0 30px}#fondo .boardSection{display:block;padding:0;background:none;border:0}#fondo .boardSection>div:first-child{text-align:center;margin:18px 0}#fondo .boardSection h3{font:700 36px/1.2 Georgia,serif;color:#132e49;margin:10px 0}#fondo .boardMembers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#fondo .boardMember{display:flex;align-items:center;gap:16px;border:1px solid #dce1df;background:white;border-radius:10px;padding:20px 24px;min-height:105px;box-shadow:0 5px 16px #132e4905}#fondo .boardPresident{grid-column:1/-1;justify-content:center}#fondo .boardInitial{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#e6f2f5;color:#132e49;font:600 15px Arial,sans-serif}#fondo .boardRole{color:#00718d;font-weight:600;font-size:14px}#fondo .boardMember h4{font:600 17px/1.4 Arial,sans-serif;margin:5px 0 0;color:#132e49}#fondo [id]{scroll-margin-top:120px}@media(min-width:1600px){.nf-hero{min-height:480px}}@media(max-width:760px){.nf-hero{padding:30px 18px 170px;min-height:460px;background-size:auto 245px;background-position:center bottom;background-color:#f8fafb}.nf-hero h1{font-size:32px;margin-top:12px}.nf-hero .nf-eyebrow{font-size:10px}.nf-hero p{font-size:16px;max-width:420px}.nf-hero .nf-copy{align-self:start}.nf-hero .nf-action{font-size:14px}#fondo .pageNav{grid-template-columns:1fr 1fr;gap:8px;font-size:13px}#fondo .pageNav a+a{border:0}#fondo .purposeGrid,#fondo .boardMembers{grid-template-columns:1fr}#fondo .institutionalIntro,#fondo .purposeCard{padding:24px}#fondo .boardPresident{justify-content:flex-start}#fondo .boardMember{padding:18px}#fondo .boardSection h3{font-size:30px}} /* Distribución completa aprobada: solo Nuestro fondo. */ #fondo .institutionalContent{display:block!important;padding:0!important;gap:0!important} #fondo .pageNav{margin-bottom:24px!important;border:0!important;border-bottom:1px solid #dce1df!important} #fondo .pageNav a{border-radius:0!important;border-top:0!important;border-bottom:0!important;background:none!important} #fondo .nf-institucion{position:relative;isolation:isolate;overflow:hidden;display:block!important;min-height:260px;padding:34px!important;margin:0 0 16px!important;background:#eef5f4!important;border-radius:10px!important} #fondo .nf-institucion:after{content:'';position:absolute;z-index:-1;inset:0 0 0 52%;background:linear-gradient(90deg,#eef5f4 0%,#eef5f470 35%,#eef5f440 100%),url("/assets/fonpres-aprobado-dea5b024f4fb4d2ef1fb.jpg") left center/auto 100% no-repeat;opacity:.25;pointer-events:none} #fondo .nf-institucion>div{max-width:720px!important} #fondo .nf-institucion h2{font:700 clamp(30px,3vw,42px)/1.15 Georgia,serif!important;color:#132e49!important;margin:12px 0 18px!important} #fondo .nf-institucion p{max-width:720px!important;font-size:16px!important;line-height:1.65!important;color:#243b4b!important} #fondo .nf-institucion .founding{background:transparent!important;color:#00718d!important;border:1px solid #00718d!important;font-size:11px!important;letter-spacing:1px!important} #fondo .institutionalObject{padding:0 20px!important;margin:12px 0 22px!important;border:1px solid #dce1df!important;border-radius:8px!important;background:#fff!important} #fondo .institutionalObject summary{font-size:14px!important} #fondo .purposeGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin:20px 0 14px!important;align-items:stretch!important} #fondo .purposeCard{position:relative;display:block!important;border:1px solid #dce1df!important;border-radius:12px!important;padding:28px!important;background:#fff!important;box-shadow:0 4px 18px #132e4906!important} #fondo .purposeCard h3{font:700 32px/1.2 Georgia,serif!important;color:#132e49!important;margin:12px 0 16px!important} #fondo .purposeCard p{font-size:16px!important;line-height:1.6!important} #fondo #vision{background:linear-gradient(155deg,#fff 60%,#eaf4f7)!important} #fondo .nf-lineas{list-style:none!important;margin:20px 0!important;padding:0!important;display:grid!important;gap:14px!important} #fondo .nf-lineas li{position:relative;padding-left:30px!important;font-size:15px!important;line-height:1.5!important} #fondo .nf-lineas li:before{content:'✓';position:absolute;left:0;top:1px;display:grid;place-items:center;background:#007c9f;color:#fff;width:21px;height:21px;border-radius:50%;font-size:13px;font-weight:bold} #fondo .nf-lineas li:nth-child(2):before{background:#332d6b}#fondo .nf-lineas li:nth-child(3):before{background:#648b20} #fondo .missionDetails{border-top:1px solid #dce1df!important;padding-top:8px!important} #fondo .missionDetails summary{font-size:13px!important} #fondo .scopeNote{font-size:12px!important;color:#52656b!important;margin:14px 0 30px!important} #fondo .boardSection{display:block!important;padding:0!important;background:none!important;border:0!important} #fondo .boardSection>div:first-child{text-align:center!important;margin:24px 0 20px!important} #fondo .boardSection h3{font:700 36px/1.2 Georgia,serif!important;color:#132e49!important;margin:8px 0!important} #fondo .boardSection>div:first-child p{margin:8px auto!important;font-size:14px!important} #fondo .boardMembers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important} #fondo .boardMember{display:flex!important;align-items:center!important;gap:18px!important;min-height:100px!important;margin:0!important;padding:20px 24px!important;border:1px solid #dce1df!important;border-radius:10px!important;background:#fff!important;box-shadow:0 5px 16px #132e4905!important} #fondo .boardPresident{grid-column:1/-1!important;justify-content:center!important} #fondo .boardRole{font-size:14px!important;font-weight:600!important;color:#00718d!important} #fondo .boardMember h4{font:600 17px/1.4 Arial,sans-serif!important;color:#132e49!important;margin:5px 0 0!important} #fondo .boardInitial{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:50%!important;background:#e6f2f5!important;color:#132e49!important;display:grid!important;place-items:center!important;font:600 15px Arial,sans-serif!important} .nf-contacto{padding:24px 0;background:#132e49;color:white;margin-top:10px}.nf-contacto>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.nf-contacto h2{font:700 clamp(22px,2.5vw,30px)/1.3 Georgia,serif;margin:0;color:white}.nf-contacto a{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:10px 22px;border:1px solid white;border-radius:7px;color:white;font-weight:600;font-size:14px}.nf-contacto a:focus-visible{outline:3px solid #8abd39;outline-offset:4px} @media(max-width:760px){#fondo .purposeGrid,#fondo .boardMembers{grid-template-columns:1fr!important}#fondo .boardPresident{justify-content:flex-start!important}#fondo .nf-institucion,#fondo .purposeCard{padding:22px!important}#fondo .nf-institucion:after{inset:0;opacity:.08}#fondo .boardMember{padding:18px!important}.nf-contacto>.wrap{flex-direction:column;align-items:flex-start}#fondo .boardSection h3{font-size:30px!important}} #fondo.wrap{ width:92%!important; max-width:1440px!important; margin-inline:auto!important; } #fondo .purposeGrid,#fondo .boardMembers{ display:grid!important; width:100%!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:clamp(14px,2vw,28px)!important; } #fondo .purposeCard,#fondo .boardMember{ min-width:0!important; overflow-wrap:anywhere; } #fondo .nf-institucion>div{ width:68%!important; max-width:850px!important; } #fondo .purposeCard{ padding:clamp(20px,2.3vw,34px)!important; } .nf-hero .nf-copy{width:46%;max-width:720px} .nf-hero h1{font-size:clamp(30px,3.15vw,52px)} .nf-hero p{width:94%;max-width:620px} .nf-contacto>.wrap{ width:92%;max-width:1440px; display:flex;flex-wrap:wrap; } @media(min-width:761px) and (max-width:1100px){ .nf-hero .nf-copy{width:62%} #fondo .nf-institucion>div{width:85%!important} } @media(max-width:760px){ #fondo.wrap{width:92%!important} #fondo .purposeGrid,#fondo .boardMembers{ grid-template-columns:minmax(0,1fr)!important; } #fondo .nf-institucion>div{width:100%!important} #fondo .pageNav{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .nf-hero .nf-copy{width:100%;max-width:540px} .nf-hero h1{font-size:clamp(27px,5.5vw,36px)} .nf-hero p{width:100%} } @media(max-width:420px){ .nf-hero .nf-action{width:100%} #fondo .boardMember{padding:16px!important;gap:12px!important} #fondo .pageNav a{font-size:12px!important} .nf-contacto a{width:100%} } #fondo .purposeCard h3{ display:flex!important;align-items:center;gap:16px; } #fondo .nf-icono{ width:clamp(50px,5vw,70px);height:auto;flex-shrink:0; padding:12px;border-radius:50%;background:#e6f2f5; stroke:#132e49;stroke-width:2.3;fill:none; stroke-linecap:round;stroke-linejoin:round; } #fondo #vision .nf-icono{background:#eeebfa} .nf-contacto{position:relative;overflow:hidden;isolation:isolate} .nf-contacto>.wrap{position:relative;z-index:1} .nf-ondas{ position:absolute;right:0;bottom:0;width:34%;height:100%; min-height:100px;pointer-events:none;z-index:0; } .nf-contacto>.wrap>a{background:#132e49} @media(max-width:760px){ .nf-ondas{width:52%;height:65%;opacity:.45} } .nf-contacto{position:relative;overflow:hidden;isolation:isolate} .nf-contacto .nf-ondas{position:absolute;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;opacity:.42!important;pointer-events:none;z-index:0} .nf-contacto>.wrap{position:relative;z-index:1} .nf-contacto>.wrap>a{background:#132e49;color:#fff} @media(max-width:760px){.nf-contacto .nf-ondas{width:100%!important;height:100%!important;opacity:.28!important}} .publicFooter{ position:relative!important;isolation:isolate;overflow:hidden; background:#132e49!important;color:#fff!important; padding:clamp(40px,5vw,68px) 0!important;width:100% } .publicFooter .fp-footer-waves{ position:absolute;inset:0;width:100%;height:100%; opacity:.32;pointer-events:none;z-index:-1 } .publicFooter>.wrap{ position:relative;z-index:1;width:92%;max-width:1440px; margin-inline:auto;display:flex;flex-direction:column; align-items:flex-start;gap:12px } .publicFooter .footerCompactBrand{ font-size:clamp(22px,2.3vw,30px);color:white!important } .publicFooter p,.publicFooter a{color:white!important} .publicFooter p{ margin:0;max-width:650px; font-size:clamp(14px,1.3vw,17px);line-height:1.6 } .publicFooter .fp-rif{font-size:13px;letter-spacing:.08em} .publicFooter nav{ display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:12px } body.fp-planos main{position:relative;isolation:isolate} body.fp-planos main:before,body.fp-planos main:after{ content:'';position:absolute;top:560px;bottom:0; width:clamp(24px,10vw,220px);pointer-events:none;z-index:-1; background-image:url('/assets/fonpres-aprobado-03ebc7f4ff1ef75a360b.svg');background-repeat:repeat-y; background-size:180px 640px;opacity:.65; mask-image:linear-gradient(to right,#000,transparent) } body.fp-planos main:before{left:0} body.fp-planos main:after{right:0;transform:scaleX(-1)} body.fp-planos #fondo.wrap{ width:88%!important;max-width:1440px!important; margin-inline:auto!important } @media(max-width:1100px){ body.fp-planos main:before,body.fp-planos main:after{ opacity:.24;width:4% } body.fp-planos #fondo.wrap{width:92%!important} } @media(max-width:760px){ body.fp-planos main:before,body.fp-planos main:after{display:none} .publicFooter>.wrap{align-items:center;text-align:center} .publicFooter nav{justify-content:center} .publicFooter .fp-footer-waves{opacity:.22} .publicFooter{padding-bottom:100px!important} } .publicFooter nav a, .publicFooter nav a:visited, .publicFooter nav a:hover, .publicFooter nav a:focus, .publicFooter nav a *{ color:#132e49!important } .publicFooter nav a{ background:#fff!important;text-shadow:none!important } body.fp-planos main:before, body.fp-planos main:after{ opacity:.85!important } #fondo .nf-institucion:after{ opacity:.72!important; background-position:right center!important; background-size:auto 100%!important } @media(max-width:1100px){ body.fp-planos main:before, body.fp-planos main:after{opacity:.6!important} } @media(max-width:760px){ #fondo .nf-institucion:after{opacity:.22!important} } @media(max-width:760px){ #nf-portada{ position:relative!important; isolation:isolate; overflow:hidden; display:grid!important; min-height:0!important; height:auto!important; padding:34px 5% 36px!important; background:#eaf2f6!important; } #nf-portada::before, #nf-portada::after{ content:""; position:absolute; top:0;bottom:0; width:50%; z-index:-1; pointer-events:none; background-image:url("/assets/fonpres-aprobado-dea5b024f4fb4d2ef1fb.jpg"); background-repeat:no-repeat; background-size:auto 100%; opacity:.28; } #nf-portada::before{ left:0; background-position:left center; } #nf-portada::after{ right:0; background-position:right center; } #nf-portada .nf-copy{ width:100%!important; max-width:540px!important; margin:0 auto!important; align-self:center!important; } #nf-portada .nf-eyebrow{ font-size:10px!important; letter-spacing:1.8px!important; } #nf-portada h1{ font-size:clamp(27px,6.5vw,36px)!important; line-height:1.12!important; margin:18px 0!important; text-wrap:balance; } #nf-portada .nf-accent{margin:16px auto!important} #nf-portada p{ width:100%!important; max-width:430px!important; margin:18px auto 24px!important; font-size:16px!important; line-height:1.55!important; color:#132e49!important; } #nf-portada .nf-action{ width:auto!important; max-width:100%; min-height:48px!important; padding:12px 20px!important; font-size:14px!important; } #fondo .pageNav{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; padding:16px 0!important; } #fondo .pageNav a{ border:0!important; padding:10px 6px!important; } body .mobileAction{ position:static!important; inset:auto!important; transform:none!important; display:flex!important; width:90%!important; max-width:420px; margin:18px auto!important; justify-content:center; text-align:center; } } :root{--fp-plano:url("/assets/fonpres-aprobado-e936206906931bfef545.svg")} /* Sistema visual compartido FONPRES-CIV. */ body.fp-unificado{font-family:Inter,Arial,sans-serif!important} body.fp-unificado :is(button,input,select,textarea){font-family:Inter,Arial,sans-serif!important} body.fp-unificado main :is(h1,h2){font-family:Georgia,serif!important;font-weight:700!important;line-height:1.12!important} body.fp-unificado main h3{font-family:Inter,Arial,sans-serif!important;font-weight:700!important;line-height:1.35!important} body.fp-unificado :is(main,#nf-portada) h1{font-size:clamp(32px,4.1vw,60px)!important} body.fp-unificado :is(main,#fondo) h2{font-size:clamp(28px,3vw,42px)!important} body.fp-unificado :is(main,#fondo) h3{font-size:clamp(20px,2vw,24px)!important} body.fp-unificado main p{font-family:Inter,Arial,sans-serif!important;font-size:16px!important;line-height:1.65!important} body.fp-unificado main :is(.eyebrow,.nf-eyebrow){font-family:Inter,Arial,sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.8px!important} body.fp-unificado main .btn,body.fp-unificado .nf-action{font-family:Inter,Arial,sans-serif!important;font-size:14px!important;font-weight:600!important} body.fp-unificado main{position:relative;isolation:isolate} body.fp-unificado main::before,body.fp-unificado main::after{ content:''!important;display:block!important;position:absolute!important; top:0!important;bottom:0!important;width:6%!important; pointer-events:none!important;z-index:-1!important; background-image:var(--fp-plano)!important;background-repeat:repeat-y!important; background-size:180px 640px!important;opacity:.55!important; mask-image:linear-gradient(to right,#000,transparent)!important; -webkit-mask-image:linear-gradient(to right,#000,transparent)!important; } body.fp-unificado main::before{left:0!important;right:auto!important;transform:none!important} body.fp-unificado main::after{right:0!important;left:auto!important;transform:scaleX(-1)!important} body.fp-unificado .story::before,body.fp-unificado .story::after{display:none!important} #fp-pie-unico{ position:relative!important;isolation:isolate;overflow:hidden; width:100%!important;margin:0!important;padding:42px 0!important; background:#132e49!important;color:#fff!important; border-top:3px solid #007c9f; font-family:Inter,Arial,sans-serif!important; } #fp-pie-unico .fp-pie-contenido{ position:relative;z-index:1;width:92%;max-width:1440px;margin:0 auto; display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); align-items:center;gap:24px 40px; } #fp-pie-unico .fp-pie-marca{ display:inline-block;color:#fff!important;font:700 26px/1.2 Inter,Arial,sans-serif!important; letter-spacing:.02em;text-decoration:none; } #fp-pie-unico p{max-width:560px;margin:10px 0 0!important;color:#e5edf4!important;font:400 14px/1.6 Inter,Arial,sans-serif!important} #fp-pie-unico .fp-pie-rif{font-size:12px!important;letter-spacing:.06em} #fp-pie-unico nav{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:10px!important;margin:0!important} #fp-pie-unico nav a,#fp-pie-unico nav a:visited{ display:inline-flex;align-items:center;justify-content:center; min-height:44px;padding:10px 16px;border:1px solid #ffffff70;border-radius:7px; background:#fff!important;color:#132e49!important; font:600 14px/1.4 Inter,Arial,sans-serif!important;text-decoration:none; } #fp-pie-unico nav a:hover{background:#e8f2f5!important;border-color:#8abd39} #fp-pie-unico a:focus-visible{outline:3px solid #8abd39;outline-offset:4px} #fp-pie-unico .fp-pie-ondas{position:absolute;inset:auto 0 0;width:100%;height:100%;z-index:0;opacity:.18;pointer-events:none} @media(max-width:760px){ body.fp-unificado :is(main,#nf-portada) h1{font-size:clamp(30px,7vw,38px)!important} body.fp-unificado :is(main,#fondo) h2{font-size:clamp(27px,6vw,32px)!important} body.fp-unificado :is(main,#fondo) h3{font-size:21px!important} body.fp-unificado main p{font-size:15px!important} body.fp-unificado main::before,body.fp-unificado main::after{width:4%!important;opacity:.25!important;background-size:120px 427px!important} #fp-pie-unico{padding:30px 0!important} #fp-pie-unico .fp-pie-contenido{grid-template-columns:minmax(0,1fr);gap:22px;text-align:center} #fp-pie-unico p{margin:10px auto 0!important} #fp-pie-unico nav{justify-content:center} #fp-pie-unico .fp-pie-marca{font-size:24px!important} } @media(max-width:380px){#fp-pie-unico nav{display:grid!important;grid-template-columns:1fr;width:100%}} /* FP-CONTACTO-PLANOS-V2 */ body.fp-unificado main.contactPage.wrap{ box-sizing:border-box!important; width:100%!important; max-width:none!important; margin-inline:0!important; padding-inline:max(5%,calc((100% - 1200px)/2))!important; } body.fp-unificado main.contactPage.wrap::before, body.fp-unificado main.contactPage.wrap::after{ display:block!important; top:0!important; bottom:0!important; width:5%!important; opacity:.65!important; } @media(max-width:760px){ body.fp-unificado main.contactPage.wrap::before, body.fp-unificado main.contactPage.wrap::after{ width:4%!important; opacity:.3!important; } } /* FP-JERARQUIA-COMUN-V3 */ body.fp-unificado header .nav{ width:92%!important;max-width:1240px!important; height:auto!important;min-height:140px!important; padding:14px 0!important;margin-inline:auto!important; display:flex!important;align-items:center!important; justify-content:space-between!important;gap:22px!important; } body.fp-unificado header .headerBrand{ padding:0!important;background:transparent!important; align-self:center!important;flex-shrink:0!important; } body.fp-unificado header .headerBrand img{ width:90px!important;height:116px!important; display:block!important;object-fit:contain!important; } body.fp-unificado header .navlinks{ display:flex!important;align-items:center!important; gap:22px!important;margin-left:auto!important; } body.fp-unificado header .navlinks a{ display:flex!important;flex-direction:column!important; align-items:center!important;gap:6px!important; text-decoration:none!important; } body.fp-unificado header .navlinks small{ display:block!important;font:600 10px/1.3 Inter,Arial,sans-serif!important; letter-spacing:1px!important;text-transform:uppercase; color:#526579!important; } body.fp-unificado header .navlinks span{ font:700 16px/1.3 Inter,Arial,sans-serif!important; color:#132e49!important; } body.fp-unificado header .loginMenu{ position:relative!important;flex-shrink:0!important; } body.fp-unificado header .loginToggle{ min-height:48px!important;padding:12px 18px!important; background:#132e49!important;color:white!important; border:1px solid #132e49!important;border-radius:7px!important; font:600 14px/1.4 Inter,Arial,sans-serif!important; } body.fp-unificado header .loginOptions{ position:absolute;right:0;top:calc(100% + 8px); width:290px;max-width:85vw;padding:16px; background:white;border:1px solid #dce1df;border-radius:10px; box-shadow:0 12px 30px #132e4920;z-index:30; color:#132e49; } body.fp-unificado header .loginOptions.hidden{display:none!important} body.fp-unificado header .loginOptions a, body.fp-unificado header .loginOptions .comingSoon{ display:block;padding:12px 0;text-decoration:none; } body.fp-unificado header .loginOptions small{display:block;font-size:12px} body.fp-unificado header .mobileNav{display:none!important} body.fp-unificado :is(main,#nf-portada) h1{ font-size:clamp(36px,3.4vw,48px)!important; line-height:1.12!important; } body.fp-unificado :is(main,#fondo) h2{ font-size:clamp(28px,2.7vw,36px)!important; line-height:1.2!important; } body.fp-unificado :is(main,#fondo) h3{ font-size:24px!important;line-height:1.3!important; } body.fp-unificado main p{ font-size:16px!important;line-height:1.65!important; } body.fp-unificado #nf-portada .nf-copy{ width:62%!important;max-width:780px!important; } @media(max-width:1100px){ body.fp-unificado header .navlinks{display:none!important} body.fp-unificado header .nav{ min-height:112px!important;padding:12px 0!important; } body.fp-unificado header .headerBrand img{ width:68px!important;height:88px!important; } body.fp-unificado header .mobileNav{ display:flex!important;gap:24px!important; overflow-x:auto!important;white-space:nowrap; padding:14px 4%!important; border-top:1px solid #dce1df; } body.fp-unificado header .mobileNav a{ font:600 15px/1.4 Inter,Arial,sans-serif!important; flex-shrink:0;text-decoration:none; } } @media(max-width:760px){ body.fp-unificado :is(main,#nf-portada) h1{ font-size:clamp(30px,7vw,36px)!important; } body.fp-unificado :is(main,#fondo) h2{font-size:28px!important} body.fp-unificado :is(main,#fondo) h3{font-size:22px!important} body.fp-unificado #nf-portada .nf-copy{ width:100%!important;max-width:540px!important; } } /* FP-FRANJAS-CONTINUAS-V4 */ body.fp-unificado main::before, body.fp-unificado main::after, body.fp-unificado main.contactPage.wrap::before, body.fp-unificado main.contactPage.wrap::after{ content:''!important; display:block!important; position:absolute!important; top:0!important; bottom:0!important; height:auto!important; width:5%!important; z-index:4!important; pointer-events:none!important; background-image:var(--fp-plano)!important; background-repeat:repeat-y!important; background-size:180px 640px!important; background-position:left top!important; opacity:.38!important; mask-image:none!important; -webkit-mask-image:none!important; } body.fp-unificado main::before, body.fp-unificado main.contactPage.wrap::before{ left:0!important;right:auto!important; transform:none!important; } body.fp-unificado main::after, body.fp-unificado main.contactPage.wrap::after{ right:0!important;left:auto!important; transform:scaleX(-1)!important; } @media(max-width:760px){ body.fp-unificado main::before, body.fp-unificado main::after, body.fp-unificado main.contactPage.wrap::before, body.fp-unificado main.contactPage.wrap::after{ width:3%!important; background-size:120px 427px!important; opacity:.23!important; } } /* FP-MARGENES-AMPLIOS-V5 */ html body.fp-unificado.fp-planos main::before, html body.fp-unificado.fp-planos main::after, html body.fp-unificado.fp-planos main.contactPage.wrap::before, html body.fp-unificado.fp-planos main.contactPage.wrap::after { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; bottom: 0 !important; height: auto !important; width: max(4%, calc((100% - 1200px) / 2 - 12px)) !important; background-image: var(--fp-plano) !important; background-repeat: repeat !important; background-size: 240px 853px !important; background-position: left top !important; opacity: .42 !important; mask-image: none !important; -webkit-mask-image: none !important; pointer-events: none !important; z-index: 4 !important; } html body.fp-unificado.fp-planos main::before, html body.fp-unificado.fp-planos main.contactPage.wrap::before { left: 0 !important; right: auto !important; transform: none !important; } html body.fp-unificado.fp-planos main::after, html body.fp-unificado.fp-planos main.contactPage.wrap::after { right: 0 !important; left: auto !important; transform: scaleX(-1) !important; } @media (max-width: 760px) { html body.fp-unificado.fp-planos main::before, html body.fp-unificado.fp-planos main::after, html body.fp-unificado.fp-planos main.contactPage.wrap::before, html body.fp-unificado.fp-planos main.contactPage.wrap::after { width: 3% !important; background-size: 120px 427px !important; opacity: .23 !important; } } /* FIN-FP-MARGENES-AMPLIOS-V5 */ /* FP-PLANO-DETRAS-V6 */ html body.fp-unificado.fp-planos main { position: relative !important; isolation: isolate !important; } html body.fp-unificado.fp-planos main::before, html body.fp-unificado.fp-planos main::after, html body.fp-unificado.fp-planos main.contactPage.wrap::before, html body.fp-unificado.fp-planos main.contactPage.wrap::after { z-index: -1 !important; pointer-events: none !important; } /* FIN-FP-PLANO-DETRAS-V6 */ /* Propuesta de revisión: distribución y jerarquía; identidad existente intacta. */ html body.fp-unificado{--fp-revision-ancho:1600px} html body.fp-unificado .wrap, html body.fp-unificado main.contactPage.wrap, html body.fp-unificado #fp-servicios-panorama .fp-panorama-interior, html body.fp-unificado #fp-pie-unico .fp-pie-contenido{width:calc(100% - 80px)!important;max-width:var(--fp-revision-ancho)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box} html body.fp-unificado .wrap .wrap{width:100%!important;max-width:100%!important} html body.fp-unificado main::before,html body.fp-unificado main::after, html body.fp-unificado main.contactPage.wrap::before,html body.fp-unificado main.contactPage.wrap::after{width:clamp(16px,2.5vw,48px)!important;opacity:.17!important;z-index:-1!important} html body.fp-unificado .pageIntro{padding-top:32px!important;padding-bottom:28px!important} html body.fp-unificado #fp-op-cabecera.pageIntro{padding:32px clamp(24px,4vw,64px) 40px!important;margin-top:20px!important;margin-bottom:24px!important} html body.fp-unificado #fp-empleos{padding-top:24px!important} html body.fp-unificado main :is(.sectionHead,.fp-head){margin-bottom:24px!important} html body.fp-unificado main :is(.services,.purposeGrid,.boardMembers,.mediaGrid,.fp-grid){gap:24px!important;align-items:stretch} html body.fp-unificado main .service{padding:26px!important;display:flex!important;flex-direction:column!important;gap:0!important} html body.fp-unificado main .service p{min-height:0!important;margin-top:12px!important;margin-bottom:24px!important} html body.fp-unificado main .service>a{margin-top:auto!important;align-self:flex-start} html body.fp-unificado main :is(.service,.purposeCard,.fp-vacante) h3{margin-top:16px!important;margin-bottom:12px!important;line-height:1.3!important} html body.fp-unificado main :is(.pageIntro,.sectionHead,.fp-head,.institutionalIntro,.institutionalObject) p{max-width:68ch!important} html body.fp-unificado main p{line-height:1.65!important} html body.fp-unificado main :is(.steps,.processSteps){gap:24px!important} html body.fp-unificado main :is(.btn,.nf-action){min-height:48px!important;transition:box-shadow .18s ease,filter .18s ease!important} html body.fp-unificado main :is(a,button,input,select,summary):focus-visible{outline:3px solid #007c9f!important;outline-offset:4px!important} @media(hover:hover){html body.fp-unificado main :is(.service,.purposeCard,.fp-vacante){transition:transform .18s ease,box-shadow .18s ease!important}html body.fp-unificado main :is(.service,.purposeCard,.fp-vacante):hover{transform:translateY(-2px);box-shadow:0 7px 20px #132e4910}html body.fp-unificado main .btn:hover{filter:brightness(1.04)}} @media(min-width:1101px){html body.fp-unificado header .nav{min-height:112px!important;padding-top:14px!important;padding-bottom:14px!important}html body.fp-unificado header .headerBrand img{height:88px!important;width:auto!important}} @media(max-width:1100px){html body.fp-unificado .wrap,html body.fp-unificado main.contactPage.wrap,html body.fp-unificado #fp-servicios-panorama .fp-panorama-interior,html body.fp-unificado #fp-pie-unico .fp-pie-contenido{width:calc(100% - 48px)!important}html body.fp-unificado main :is(.services,.purposeGrid,.fp-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:760px){html body.fp-unificado .wrap,html body.fp-unificado main.contactPage.wrap,html body.fp-unificado #fp-servicios-panorama .fp-panorama-interior,html body.fp-unificado #fp-pie-unico .fp-pie-contenido{width:calc(100% - 40px)!important}html body.fp-unificado main :is(.services,.purposeGrid,.boardMembers,.mediaGrid,.fp-grid){grid-template-columns:1fr!important;gap:20px!important}html body.fp-unificado main::before,html body.fp-unificado main::after{width:10px!important;opacity:.10!important}html body.fp-unificado #fp-op-cabecera.pageIntro{padding:24px 20px 0!important}html body.fp-unificado main .service{padding:24px!important}html body.fp-unificado .pageIntro{padding-top:24px!important;padding-bottom:24px!important}html body.fp-unificado main :is(h1,h2,h3,p,a){overflow-wrap:break-word}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}html body.fp-unificado main *{animation:none!important;transition:none!important;transform:none!important}} /* Menú superior: aumento moderado y menor separación respecto al logo. */ @media(min-width:1101px){ html body.fp-unificado header .nav{gap:24px!important;justify-content:flex-start!important} html body.fp-unificado header .navlinks{margin-left:0!important;flex:1!important;justify-content:center!important;gap:clamp(14px,1.3vw,24px)!important} html body.fp-unificado header .navlinks span{font-size:17px!important;line-height:1.35!important} html body.fp-unificado header .navlinks small{font-size:11px!important;line-height:1.35!important;letter-spacing:.8px!important} html body.fp-unificado header .loginMenu{margin-left:0!important} } @media(max-width:1100px){html body.fp-unificado header .mobileNav a{font-size:16px!important}} /* Preguntas frecuentes: consulta familiar y preguntas centradas. */ .fp-faq-intro{display:grid!important;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:center;padding-top:44px!important;padding-bottom:42px!important} .fp-faq-intro img{display:block;width:100%;height:auto;border-radius:20px;object-fit:cover} .fp-faq-centered{display:block!important;max-width:920px!important;padding-top:28px!important} .fp-faq-centered>div:first-child{text-align:center;margin:0 auto 36px} .fp-faq-centered>div:first-child h2{margin-top:16px!important} .fp-faq-centered>div:last-child{text-align:left} @media(max-width:760px){.fp-faq-intro{grid-template-columns:1fr;gap:26px;padding-top:28px!important}.fp-faq-intro img{border-radius:14px}.fp-faq-centered>div:first-child{margin-bottom:28px}} .fp-contact-hero{display:grid;grid-template-columns:0.85fr 1.15fr;gap:44px;align-items:center;margin:30px 0 48px}.fp-contact-hero img{display:block;width:100%;height:auto;border-radius:20px}.fp-contact-hero h1{margin-top:16px}@media(max-width:760px){.fp-contact-hero{grid-template-columns:1fr;gap:24px;margin:24px 0 32px}.fp-contact-hero img{border-radius:14px}} /* La imagen y las preguntas comparten una sola composición. */ .fp-faq-composition{display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:start;padding-top:32px!important;padding-bottom:56px!important} .fp-faq-copy .pageCrumb{margin-bottom:22px}.fp-faq-copy h1{font-size:clamp(32px,3.1vw,48px);margin-bottom:14px}.fp-faq-copy>div:first-child>p{margin-bottom:28px}.fp-faq-copy>div:nth-child(2){margin-bottom:24px}.fp-faq-copy h2{font-size:clamp(26px,2.4vw,36px);line-height:1.15;margin-top:12px!important}.fp-faq-copy details{margin-bottom:12px} .fp-faq-visual{position:sticky;top:28px;margin-top:56px;overflow:hidden;border-radius:90px 12px 70px 12px} .fp-faq-visual img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 87%,transparent 100%)} @media(max-width:760px){.fp-faq-composition{grid-template-columns:1fr;gap:24px;padding-top:26px!important}.fp-faq-visual{position:static;margin-top:0;border-radius:48px 8px 38px 8px}.fp-faq-copy h1{font-size:34px}} /* Integración acotada: imágenes de Salud y Contacto. */ html body.fp-unificado #fp-preguntas-con-imagen{ display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.36fr)!important; align-items:center!important;gap:clamp(20px,2.2vw,40px)!important; } html body.fp-unificado #fp-preguntas-con-imagen .fp-preguntas-texto{min-width:0!important} html body.fp-unificado #fp-preguntas-con-imagen .fp-preguntas-foto{ min-width:0!important;width:100%!important;margin:0!important;padding:0!important; align-self:stretch!important;display:flex!important;align-items:center!important; background:transparent!important;border:0!important;box-shadow:none!important; } html body.fp-unificado #fp-preguntas-con-imagen img.fp-familia-proceso{ display:block!important;width:100%!important;max-width:none!important;height:auto!important; max-height:none!important;object-fit:contain!important;opacity:1!important;filter:none!important; transform:none!important;margin:0!important;padding:0!important;background:transparent!important; border:0!important;border-radius:0!important;box-shadow:none!important; -webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 94%,transparent)!important; mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 94%,transparent)!important; -webkit-mask-composite:source-in!important;mask-composite:intersect!important; -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important; -webkit-mask-size:100% 100%!important;mask-size:100% 100%!important; } html body.fp-unificado main .fp-contact-hero{ display:grid!important;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)!important; gap:clamp(20px,2vw,36px)!important;align-items:center!important; margin:20px 0 28px!important;background:transparent!important; } html body.fp-unificado main .fp-contact-hero>div{min-width:0!important} html body.fp-unificado main .fp-contact-hero>img{ display:block!important;width:100%!important;max-width:100%!important;height:auto!important; opacity:1!important;filter:none!important;background:transparent!important; border:0!important;border-radius:0!important;box-shadow:none!important; -webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 92%,transparent)!important; mask-image:linear-gradient(to right,transparent,#000 7%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 92%,transparent)!important; -webkit-mask-composite:source-in!important;mask-composite:intersect!important; -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important; -webkit-mask-size:100% 100%!important;mask-size:100% 100%!important; } @media(max-width:760px){ html body.fp-unificado #fp-preguntas-con-imagen, html body.fp-unificado main .fp-contact-hero{grid-template-columns:minmax(0,1fr)!important;gap:20px!important} html body.fp-unificado #fp-preguntas-con-imagen .fp-preguntas-foto{align-self:auto!important} html body.fp-unificado main .fp-contact-hero{margin:20px 0 24px!important} }