.oiip{--oiip-navy:#082B5B;--oiip-blue:#0c4b89;--oiip-sky:#009BD5;font-family:Poppins,Arial,sans-serif;max-width:1100px;width:100%;margin:32px auto 42px;color:#102c4f;box-sizing:border-box;isolation:isolate}
.oiip *{box-sizing:border-box}.oiip a{text-decoration:none!important}.oiip-hero{border-radius:20px 20px 0 0;overflow:hidden;position:relative;min-height:228px;background:linear-gradient(117deg,#e5f4fe 0%,#fff 54%,#d6ecfc 100%);border:1px solid #d5e8f6;border-bottom:0;display:flex;align-items:center;padding:34px 44px;gap:24px}.oiip-hero:after{content:"";position:absolute;bottom:-76px;left:-10%;width:120%;height:125px;border-radius:50%;background:#e5f4fd;opacity:.8}.oiip-hero-copy{position:relative;z-index:2;flex:1}.oiip-overline,.oiip-kicker{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#037bb3}.oiip-hero h2{font-size:clamp(26px,3.6vw,40px)!important;line-height:1.17!important;letter-spacing:-.8px;color:var(--oiip-navy)!important;font-weight:800!important;margin:9px 0 12px!important;padding:0!important}.oiip-hero p{font-size:15px;line-height:1.6;font-weight:500;max-width:440px;color:#355371;margin:0}.oiip-accent{display:block;width:82px;height:5px;border-radius:9px;background:linear-gradient(90deg,#009bd5,#77d7ee);margin-top:22px}.oiip-hero-symbol{flex:0 0 270px;height:164px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:16px}.oiip-circle{position:absolute;border-radius:50%;border:20px solid #92d9f5;width:220px;height:220px;opacity:.28}.oiip-circle-one{left:0;top:-43px}.oiip-circle-two{right:-50px;bottom:-90px;border-color:#3e87cf}.oiip-symbol-icon{color:#087daf;display:flex;width:88px;height:88px;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 6px 26px #00478023}.oiip-symbol-icon svg{width:49px;height:49px}.oiip-symbol-words{position:relative;font-weight:800;letter-spacing:1px;color:#0b3b69;line-height:1.8;font-size:12px}.oiip-content{padding:0 20px 22px;border:1px solid #d5e8f6;border-top:0;border-radius:0 0 20px 20px;background:linear-gradient(180deg,#edf8ff 0,#fff 34%);box-shadow:0 11px 31px #062d5310}.oiip-actions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-12px}.oiip-action{min-height:98px;border-radius:13px;display:flex;align-items:center;gap:10px;padding:17px 12px;color:#fff!important;box-shadow:0 4px 14px #082b5b1b;transition:transform .18s,box-shadow .18s}.oiip-action:hover,.oiip-action:focus-visible{transform:translateY(-3px);box-shadow:0 10px 23px #082b5b35;color:white!important}.oiip-blue{background:linear-gradient(135deg,#0c3675,#155a9c)}.oiip-teal{background:linear-gradient(135deg,#08788e,#0e98ad)}.oiip-cyan{background:linear-gradient(135deg,#067eb0,#08b0d4)}.oiip-purple{background:linear-gradient(135deg,#7a4cb5,#a36cda)}.oiip-action-icon{flex:0 0 30px;display:flex}.oiip-action-icon svg{width:29px;height:29px}.oiip-action-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.oiip-action strong{font-size:13px;line-height:1.2;font-weight:700;color:#fff}.oiip-action small{font-size:10px;line-height:1.35;opacity:.92;color:#fff}.oiip-action-arrow{font-size:19px;align-self:flex-start;opacity:.9}.oiip-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:32px 0 16px}.oiip-section-head h3{font-size:23px!important;font-weight:800!important;line-height:1.2!important;color:var(--oiip-navy)!important;margin:4px 0 0!important}.oiip-section-subtitle{font-size:11px;color:#688099}.oiip-pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.oiip-pillar{min-width:0;border:1px solid #d3e7f5;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 3px 14px #082b5b09;transition:border-color .2s,box-shadow .2s}.oiip-pillar[open]{border-color:#55b9e7;box-shadow:0 6px 17px #087da522}.oiip-pillar summary{display:flex;flex-direction:column;gap:9px;min-height:166px;cursor:pointer;padding:17px;list-style:none;outline-offset:-3px}.oiip-pillar summary::-webkit-details-marker{display:none}.oiip-pillar-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;color:#027bba;background:#e4f4fe}.oiip-pillar-icon svg{width:24px;height:24px}.oiip-pillar strong{font-size:15px;font-weight:750;line-height:1.3;color:var(--oiip-navy)}.oiip-pillar-short{font-size:11px;line-height:1.5;color:#5e7791}.oiip-pillar-link{display:flex;gap:6px;align-items:center;margin-top:auto;font-size:10px;font-weight:750;color:#058fc5}.oiip-pillar[open] .oiip-pillar-link span{transform:rotate(45deg)}.oiip-detail{padding:0 17px 17px;font-size:12px;line-height:1.75;color:#355371}.oiip-footer{margin-top:20px;padding:17px 21px;background:#082b5b;color:white;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.oiip-footer>div{display:flex;flex-direction:column;gap:3px}.oiip-footer strong{font-size:14px;color:#fff}.oiip-footer span{font-size:11px;opacity:.9;color:#fff}.oiip-footer a{display:flex;align-items:center;gap:8px;flex:0 0 auto;background:#fff;border-radius:8px;color:#082b5b!important;font-weight:700;font-size:11px;padding:11px 13px}.oiip-footer a span{color:#082b5b;opacity:1;font-size:14px}
@media(max-width:900px){.oiip{margin:20px auto}.oiip-hero{padding:28px}.oiip-hero-symbol{flex-basis:190px}.oiip-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.oiip-pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.oiip-hero{padding:23px 19px;min-height:190px}.oiip-hero-symbol{display:none}.oiip-hero p{font-size:13px}.oiip-content{padding:0 12px 14px}.oiip-actions{gap:8px}.oiip-action{padding:13px 10px;min-height:85px;gap:7px}.oiip-action-icon{flex-basis:24px}.oiip-action-icon svg{width:24px;height:24px}.oiip-action strong{font-size:11px}.oiip-action small{font-size:9px}.oiip-action-arrow{font-size:14px}.oiip-section-head{align-items:start;flex-direction:column;margin:23px 4px 12px}.oiip-section-head h3{font-size:19px!important}.oiip-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oiip-pillar summary{min-height:156px;padding:13px 11px}.oiip-pillar strong{font-size:13px}.oiip-pillar-short{font-size:10px}.oiip-detail{padding:0 11px 13px;font-size:11px}.oiip-footer{align-items:start;flex-direction:column;padding:15px;gap:11px}.oiip-footer strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.oiip-action,.oiip-pillar{transition:none}}

/* v1.1.0: paleta azul editorial y distribución compacta */
.oiip{--oiip-blue:#14528B;--oiip-sky:#2676B8;scroll-margin-top:24px}
.oiip-hero{min-height:185px;padding:27px 38px;background:linear-gradient(117deg,#e8f2fa 0%,#fff 58%,#daeaf6 100%)}
.oiip-overline,.oiip-kicker{color:#2676B8}
.oiip-accent{background:linear-gradient(90deg,#2676B8,#628DBA)}
.oiip-circle{border-color:#7ba8c9}.oiip-symbol-icon{color:#2676B8}
.oiip-content{background:linear-gradient(180deg,#eff6fb 0%,#fff 35%)}
.oiip-actions{margin-top:-10px}
.oiip-action{min-height:85px}
.oiip-teal{background:linear-gradient(130deg,#13416f,#245a94)}
.oiip-cyan{background:linear-gradient(130deg,#245a94,#2676b8)}
.oiip-participa{background:linear-gradient(130deg,#3777a7,#4a8ebd)}
.oiip-pillar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.oiip-pillar summary{min-height:130px;padding:14px;gap:7px}
.oiip-pillar-icon{color:#2676B8;background:#e8f2fa}
.oiip-pillar-link{color:#245a94}
.oiip-pillar[open]{border-color:#2676b8;box-shadow:0 6px 17px #2676b822}
.oiip-pillar{scroll-margin-top:30px}
.oiip-footer{margin-top:18px}
.oiip-action:focus-visible,.oiip-pillar summary:focus-visible,.oiip-footer a:focus-visible{outline:3px solid #ffb300;outline-offset:3px}
@media(max-width:900px){.oiip-pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.oiip-hero{min-height:160px;padding:22px 18px}.oiip-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oiip-pillar summary{min-height:132px}.oiip-action{min-height:81px}}

/* v1.1.2: la antigua llamada a Quienes Somos es solo texto, sin enlace. */
.oiip-footer .oiip-footer-note{display:flex;align-items:center;gap:8px;flex:0 0 auto;background:#fff;border-radius:8px;color:#082b5b!important;font-weight:700;font-size:11px;padding:11px 13px;cursor:pointer;opacity:1}.oiip-footer .oiip-footer-note span{color:#082b5b;opacity:1;font-size:14px}
