.oi-editorial-header{--oi-dark:#082b5b;--oi-deep:#092442;--oi-blue:#21618c;--oi-cyan:#009bd5;font-family:inherit;width:100%;background:#fff;color:var(--oi-dark);box-sizing:border-box;position:relative;z-index:30;isolation:isolate}
.oi-editorial-header *{box-sizing:border-box}
.oi-editorial-header .oi-brand-wrap{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 16px;min-height:84px}
.oi-editorial-header .oi-brand{display:block;flex:1 1 auto;min-width:0;max-width:740px}
.oi-editorial-header .oi-brand img{display:block;width:100%;max-height:86px;object-fit:contain;object-position:left center}
.oi-editorial-header .oi-brand-tagline{max-width:270px;text-align:right;font-size:12px;line-height:1.5;font-weight:600;color:var(--oi-dark)}
.oi-editorial-header .oi-nav-bar{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 max(14px,calc((100vw - 1160px)/2));background:var(--oi-deep);min-height:52px}
.oi-editorial-header .oi-nav{min-width:0;flex:1 1 auto}
.oi-editorial-header .oi-menu-list,.oi-editorial-header .oi-submenu{padding:0;margin:0;list-style:none}
.oi-editorial-header .oi-menu-list{display:flex;align-items:stretch;justify-content:space-between;gap:1px}
.oi-editorial-header .oi-menu-item,.oi-editorial-header .menu-item{position:relative;display:flex;align-items:center}
.oi-editorial-header .oi-menu-item>a,.oi-editorial-header .oi-menu-list>.menu-item>a{position:relative;display:flex;align-items:center;min-height:52px;padding:12px 9px;color:#fff!important;text-decoration:none!important;font-weight:600;font-size:12px;white-space:nowrap;transition:color .25s ease}
.oi-editorial-header .oi-menu-item>a:after,.oi-editorial-header .oi-menu-list>.menu-item>a:after{content:"";position:absolute;height:3px;bottom:0;left:50%;right:50%;background:var(--oi-cyan);border-radius:3px 3px 0 0;transition:left .28s ease,right .28s ease}
.oi-editorial-header .oi-menu-item:hover>a:after,.oi-editorial-header .oi-menu-item:focus-within>a:after,.oi-editorial-header .menu-item:hover>a:after,.oi-editorial-header .menu-item:focus-within>a:after,.oi-editorial-header .current-menu-item>a:after,.oi-editorial-header .current-menu-ancestor>a:after{left:8px;right:8px}
.oi-editorial-header .oi-menu-item:hover>a,.oi-editorial-header .menu-item:hover>a{color:#b6dff3!important}
.oi-editorial-header .oi-sub-toggle{background:none!important;color:white!important;border:0!important;box-shadow:none!important;padding:4px 5px;font-size:16px;cursor:pointer}
.oi-editorial-header .oi-submenu,.oi-editorial-header .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;max-width:300px;z-index:100;box-shadow:0 14px 30px #071c3860;background:white;border-top:3px solid var(--oi-cyan);padding:6px 0;margin:0;list-style:none;border-radius:0 0 8px 8px}
.oi-editorial-header .oi-has-sub:hover>.oi-submenu,.oi-editorial-header .oi-has-sub:focus-within>.oi-submenu,.oi-editorial-header .menu-item-has-children:hover>.sub-menu,.oi-editorial-header .menu-item-has-children:focus-within>.sub-menu,.oi-editorial-header .oi-submenu.is-open{display:block}
.oi-editorial-header .oi-submenu a,.oi-editorial-header .sub-menu a{display:block;padding:10px 15px!important;color:var(--oi-dark)!important;font-size:13px;font-weight:500;text-decoration:none!important;white-space:normal}
.oi-editorial-header .oi-submenu a:hover,.oi-editorial-header .sub-menu a:hover,.oi-editorial-header .oi-submenu a:focus,.oi-editorial-header .sub-menu a:focus{background:#eaf2f8;color:var(--oi-blue)!important}
.oi-editorial-header .oi-menu-search{display:flex;align-items:center;flex:0 0 auto;border:1px solid #65839e;border-radius:7px;min-width:34px;overflow:hidden;margin:0}
.oi-editorial-header .oi-menu-search input{width:0;max-width:0;padding:0;border:0;outline:none;opacity:0;transition:all .24s ease;color:var(--oi-dark);background:#fff;font-size:13px}
.oi-editorial-header .oi-menu-search:focus-within input,.oi-editorial-header .oi-menu-search:hover input{width:140px;max-width:140px;padding:7px;opacity:1}
.oi-editorial-header .oi-menu-search button{background:transparent!important;color:white!important;border:0!important;box-shadow:none!important;cursor:pointer;padding:8px!important;line-height:0}
.oi-editorial-header .oi-menu-search svg{height:19px;width:19px}
.oi-editorial-header .oi-mobile-toggle{display:none}
@media(max-width:1080px){.oi-editorial-header .oi-menu-item>a,.oi-editorial-header .oi-menu-list>.menu-item>a{font-size:11px;padding-inline:6px}.oi-editorial-header .oi-nav-bar{gap:8px}}
@media(max-width:900px){.oi-editorial-header .oi-brand-wrap{min-height:66px}.oi-editorial-header .oi-brand-tagline{display:none}.oi-editorial-header .oi-brand img{max-height:65px}.oi-editorial-header .oi-nav-bar{justify-content:space-between;padding:6px 14px;min-height:48px;flex-wrap:wrap}.oi-editorial-header .oi-mobile-toggle{display:flex;align-items:center;gap:8px;border:0!important;background:transparent!important;color:white!important;box-shadow:none!important;font-weight:600;cursor:pointer}.oi-editorial-header .oi-nav{display:none;flex:0 0 100%;order:3}.oi-editorial-header .oi-nav.is-open{display:block}.oi-editorial-header .oi-menu-list{display:block}.oi-editorial-header .oi-menu-item,.oi-editorial-header .menu-item{display:flex;flex-wrap:wrap;border-bottom:1px solid #ffffff22}.oi-editorial-header .oi-menu-item>a,.oi-editorial-header .oi-menu-list>.menu-item>a{min-height:42px;flex:1 1 auto;font-size:14px;white-space:normal}.oi-editorial-header .oi-sub-toggle{min-width:42px;min-height:40px}.oi-editorial-header .oi-submenu,.oi-editorial-header .sub-menu{display:none!important;position:static!important;width:100%;min-width:100%;max-width:100%;background:#123b63;box-shadow:none;border-top:0;padding:0}.oi-editorial-header .oi-submenu.is-open,.oi-editorial-header .sub-menu.is-open{display:block!important}.oi-editorial-header .oi-submenu a,.oi-editorial-header .sub-menu a{color:white!important;padding:11px 22px!important}.oi-editorial-header .oi-menu-search input{width:130px;max-width:130px;padding:7px;opacity:1}.oi-editorial-header .oi-menu-search button{min-height:35px}}
@media(prefers-reduced-motion:reduce){.oi-editorial-header *, .oi-editorial-header *:after{transition:none!important;animation:none!important}}

/* V1.0.1: cabecera compacta y desplegables visibles en Elementor */
.oi-editorial-header { overflow: visible !important; z-index: 999 !important; }
.oi-editorial-header .oi-brand-wrap { min-height: 0 !important; padding: 6px 15px !important; gap: 20px !important; }
.oi-editorial-header .oi-brand { flex: 0 1 540px !important; max-width: 540px !important; width: auto !important; }
.oi-editorial-header .oi-brand img { width: 100% !important; height: auto !important; max-height: 70px !important; object-fit: contain !important; object-position: left center !important; }
.oi-editorial-header .oi-nav-bar, .oi-editorial-header .oi-nav, .oi-editorial-header .oi-menu-list { overflow: visible !important; }
.oi-editorial-header .oi-submenu, .oi-editorial-header .sub-menu { z-index: 9999 !important; }
/* Elementor flex containers may clip the dropdown at the shortcode boundary. */
.e-con:has(> .elementor-widget-shortcode .oi-editorial-header),
.elementor-element:has(> .elementor-widget-container > .oi-editorial-header),
.elementor-widget-shortcode:has(.oi-editorial-header),
.elementor-widget-shortcode:has(.oi-editorial-header) > .elementor-widget-container { overflow: visible !important; }
@media(max-width:900px){.oi-editorial-header .oi-brand { flex:1 1 auto !important; max-width: 100% !important; }.oi-editorial-header .oi-brand img { max-height:56px!important; }.oi-editorial-header .oi-brand-wrap { padding:6px 12px!important; }}

/* v1.0.2: proteger capas frente a los contenedores de Elementor. */
.elementor-element:has(.oi-editorial-header),
.e-con:has(.oi-editorial-header),
.elementor-widget-shortcode:has(.oi-editorial-header),
.elementor-widget-container:has(.oi-editorial-header){overflow:visible!important;clip-path:none!important}
.oi-editorial-header{z-index:1000!important}
.oi-editorial-header .oi-brand-wrap{min-height:64px;padding-block:6px}
.oi-editorial-header .oi-brand img{max-height:65px;max-width:100%;width:auto;height:auto;object-fit:contain}
.oi-editorial-header .oi-brand{max-width:540px}
/* Los desplegables de escritorio se trasladan al body para evitar recortes. */
body>.oi-portal-dropdown{position:fixed!important;display:block!important;visibility:visible!important;opacity:1!important;margin:0!important;padding:6px 0!important;min-width:230px;max-width:min(340px,calc(100vw - 20px));background:#fff!important;color:#082b5b!important;border-top:3px solid #009bd5!important;border-radius:0 0 8px 8px!important;box-shadow:0 15px 35px rgba(7,28,56,.24)!important;z-index:2147483000!important;list-style:none!important;max-height:calc(100vh - 70px);overflow:auto!important}
body>.oi-portal-dropdown li{list-style:none!important;margin:0!important;padding:0!important;display:block!important}
body>.oi-portal-dropdown a{display:block!important;color:#082b5b!important;text-decoration:none!important;font:500 13px/1.4 system-ui,Arial,sans-serif!important;padding:12px 16px!important;background:#fff!important;white-space:normal!important}
body>.oi-portal-dropdown a:hover,body>.oi-portal-dropdown a:focus-visible{background:#e9f4fa!important;color:#21618c!important}
@media(max-width:900px){.oi-editorial-header .oi-brand img{max-height:52px}.oi-editorial-header .oi-brand-wrap{min-height:60px}}

/* 1.1.0 – compact header, accessible off-canvas mega menu */
.oi-canvas-layout{position:relative!important;z-index:1100!important;border-bottom:1px solid #e0e8f0;isolation:auto!important}
.oi-canvas-layout .oi-brand-wrap{max-width:1160px!important;min-height:66px!important;padding:10px 18px!important;gap:20px!important}
.oi-canvas-layout .oi-brand{max-width:440px!important;flex:0 1 440px!important}
.oi-canvas-layout .oi-brand img{display:block;width:100%!important;max-width:440px!important;max-height:62px!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
.oi-canvas-layout .oi-header-actions{display:flex;gap:16px;align-items:center;margin-left:auto}
.oi-canvas-layout .oi-header-actions button{border:0!important;box-shadow:none!important;background:transparent!important;color:#082b5b!important;padding:8px!important;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px}
.oi-canvas-layout .oi-header-actions button:hover{background:#eaf2f8!important;border-radius:6px}
.oi-canvas-layout .oi-search-toggle svg{width:23px;height:23px}
.oi-canvas-layout .oi-canvas-toggle{flex-direction:column;gap:5px}
.oi-canvas-layout .oi-canvas-toggle span{display:block;width:22px;height:2px;background:#082b5b;border-radius:2px}
.oi-canvas-layout .oi-search-panel[hidden],.oi-canvas-overlay[hidden]{display:none!important}
.oi-canvas-layout .oi-search-panel{background:#f2f7fb;border-top:1px solid #e3edf4;padding:14px 18px}
.oi-canvas-layout .oi-search-panel form{display:flex;align-items:center;gap:12px;max-width:900px;margin:0 auto}
.oi-canvas-layout .oi-search-panel label{font-size:13px;font-weight:600;color:#082b5b}
.oi-canvas-layout .oi-search-panel input{flex:1;min-width:0;border:1px solid #afc9dc;background:white;padding:11px;border-radius:5px;color:#082b5b}
.oi-canvas-layout .oi-search-panel button{border:0;background:#082b5b;color:#fff;border-radius:5px;padding:11px 18px;cursor:pointer}
.oi-canvas-layout .oi-nav-bar{max-width:none!important;min-height:46px!important;background:#fff!important;border-top:1px solid #e2e8ef;padding:0 max(16px,calc((100vw - 1160px)/2))!important}
.oi-canvas-layout .oi-nav{width:100%;flex:1 1 auto}
.oi-canvas-layout .oi-menu-list{justify-content:space-between!important;gap:4px!important;flex-wrap:nowrap}
.oi-canvas-layout .oi-menu-item>a,.oi-canvas-layout .oi-menu-list>.menu-item>a{color:#082b5b!important;min-height:46px!important;font-size:12px!important;padding:10px 6px!important}
.oi-canvas-layout .oi-menu-item:hover>a,.oi-canvas-layout .menu-item:hover>a{color:#21618c!important}
.oi-canvas-layout .oi-sub-toggle{color:#082b5b!important}
.oi-canvas-layout .oi-menu-item>a:after,.oi-canvas-layout .oi-menu-list>.menu-item>a:after{background:#009bd5!important}
.oi-canvas-overlay{position:fixed!important;inset:0!important;z-index:2147483200!important;display:flex;align-items:flex-start;justify-content:center;font-family:inherit}
.oi-canvas-backdrop{position:absolute;inset:0;background:rgba(3,22,47,.48)}
.oi-canvas-window{position:relative;margin:58px 16px 16px;background:white;width:min(1160px,calc(100vw - 32px));max-height:calc(100dvh - 76px);overflow:auto;box-shadow:0 20px 75px #03162f55;border-radius:8px;color:#082b5b;outline:none}
.oi-canvas-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;background:#f1f7fb;border-bottom:1px solid #d7e3ee;z-index:1;font-size:18px}
.oi-canvas-close{border:1px solid #aec9dd!important;border-radius:5px;background:white!important;color:#082b5b!important;font-size:13px!important;font-weight:600!important;display:flex;align-items:center;gap:8px;padding:7px 12px!important;cursor:pointer}
.oi-canvas-close span{font-size:25px;line-height:1}
.oi-canvas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 36px;padding:28px 30px}
.oi-canvas-group h3{font-size:14px!important;font-weight:800!important;color:#082b5b!important;border-bottom:2px solid #009bd5;margin:0 0 13px!important;padding:0 0 9px!important;text-transform:uppercase;letter-spacing:.03em}
.oi-canvas-group ul{list-style:none!important;margin:0!important;padding:0!important}
.oi-canvas-group li{list-style:none!important;margin:0!important;padding:0!important}
.oi-canvas-group a,.oi-canvas-group span{display:block;padding:7px 2px;color:#173f69!important;text-decoration:none!important;font-size:14px;line-height:1.45}
.oi-canvas-group span{opacity:.55}
.oi-canvas-group a:hover,.oi-canvas-group a:focus-visible{color:#007db6!important;text-decoration:underline!important}
.oi-canvas-bottom{border-top:1px solid #dbe8f0;padding:16px 30px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#f5f9fb}
.oi-canvas-bottom a{font-weight:700;color:#082b5b!important}.oi-canvas-bottom small{color:#486884}
body.oi-canvas-open{overflow:hidden!important}
@media(max-width:900px){.oi-canvas-layout .oi-brand-wrap{min-height:58px!important}.oi-canvas-layout .oi-brand{max-width:75vw!important}.oi-canvas-layout .oi-brand img{max-height:48px!important}.oi-canvas-layout .oi-nav-bar{overflow-x:auto!important;min-height:0!important}.oi-canvas-layout .oi-nav{display:block!important;order:0!important;flex:1 1 auto!important}.oi-canvas-layout .oi-menu-list{display:flex!important;width:max-content;gap:16px!important}.oi-canvas-layout .oi-menu-item{display:flex!important;flex-wrap:nowrap!important}.oi-canvas-layout .oi-menu-item>a{white-space:nowrap!important;font-size:12px!important}.oi-canvas-layout .oi-sub-toggle{display:none!important}.oi-canvas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:22px}.oi-canvas-window{margin-top:12px;max-height:calc(100dvh - 24px)}}
@media(max-width:560px){.oi-canvas-layout .oi-brand-wrap{padding:9px 10px!important;gap:6px!important}.oi-canvas-layout .oi-header-actions{gap:1px}.oi-canvas-layout .oi-header-actions button{width:34px;height:36px;padding:6px!important}.oi-canvas-grid{grid-template-columns:1fr;gap:25px}.oi-canvas-top{padding:14px 17px}.oi-canvas-window{width:calc(100vw - 14px);margin:7px;max-height:calc(100dvh - 14px)}.oi-canvas-layout .oi-search-panel form{flex-wrap:wrap}.oi-canvas-layout .oi-search-panel label{width:100%}}
@media(prefers-reduced-motion:reduce){.oi-canvas-overlay *{transition:none!important}}

/* V1.1.1: modal mounted under body, never underneath Elementor sections. */
body > .oi-canvas-overlay:not([hidden]) {
  position:fixed!important;inset:0!important;z-index:2147483640!important;
  background:rgba(3,22,47,.50)!important;display:flex!important;
  align-items:flex-start!important;justify-content:center!important;
}
body > .oi-canvas-overlay .oi-canvas-backdrop {z-index:0!important;position:absolute!important;inset:0!important;}
body > .oi-canvas-overlay .oi-canvas-window {
  position:relative!important;z-index:1!important;isolation:isolate!important;
  background:#ffffff!important;opacity:1!important;
}
body > .oi-canvas-overlay .oi-canvas-grid {background:#ffffff!important;position:relative!important;z-index:1!important;}
body > .oi-canvas-overlay .oi-canvas-group {background:#ffffff!important;}
body > .oi-canvas-overlay .oi-coming-soon small {display:inline;font-size:10px;color:#668097;margin-left:5px;}
/* Main bar is flat; submenu categories are deliberately in the canvas. */
.oi-canvas-layout .oi-sub-toggle,.oi-canvas-layout .oi-submenu,.oi-canvas-layout .sub-menu{display:none!important;}
.oi-canvas-layout .oi-menu-item:hover>.oi-submenu,.oi-canvas-layout .oi-menu-item:focus-within>.oi-submenu{display:none!important;}
