/* MiMoto — Encabezado v2 · estilos (cargado con wp_enqueue_style) */
:root{
	--mm-rojo:#DD0819; --mm-rojo-osc:#B3141F; --mm-navy:#080D14; --mm-navy-txt:#C9D4E3;
	--mm-tinta:#1a1a1a; --mm-gris:#888; --mm-gris-cl:#e4e4e4; --mm-wsp:#25D366; --mm-verde:#0F6E56; --mm-radio:999px;
}

/* ==== BLINDAJE contra el tema: matar márgenes/gaps que inyecta el bloque ==== */
.mm-header-wrap, .mm-header-wrap *{margin-top:0 !important;margin-bottom:0 !important}
.mm-header-wrap{line-height:1.3}
.mm-header-wrap *{box-sizing:border-box}
.mm-header-wrap button{font-family:inherit;cursor:pointer;border:0;background:none}
.mm-header-wrap a{text-decoration:none;color:inherit}
.mm-header-wrap ul{list-style:none;margin:0;padding:0}
/* WordPress (wpautop) mete <p> vacíos entre bloques; anularlos para que no creen huecos. */
.mm-header-wrap > p, .mm-header-wrap p:empty{display:none !important;margin:0 !important;padding:0 !important;height:0 !important}

/* 1. Barra de confianza (delgada, alineada con la fila principal) */
.mm-trust-band{background:var(--mm-navy);padding:4px 0}
.mm-trust-band .mm-beneficios{max-width:min(94vw,1320px);margin:0 auto;padding:0 28px;font-size:12px}

/* 2. Fila principal */
.mm-main{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 14px;max-width:min(92vw,1180px);margin:0 auto}
.mm-burger{order:0;color:var(--mm-tinta);padding:2px;display:flex;align-items:center}
.mm-main__logo{order:1;flex:0 0 auto;line-height:1}
.mm-searchwrap{order:3;flex:1 1 100%;padding:0}
.mm-icons{order:2;margin-left:auto !important;display:flex;align-items:center;gap:14px}
.mm-icons > *{align-self:center}
.mm-ico{position:relative;color:var(--mm-tinta);display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1}
.mm-ico__lbl{display:none}
.mm-ico--cuenta{display:none}
.mm-badge{position:absolute;top:-6px;right:-8px;background:var(--mm-rojo);color:#fff;font-size:10px;font-weight:700;
	min-width:16px;height:16px;border-radius:var(--mm-radio);display:flex;align-items:center;justify-content:center;padding:0 3px}
