/* Botón del menú (celulares y tablets) */
.smq-burger{all:unset;box-sizing:border-box;cursor:pointer;width:44px;height:44px;border-radius:12px;background:#f2f7e1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;-webkit-tap-highlight-color:transparent}
.smq-burger span{display:block;width:20px;height:2.4px;border-radius:2px;background:#0f4b41;transition:width .2s}
.smq-burger span:nth-child(2){width:14px;margin-right:6px}
.smq-burger:hover span:nth-child(2),.smq-burger:focus-visible span:nth-child(2){width:20px;margin-right:0}
.smq-burger:focus-visible{outline:2px solid #90b723;outline-offset:2px}

/* Panel */
.smq-mnav{position:fixed;inset:0;z-index:100010}
.smq-mnav[hidden]{display:none}
.smq-mnav-bg{position:absolute;inset:0;background:rgba(5,40,30,.5);opacity:0;transition:opacity .28s}
.smq-mnav-panel{position:absolute;left:0;top:0;bottom:0;width:min(370px,88vw);background:#fff;display:flex;flex-direction:column;transform:translateX(-102%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 40px rgba(0,0,0,.2);font-family:Jost,sans-serif}
.smq-mnav.is-open .smq-mnav-bg{opacity:1}
.smq-mnav.is-open .smq-mnav-panel{transform:none}
.smq-mnav-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 14px 20px;border-bottom:1px solid #edf2e4}
.smq-mnav-top img{display:block;height:46px;width:auto}
.smq-mnav-top .header-logo-dark{display:none}
.smq-mnav-x{all:unset;box-sizing:border-box;cursor:pointer;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f2f7e1;color:#0f4b41;flex:none}
.smq-mnav-x svg{width:20px;height:20px}
.smq-mnav-x:hover,.smq-mnav-x:focus-visible{background:#0f4b41;color:#fff}
.smq-mnav-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:10px 12px 28px}

/* Opciones */
.smq-mm,.smq-mm-sub{list-style:none;margin:0;padding:0}
.smq-mm>.smq-mm-li{border-bottom:1px solid #f0f4ea}
.smq-mm>.smq-mm-li:last-child{border-bottom:0}
.smq-mm li{margin:0}
.smq-mm li:before{display:none!important}
.smq-mm-a,.smq-mm-tog{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:12px 12px;border-radius:12px;font-family:Jost,sans-serif;font-weight:600;font-size:1.06rem;line-height:1.25;color:#0f4b41!important;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}
.smq-mm-a:hover,.smq-mm-tog:hover,.smq-mm-a:focus-visible,.smq-mm-tog:focus-visible{background:#f6f9ef}
.smq-mm-tog svg{width:20px;height:20px;flex:none;color:#90b723;transition:transform .25s}
.smq-mm-tog[aria-expanded="true"]{background:#f2f7e1}
.smq-mm-tog[aria-expanded="true"] svg{transform:rotate(180deg)}
.smq-mm>.is-current>.smq-mm-a,.smq-mm>.is-current>.smq-mm-tog span{color:#90b723!important}
/* Submenú */
.smq-mm-sub{overflow:hidden;max-height:0;transition:max-height .3s ease,padding .3s ease}
.smq-mm-li.is-open>.smq-mm-sub{max-height:1400px;padding:4px 0 10px}
.smq-mm-sub .smq-mm-a{min-height:44px;padding:9px 12px 9px 26px;font-family:Lato,sans-serif;font-weight:400;font-size:.98rem;color:#3b4650!important;position:relative}
.smq-mm-sub .smq-mm-a:before{content:"";position:absolute;left:12px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#c9d9a6}
.smq-mm-sub .smq-mm-a[aria-current="page"]{color:#0f4b41!important;font-weight:700;background:#f6f9ef}
.smq-mm-sub .smq-mm-a[aria-current="page"]:before{background:#90b723}
.smq-mm-sub .smq-mm-tog{font-size:.98rem;padding-left:26px}
.smq-mm-sub .smq-mm-sub .smq-mm-a{padding-left:40px}

/* Accesos rápidos */
.smq-mnav-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 4px 0}
.smq-mnav-quick .q{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 12px;border-radius:14px;background:#f2f7e1;color:#0f4b41!important;font-family:Jost,sans-serif;font-weight:600;font-size:.98rem;text-decoration:none}
.smq-mnav-quick .q svg{width:20px;height:20px;flex:none;color:#90b723}
.smq-mnav-quick .q.wa{grid-column:1/-1;background:#25d366;color:#fff!important}
.smq-mnav-quick .q.wa svg{width:22px;height:22px;color:#fff}
.smq-mnav-quick .q:hover{filter:brightness(.96)}
.smq-mnav-social{display:flex;justify-content:center;gap:10px;margin-top:20px}
.smq-mnav-social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0f4b41;color:#fff!important}
.smq-mnav-social a:hover{background:#90b723}
.smq-mnav-social svg{width:19px;height:19px}

html.smq-mnav-lock,html.smq-mnav-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.smq-mnav-panel,.smq-mnav-bg,.smq-mm-tog svg{transition:none}}
