/* Megamenú «Medicina deportiva (Biotek)» (plugin Madtrauma Biotek Import). HTML: includes/class-megamenu.php */
.mbi-mm{--amb:#ECAF15;--tx:#3f3b3b;--tx2:#5f5a5a;--tx3:#8a8585;--lin:#eceaea;--suave:#f7f5f0;
 position:absolute;left:0;right:0;top:100%;z-index:9990;background:#fff;border-top:3px solid var(--amb);box-shadow:0 24px 48px rgba(0,0,0,.16);
 font-family:Roboto,sans-serif;color:var(--tx);text-align:left;
 opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.mbi-mm.is-abierto{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}
.mbi-mm *{box-sizing:border-box}
.mbi-mm-in{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,4.6fr) minmax(0,3.2fr);max-width:1240px;min-height:360px;margin:0 auto;
 padding:28px clamp(20px,4vw,48px) 26px}
.mbi-col{padding:0 28px}.mbi-col+.mbi-col{border-left:1px solid var(--lin)}.mbi-zonas{padding-left:0}.mbi-figcol{padding-right:0}
.mbi-eyebrow{margin:0 0 12px !important;font:700 12.5px Montserrat,sans-serif !important;letter-spacing:1.6px;text-transform:uppercase;color:var(--tx3) !important}
.mbi-mm a{text-decoration:none !important;box-shadow:none}
.mbi-zona{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;color:var(--tx) !important;cursor:pointer;transition:background .15s}
.mbi-zona:hover,.mbi-zona.is-on{background:var(--suave)}
.mbi-nombre{font:600 15px/1.3 Roboto,sans-serif;color:var(--tx)}
.mbi-nombre small{display:block;margin-top:2px;font:400 13px Roboto,sans-serif;color:var(--tx3)}
.mbi-flecha{width:16px;height:16px;margin-left:auto;flex:0 0 16px;fill:none;stroke:#cfcaca;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mbi-zona.is-on .mbi-flecha{stroke:#1f1d1d}
.mbi-ico{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--amb);color:#1f1d1d;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.mbi-svg{width:24px;height:24px;display:block}
.mbi-zona.is-on .mbi-ico{background:#1f1d1d;color:var(--amb)}
.is-pronto .mbi-ico,.mbi-zona.is-pronto.is-on .mbi-ico{background:#e6e3e3;color:var(--tx3)}
.mbi-prods{list-style:none !important;margin:0 0 14px !important;padding:0 !important}
.mbi-prods li{margin:0 !important;padding:0 !important;list-style:none !important}
.mbi-prods a{display:block;padding:9px 0;border-bottom:1px solid #f0eeee;font:500 15px/1.35 Roboto,sans-serif;color:var(--tx) !important;transition:padding .15s}
.mbi-prods a:hover{padding-left:6px;color:#1f1d1d !important}
.mbi-link{display:inline-block;font:700 13.5px Montserrat,sans-serif;letter-spacing:.5px;color:#1f1d1d !important}
.mbi-link:hover{color:#b57f00 !important}
.mbi-pronto{margin:0;padding:14px 16px;background:var(--suave);border-left:4px solid var(--amb);border-radius:8px;color:var(--tx3);font-size:14.5px}
.mbi-figura{position:relative;max-width:250px;aspect-ratio:1/1;margin:0 auto}
.mbi-figura img{display:block;width:100% !important;height:100% !important;max-width:none}
.mbi-punto{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%}
.mbi-punto::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--amb);transition:transform .2s}
.mbi-punto::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;
 background:linear-gradient(#1f1d1d,#1f1d1d) center/10px 2px no-repeat,linear-gradient(#1f1d1d,#1f1d1d) center/2px 10px no-repeat}
.mbi-punto.is-pronto::before{background:#e6e3e3}
.mbi-punto.is-on::before{background:radial-gradient(circle closest-side,#1f1d1d 0 62%,var(--amb) 65%);transform:scale(1.25)}
.mbi-punto.is-on::after{background:linear-gradient(#fff,#fff) center/10px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 10px no-repeat}
.mbi-pie{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--lin)}
.mbi-logo{width:120px !important;height:auto !important;display:block}
.mbi-mm a:focus-visible,.mbi-zona:focus-visible{outline:3px solid #1f1d1d;outline-offset:2px;border-radius:8px}
/* Entrada del menú: flecha y subrayado mientras está abierto */
.mbi-megamenu>a .mbi-caret{display:inline-block;width:10px;height:10px;margin-left:6px;vertical-align:middle;transition:transform .2s}
.mbi-megamenu>a[aria-expanded=true] .mbi-caret{transform:rotate(180deg)}
/* Móvil (menú desplegable de Elementor): lista de zonas. Es un div y no un ul: SmartMenus y «.elementor-nav-menu ul{display:none}»
   se apropian de cualquier ul dentro del menú */
.mbi-movil{display:block;margin:0;padding:0 0 8px}
.mbi-movil[hidden]{display:none}
.mbi-movil a{display:flex !important;align-items:center;gap:12px}
.mbi-movil .mbi-ico{flex-basis:30px;width:30px;height:30px}.mbi-movil .mbi-svg{width:18px;height:18px}
@media (max-width:1024px){.mbi-mm{display:none !important}}
@media (prefers-reduced-motion:reduce){.mbi-mm,.mbi-mm *{transition:none !important}}