.mm-badge--cero{background:#c9c9c9}

/* Buscador (fallback simple; el plugin real trae su propio estilo) */
.mm-search{display:flex;align-items:center;border:1.5px solid var(--mm-tinta);border-radius:var(--mm-radio);padding:6px 6px 6px 14px;background:#fff}
.mm-search input[type=search]{flex:1;border:0;outline:0;font-size:14px;min-width:0;background:transparent}
.mm-search__mag{color:var(--mm-gris);display:flex;margin-right:8px}
.mm-search__go{background:var(--mm-rojo);color:#fff;font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--mm-radio)}

/* 3. Elige tu moto (barra móvil) */
.mm-motobar{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--mm-rojo);color:#fff;
	font-size:15px;font-weight:600;padding:11px;width:100%}
.mm-motobar__ic{font-size:19px}

/* 4. Nav desktop */
.mm-nav{display:none}

/* Contexto "Estás viendo" */
.mm-context{display:flex;align-items:center;justify-content:center;gap:8px;background:#f3f4f6;color:#333;font-size:13px;padding:7px 14px}
.mm-context__btn{color:var(--mm-rojo);font-weight:600;text-decoration:underline}

/* Paneles desplegables */
.mm-panel{display:none;position:absolute;left:0;right:0;background:#faf9f7;border-top:.5px solid #eee;
	box-shadow:0 8px 20px rgba(0,0,0,.10);z-index:50;padding:16px 14px}
.mm-panel.open{display:block}
.mm-panel__h{margin:0 0 10px !important;font-size:11.5px;color:var(--mm-gris);letter-spacing:.04em;font-weight:700;text-transform:uppercase}
.mm-selector__campo{margin-bottom:10px !important}
.mm-selector__campo label{display:block;font-size:12px;color:var(--mm-gris);margin-bottom:4px !important}
.mm-selector__campo select{width:100%;padding:11px 12px;border:1px solid var(--mm-gris-cl);border-radius:8px;font-size:15px;background:#fff}
.mm-selector__ver{width:100%;margin-top:4px !important;background:#DD0819 !important;background-color:#DD0819 !important;color:#fff !important;font-weight:600;padding:12px;border-radius:8px;font-size:15px;border:0}
.mm-selector__ver:disabled{background:#DD0819 !important;background-color:#DD0819 !important;color:#fff !important;opacity:.6;cursor:not-allowed}
.mm-marcas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.mm-marca{background:#fff;border:1px solid var(--mm-gris-cl);border-radius:10px;padding:11px 13px;display:block}
.mm-marca.on{border:1.5px solid var(--mm-rojo)}
.mm-marca__n{font-size:15px;font-weight:600}
.mm-marca.on .mm-marca__v{font-size:12px;color:var(--mm-rojo);margin-top:3px}
.mm-marca.off .mm-marca__n{color:#999}
.mm-marca.off .mm-marca__v{font-size:11px;color:#aaa;margin-top:3px}
.mm-links a{display:flex;align-items:center;gap:10px;padding:11px 6px;font-size:15px;border-bottom:.5px solid #eee;color:var(--mm-tinta)}
.mm-links a:last-child{border-bottom:0}
.mm-links__ic{font-size:18px}

/* Off-canvas */
.mm-oc-back{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000}
.mm-oc-back.open{display:block}
.mm-oc{position:fixed;top:0;left:0;bottom:0;width:82%;max-width:340px;background:#fff;z-index:10001;
	transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto;padding:18px;color:var(--mm-tinta)}
.mm-oc.open{transform:translateX(0)}
.mm-oc__cerrar{float:right;color:var(--mm-gris)}
.mm-oc__titulo{margin:0 0 14px !important;font-size:16px}
.mm-oc__cuenta{display:flex;align-items:center;gap:8px;padding:12px 4px;font-size:15px;border-bottom:.5px solid #eee;font-weight:600}
.mm-oc__menu li{border-bottom:.5px solid #eee}
.mm-oc__menu a{display:block;padding:12px 4px;font-size:15px}
.mm-oc__wsp{display:block;margin-top:16px !important;background:var(--mm-wsp);color:#fff;text-align:center;font-weight:600;padding:12px;border-radius:8px}
.mm-oc__mail{display:block;margin-top:8px !important;background:#fff;border:1px solid var(--mm-gris-cl);text-align:center;font-weight:600;padding:12px;border-radius:8px}

/* Dropdown de Ayuda (escritorio) */
.mm-ayuda{font-family:'Catamaran',sans-serif;padding:8px}
.mm-ayuda__cuenta{display:flex;align-items:center;gap:8px;padding:9px 12px;font-weight:600;color:var(--mm-tinta);border-bottom:1px solid #eee}
.mm-ayuda__menu,.mm-ayuda__menu ul{list-style:none;margin:0;padding:0}
.mm-ayuda__menu li{position:relative}
.mm-ayuda__menu a{display:block;padding:9px 12px;font-size:14px;color:var(--mm-tinta);white-space:nowrap;border-radius:8px}
.mm-ayuda__menu a:hover{background:#f6f7f9;color:var(--mm-rojo)}
.mm-ayuda__menu .menu-item-has-children > a::after{content:"›";float:right;color:var(--mm-gris);margin-left:12px;font-weight:700}
.mm-ayuda__menu .sub-menu{display:none;position:absolute;left:100%;top:0;min-width:210px;background:#fff;border:1px solid rgba(8,13,20,.1);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.16);padding:6px}
.mm-ayuda__menu li:hover > .sub-menu{display:block}
.mm-ayuda__contacto{border-top:1px solid #eee;margin-top:6px;padding-top:8px;display:flex;flex-direction:column;gap:6px}
.mm-ayuda__wsp{background:var(--mm-wsp);color:#fff;text-align:center;font-weight:600;padding:9px;border-radius:8px}
.mm-ayuda__mail{background:#fff;border:1px solid var(--mm-gris-cl);color:var(--mm-tinta);text-align:center;font-weight:600;padding:9px;border-radius:8px}

/* ===== DESKTOP (>=1024px) ===== */
@media(min-width:1024px){
	.mm-main{display:grid;grid-template-columns:1fr minmax(0,880px) 1fr;align-items:center;gap:16px;padding:4px 28px 3px;max-width:min(94vw,1320px);margin:0 auto;flex-wrap:nowrap}
	.mm-burger{display:none}
	.mm-main__logo{grid-column:1;justify-self:start;order:0}
	.mm-searchwrap{grid-column:2;justify-self:stretch;order:0;width:100%;max-width:none}
	.mm-header-wrap .mm-bus{max-width:none;width:100%}
	.mm-header-wrap .mm-bus__panel[hidden]{display:none !important}
	.mm-icons{grid-column:3;justify-self:end;order:0;gap:18px}
	.mm-header-wrap .mm-bus__form{padding-top:7px;padding-bottom:7px}
	.mm-ico__lbl{display:block;font-size:11px;color:#444}
	.mm-ico--cuenta{display:flex}
	.mm-motobar{display:none !important}
	.mm-nav{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 28px 0;max-width:min(94vw,1320px);margin:0 auto}
	.mm-nav__item{display:inline-flex;align-items:center;gap:5px;font-size:15px;font-weight:500;color:var(--mm-tinta);padding:9px 12px}
	.mm-nav__cv{font-size:13px;color:var(--mm-gris)}
	.mm-nav__pill{background:var(--mm-rojo) !important;background-color:var(--mm-rojo) !important;color:#fff !important;border-radius:var(--mm-radio);padding:9px 16px;font-weight:600}
	.mm-nav__pill .mm-nav__cv{color:#fff !important;opacity:.85}
	.mm-nav__sep{color:#ddd;margin:0 4px}
	.mm-panel{left:50%;right:auto;transform:translateX(-50%);max-width:520px;border-radius:0 0 14px 14px}
	#mm-panel-marcas{max-width:640px}
	#mm-panel-ayuda{max-width:300px}
	.mm-marcas-grid{grid-template-columns:repeat(4,1fr)}
}