/* OF Mega Menu v0.6 */
.ofmm-toggle{position:absolute;left:-9999px}
.ofmm{--ofv:#294633;--ofvo:#1e3526;--ofl:#c8f04b;font-family:Roboto,'Open Sans',Arial,sans-serif}
.ofmm a,.ofmm a:hover,.ofmm a:focus,.ofmm summary{text-decoration:none!important;border-bottom:none!important;box-shadow:none!important;background-image:none!important;outline:none}
.ofmm a:focus-visible,.ofmm summary:focus-visible{outline:2px solid var(--ofl)!important;outline-offset:2px}
.ofmm-desk{background:var(--ofvo);position:relative}
.ofmm-desk-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}
.ofmm-item{position:static}
.ofmm-item>a{display:block;color:#fff;font-size:14px;font-weight:600;padding:13px 14px;letter-spacing:.3px;white-space:nowrap}
.ofmm-item>a:hover,.ofmm-item:has(:focus-visible)>a{background:var(--ofv);color:var(--ofl)}
.ofmm-hot>a{color:var(--ofl);font-weight:800}
.ofmm-panel{visibility:hidden;opacity:0;transition:opacity .1s ease .12s,visibility 0s linear .12s;position:absolute;left:50%;transform:translateX(-50%);top:100%;z-index:9999;width:min(1200px,96vw);background:#fff;border-top:3px solid var(--ofl);border-radius:0 0 14px 14px;box-shadow:0 16px 38px rgba(20,30,24,.24);display:flex;align-items:stretch;overflow:hidden}
.ofmm-with-brands{width:min(1200px,96vw)}
.ofmm-wide{width:min(1200px,96vw)}
.ofmm-item:hover .ofmm-panel,.ofmm-item:has(:focus-visible) .ofmm-panel{visibility:visible;opacity:1}
.ofmm-col{flex:1;padding:22px 26px 18px;min-width:160px;max-width:290px;display:flex;flex-direction:column}
.ofmm-col h4{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;padding-bottom:7px;border-bottom:2px solid var(--ofl)!important;min-height:38px;display:flex;align-items:flex-end}
.ofmm-col h4 a{color:var(--ofv);font-weight:800}
.ofmm-link{display:block;color:#3d453f;font-size:13.5px;line-height:1.35;padding:5px 0;transition:color .1s,padding-left .1s}
.ofmm-link:hover{color:var(--ofv);font-weight:600;padding-left:3px}
.ofmm-all{margin-top:auto!important;padding-top:10px!important;color:var(--ofv)!important;font-weight:700!important;font-size:13px}
.ofmm-all::after{content:' \2192'}
.ofmm-brands{background:#f5f7f3;max-width:250px;min-width:220px;padding:16px 14px;margin-left:auto}
.ofmm-logos{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.ofmm-logo{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e4dd;border-radius:10px;padding:5px 4px;min-height:46px;transition:border-color .12s,box-shadow .12s,transform .12s}
.ofmm-logo:hover{border-color:var(--ofv);box-shadow:0 4px 12px rgba(20,30,24,.16);transform:translateY(-1px)}
.ofmm-logo-img{width:100%;max-width:70px;height:auto;max-height:30px;object-fit:contain}
.ofmm-logo-txt{font-size:12px;font-weight:700;color:#555;text-align:center}
.ofmm-burger{display:none;cursor:pointer;color:#fff;font-size:20px;padding:8px 12px;user-select:none}
.ofmm-burger-txt{font-size:14px;font-weight:700;vertical-align:2px}
.ofmm-overlay{display:none}
.ofmm-mob{display:none}
html.of-mm-open,html.of-mm-open body{overflow:hidden!important;height:100%}
html.of-mm-open .woocommerce-store-notice{visibility:hidden!important}
@media (max-width:991px){
  .ofmm-desk{display:none}
  .ofmm-burger{display:inline-block}
  .ofmm-mob{display:block;position:fixed;z-index:2147483600;top:0;left:-300px;width:285px;height:100vh;background:#fff;overflow-y:auto;overscroll-behavior:contain;transition:left .2s ease;box-shadow:4px 0 18px rgba(0,0,0,.25);padding-bottom:40px}
  .ofmm-toggle:checked+.ofmm .ofmm-mob{left:0}
  .ofmm-toggle:checked+.ofmm .ofmm-overlay{display:block;position:fixed;z-index:2147483500;inset:0;background:rgba(0,0,0,.45)}
  .ofmm-acc{border-bottom:1px solid #eee}
  .ofmm-acc > summary{list-style:none;cursor:pointer;padding:13px 16px;font-weight:700;font-size:14px;color:#333;display:flex;justify-content:space-between}
  .ofmm-acc > summary::-webkit-details-marker{display:none}
  .ofmm-acc > summary::after{content:'';width:9px;height:9px;border-right:2px solid var(--ofv);border-bottom:2px solid var(--ofv);transform:rotate(45deg);transition:transform .15s;flex:none;margin:2px 4px 0 8px}
  .ofmm-acc[open] > summary::after{transform:rotate(225deg);margin-top:8px}
  .ofmm-acc-body{padding:2px 16px 12px 24px}
  .ofmm-acc-body a{display:block;padding:6px 0;font-size:13.5px;color:#555}
  .ofmm-sub{border:0}
  .ofmm-sub > summary{list-style:none;cursor:pointer;padding:11px 0;font-size:13.5px;font-weight:600;color:#444;display:flex;justify-content:space-between}
  .ofmm-sub > summary::-webkit-details-marker{display:none}
  .ofmm-sub > summary::after{content:'';width:7px;height:7px;border-right:2px solid var(--ofv);border-bottom:2px solid var(--ofv);transform:rotate(45deg);transition:transform .15s;flex:none;margin:3px 4px 0 8px}
  .ofmm-sub[open] > summary::after{transform:rotate(225deg);margin-top:7px}
  .ofmm-sub-body{padding:0 0 6px 14px;border-left:2px solid var(--ofl)}
  .ofmm-sub-body a{display:block;padding:5px 0;font-size:13px;color:#666}
  .ofmm-mob-link{display:block;padding:13px 16px;font-weight:700;font-size:14px;color:#333;border-bottom:1px solid #eee}
  .ofmm-hot > summary,.ofmm-mob-link.ofmm-hot{color:var(--ofv);font-weight:800}
}
@media (max-width:991px){
  html:has(.ofmm-toggle:checked){overflow:hidden!important;height:100%}
  body:has(.ofmm-toggle:checked){overflow:hidden!important;height:100%}
  html:has(.ofmm-toggle:checked) .woocommerce-store-notice{visibility:hidden!important}
}
@media (min-width:992px){
  .ofmm-burger{display:none!important}
}

/* v0.6.2: rango notebook 992-1279px — barra compacta y panel a lo ancho (nunca se corta) */
@media (min-width:992px) and (max-width:1279px){
  .ofmm-item>a{padding:12px 8px;font-size:13px}
  .ofmm-col{min-width:120px;padding:18px 16px 14px}
  .ofmm-brands{min-width:180px;max-width:210px}
}

/* v0.7.1: rubro activo marcado */
.ofmm-current>a{box-shadow:inset 0 -3px 0 var(--ofl)!important;color:var(--ofl)}

/* v0.7.2: títulos de columna con afirmación de clic */
.ofmm-col h4 a::after{content:' \2192';opacity:0;transition:opacity .12s}
.ofmm-col h4 a:hover{color:var(--ofvo)}
.ofmm-col h4 a:hover::after{opacity:1}

/* v0.7.3: cajón móvil con identidad de marca (verde oscuro + blanco + lima, como escritorio) */
@media (max-width:991px){
  .ofmm-mob{background:var(--ofvo)}
  .ofmm-acc{border-bottom:1px solid rgba(255,255,255,.08)}
  .ofmm-acc > summary{color:#fff}
  .ofmm-acc > summary::after,.ofmm-sub > summary::after{border-right-color:var(--ofl);border-bottom-color:var(--ofl)}
  .ofmm-acc-body{background:rgba(255,255,255,.05)}
  .ofmm-acc-body a{color:#d9e2da}
  .ofmm-sub > summary{color:#eef4ef}
  .ofmm-sub-body{border-left:2px solid var(--ofl)}
  .ofmm-sub-body a{color:#b9c6bc}
  .ofmm-mob-link{color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
  .ofmm-mob .ofmm-all{color:var(--ofl)!important}
  .ofmm-hot > summary,.ofmm-mob-link.ofmm-hot{color:var(--ofl)}
  .ofmm-mob{box-shadow:4px 0 18px rgba(0,0,0,.45)}
}

/* v0.7.4: Ofertas como pildora promocional (distinta del estado 'rubro actual') */
@media (min-width:992px){
  .ofmm-hot>a{background:var(--ofl);color:var(--ofvo)!important;border-radius:18px;padding:7px 14px;margin:6px 4px;font-weight:800;align-self:center}
  .ofmm-hot>a:hover{background:#d6fa66;color:var(--ofvo)!important}
  .ofmm-hot.ofmm-current>a{box-shadow:none!important}
  .ofmm-desk-inner{align-items:center}
}

/* v0.8: movil estilo Lippi — cajon BLANCO, drill-down con panel deslizante */
@media (max-width:991px){
  .ofmm-mob{background:#fff;box-shadow:4px 0 18px rgba(0,0,0,.25);overflow-x:hidden}
  .ofmm-mob-link{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;font-weight:800;font-size:14px;letter-spacing:.4px;text-transform:uppercase;color:#222!important;border-bottom:1px solid #f0f2ee}
  .ofmm-drill::after{content:'\2192';color:var(--ofv);font-weight:700;font-size:16px}
  a.ofmm-mob-link.ofmm-hot{background:var(--ofl);color:var(--ofvo)!important;border-radius:18px;margin:8px 12px;padding:11px 16px;border-bottom:0;justify-content:center}
  .ofmm-l2{position:absolute;inset:0;background:#fff;transform:translateX(100%);transition:transform .22s ease;overflow-y:auto;overscroll-behavior:contain;z-index:5;padding-bottom:40px}
  .ofmm-l2.on{transform:none}
  .ofmm-back{display:block;padding:15px 16px;font-weight:800;font-size:13px;text-transform:uppercase;color:#222!important;background:#fafbf8;border-bottom:1px solid #eee}
  .ofmm-back::before{content:'\2190';color:var(--ofv);margin-right:10px;font-size:15px}
  .ofmm-vt{display:block;padding:13px 16px;font-weight:700;font-size:13.5px;color:var(--ofv)!important;border-bottom:1px solid #f0f2ee}
  .ofmm-l2 .ofmm-sub > summary{color:#333;padding:13px 16px;text-transform:uppercase;font-size:13px;font-weight:700;border-bottom:1px solid #f4f5f2}
  .ofmm-l2 .ofmm-sub > summary::after{border-right-color:var(--ofv);border-bottom-color:var(--ofv)}
  .ofmm-l2 .ofmm-sub-body{padding:2px 16px 10px 26px;border-left:2px solid var(--ofl);background:#fff}
  .ofmm-l2 .ofmm-sub-body a{color:#555;display:block;padding:6px 0;font-size:13px}
  .ofmm-l2-link{display:block;padding:13px 16px;font-size:13px;font-weight:700;text-transform:uppercase;color:#333!important;border-bottom:1px solid #f4f5f2}
  .ofmm-mob .ofmm-all{color:var(--ofv)!important}
}

/* v0.8.1: barra en UNA linea (compactada) + sangrado completo sin bordes negros */
@media (min-width:992px){
  .ofmm-desk{width:100vw;margin-left:calc(50% - 50vw)}
  .ofmm-item>a{padding:13px 11px;letter-spacing:.2px}
  .ofmm-hot>a{margin:6px 2px;padding:7px 12px}
}