/* MOBILE MENU FIX - Constructora R&C */
.mobile-menu-toggle,
.mobile-drawer,
.mobile-drawer-backdrop{display:none}

@media(max-width:900px){
  body{overflow-x:hidden}

  nav, .nav{
    position:sticky !important;
    top:0 !important;
    z-index:999 !important;
  }

  nav{
    display:grid !important;
    grid-template-columns:1fr auto auto !important;
    align-items:center !important;
    gap:10px !important;
  }

  .menu, .nav-links{
    display:none !important;
  }

  nav > .btn,
  .nav-inner > .btn{
    width:auto !important;
    min-height:40px !important;
    padding:10px 15px !important;
    border-radius:999px !important;
    font-size:0 !important;
    white-space:nowrap !important;
  }

  nav > .btn::after,
  .nav-inner > .btn::after{
    content:"Cotizar";
    font-size:14px;
    font-weight:900;
  }

  .brand, .logo{
    max-width:150px !important;
    line-height:1.2 !important;
  }

  .mobile-menu-toggle{
    display:inline-grid !important;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.18);
    background:#111;
    color:#fff;
    font-size:24px;
    cursor:pointer;
    z-index:1001;
  }

  .mobile-drawer-backdrop{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.58);
    opacity:0;
    pointer-events:none;
    transition:.3s;
    z-index:998;
  }

  .mobile-drawer{
    display:block;
    position:fixed;
    top:0;
    right:0;
    height:100vh;
    width:min(84vw,360px);
    background:linear-gradient(145deg,#10151c,#050607);
    border-left:1px solid rgba(255,255,255,.12);
    box-shadow:-30px 0 80px rgba(0,0,0,.45);
    transform:translateX(105%);
    transition:.35s ease;
    z-index:999;
    padding:86px 24px 28px;
  }

  .mobile-drawer.open{transform:translateX(0)}
  .mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}

  .mobile-drawer a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#f8f4eb;
    font-weight:800;
    padding:17px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
    text-decoration:none;
  }

  .mobile-drawer a::after{
    content:"›";
    color:#bd9140;
    font-size:22px;
  }

  .mobile-drawer .drawer-cta{
    margin-top:22px;
    width:100%;
    justify-content:center;
    padding:14px 18px;
    border-radius:999px;
    background:#bd9140;
    color:#111;
    border:0;
  }

  .mobile-drawer .drawer-cta::after{content:""}
  body.drawer-lock{overflow:hidden}
}