/* Mobile menu drawer · entrada smooth con slide del panel + fade del backdrop
   + stagger de los links. Usado en agendar, cliente, cotizar, experiencias,
   index, membresia, por-que, portfolio. Sobrescribe definiciones inline. */

.mobile-menu-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.16);color:#f5f5f5;cursor:pointer;border-radius:6px;transition:background .25s;}
.mobile-menu-btn:hover{background:rgba(255,255,255,.04);}
.mobile-menu-btn svg{width:20px;height:20px;}

.mobile-menu{position:fixed !important;inset:0;background:rgba(5,5,5,0) !important;backdrop-filter:blur(0) !important;-webkit-backdrop-filter:blur(0) !important;z-index:200;display:none;transition:background .4s ease, backdrop-filter .4s ease, -webkit-backdrop-filter .4s ease;animation:none !important;}
.mobile-menu.open{display:block;background:rgba(5,5,5,.6) !important;backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;}

.mobile-menu-inner{max-width:480px;margin-left:auto;height:100%;background:#0a0a0b;border-left:1px solid rgba(255,255,255,.16);padding:1.5rem 1.75rem 2rem;display:flex;flex-direction:column;overflow-y:auto;transform:translateX(100%);transition:transform .45s cubic-bezier(.16,1,.3,1);box-shadow:-20px 0 60px rgba(0,0,0,.5);}
.mobile-menu.open .mobile-menu-inner{transform:translateX(0);}

.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08);}
.mobile-menu-close{width:44px;height:44px;background:transparent;border:1px solid rgba(255,255,255,.16);color:#f5f5f5;font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:all .25s;}
.mobile-menu-close:hover,.mobile-menu-close:active{background:rgba(233,30,140,.12);border-color:#E91E8C;transform:rotate(90deg);}

.mobile-menu-nav{flex:1;padding:1.5rem 0;display:flex;flex-direction:column;}
.mobile-menu-link{font-family:'Inter',sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.02em;color:#9d9da0;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08);transition:color .25s,padding-left .25s;text-decoration:none;opacity:0;transform:translateX(20px);}
.mobile-menu.open .mobile-menu-link{animation:mmLinkIn .5s cubic-bezier(.16,1,.3,1) forwards;}
.mobile-menu.open .mobile-menu-link:nth-child(1){animation-delay:.18s;}
.mobile-menu.open .mobile-menu-link:nth-child(2){animation-delay:.24s;}
.mobile-menu.open .mobile-menu-link:nth-child(3){animation-delay:.30s;}
.mobile-menu.open .mobile-menu-link:nth-child(4){animation-delay:.36s;}
.mobile-menu.open .mobile-menu-link:nth-child(5){animation-delay:.42s;}
.mobile-menu.open .mobile-menu-link:nth-child(6){animation-delay:.48s;}
.mobile-menu.open .mobile-menu-link:nth-child(7){animation-delay:.54s;}
.mobile-menu.open .mobile-menu-link:nth-child(8){animation-delay:.60s;}
.mobile-menu.open .mobile-menu-link:nth-child(9){animation-delay:.66s;}
.mobile-menu.open .mobile-menu-link:nth-child(10){animation-delay:.72s;}
@keyframes mmLinkIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.mobile-menu-link:hover,.mobile-menu-link:active{color:#E91E8C;padding-left:.4rem;}
.mobile-menu-link.is-active{color:#E91E8C;}

.mobile-menu-footer{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);opacity:0;transition:opacity .4s ease;transition-delay:.55s;}
.mobile-menu.open .mobile-menu-footer{opacity:1;}
.mobile-menu-link-secondary{display:inline-block;font-family:'Inter',sans-serif;font-weight:500;font-size:.85rem;color:rgba(255,255,255,.65);margin-right:.85rem;margin-bottom:.4rem;text-decoration:none;transition:color .25s;}
.mobile-menu-link-secondary:hover{color:#fff;}
.mobile-menu-divider{height:1px;background:rgba(255,255,255,.08);margin:1rem 0;}