.op-header{background:linear-gradient(135deg,#004f46,#087a68);color:#fff;border-bottom:2px solid #25cf77;position:relative;z-index:1000}
.op-header-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.op-brand{display:flex;align-items:center;gap:9px;color:#fff}
.op-brand-mark{width:36px;height:36px;border:3px solid #28d778;border-radius:9px;display:grid;place-items:center;color:#28d778;font-size:21px;font-weight:900}
.op-brand-name{font-size:22px;font-weight:800;line-height:1}.op-brand-name b{color:#29d371}
.op-brand small{display:block;margin-top:4px;font-size:10px;font-weight:700;color:#e5fff1}
.op-menu-wrap{position:relative}
.op-menu-toggle{width:38px;height:36px;border:1px solid rgba(255,255,255,.42);border-radius:8px;background:rgba(255,255,255,.10);display:grid;place-items:center;cursor:pointer;padding:8px}
.op-menu-toggle span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;margin:2px 0}
.op-menu{display:none;position:absolute;right:0;top:44px;width:205px;background:#fff;color:#17382f;border:1px solid #d9e8e1;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);overflow:hidden}
.op-menu.open{display:block}
.op-menu a{display:block;padding:11px 13px;font-size:12px;font-weight:700;border-bottom:1px solid #edf2ef}
.op-menu a:last-child{border-bottom:0}.op-menu a:hover{background:#eefaf3;color:#087a68}
@media(min-width:651px){.op-header-inner{min-height:64px}.op-brand-mark{width:40px;height:40px}.op-brand-name{font-size:25px}}
/* CAMBIO 46 - cabecera alineada al ancho útil */
@media(min-width:901px){.op-header-inner{padding-left:18px;padding-right:18px}}