:root{
  --roma382-header-bg:#2E2E2E;
  --roma382-header-bg-sticky:rgba(46,46,46,.70);
}
.site-header,#site-navigation,.main-navigation{display:none!important}

.roma382-header{
  position:sticky;top:0;z-index:9999;width:100%;height:43px;
  background:var(--roma382-header-bg);color:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.14);
  transition:background-color .38s cubic-bezier(.2,.75,.2,1),box-shadow .38s ease,backdrop-filter .38s ease;
}
.roma382-header.is-sticky{
  background:var(--roma382-header-bg-sticky);
  box-shadow:0 4px 16px rgba(0,0,0,.16);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
}
.roma382-header__inner{
  width:min(100%,1200px);height:100%;margin:0 auto;display:flex;align-items:center;position:relative;
}
.roma382-header__logo{display:inline-flex;align-items:center;line-height:0}
.roma382-header__logo img{display:block;width:112px;height:auto}
.roma382-header__nav{margin-left:auto;display:flex;align-items:center;gap:clamp(42px,5vw,74px);height:100%}
.roma382-header__nav a{
  position:relative;display:inline-flex;align-items:center;height:100%;
  font-family:"ClashDisplay","Clash Display",sans-serif;font-size:13.5px;font-weight:400;line-height:1;
  color:#fff;text-decoration:none;white-space:nowrap;transition:opacity .22s ease,transform .22s ease;
}
.roma382-header__nav a:after{display:none!important}
.roma382-header__nav a:hover{color:#DA4E18;opacity:1;transform:none}
.roma382-header__nav a.is-active{color:#fff}
.roma382-header__phone,.roma382-header__toggle,.roma382-mobile-overlay,.roma382-mobile-menu{display:none}
/* El posicionamiento de anclas lo controla JS para evitar doble offset. */
[id]{scroll-margin-top:0}

@media (min-width:768px) and (max-width:1259px){
  .roma382-header__inner{padding-left:30px;padding-right:30px}
  .roma382-header__nav{gap:clamp(24px,3.4vw,48px)}
}

@media (max-width:767px){
  .roma382-header{height:35px}
  /* En mobile evitamos backdrop-filter en el header sticky porque puede alterar
     el comportamiento de los elementos fixed del sidebar/overlay. */
  .roma382-header.is-sticky{backdrop-filter:none;-webkit-backdrop-filter:none}

  .roma382-header__inner{width:100%;padding:0 14px;justify-content:flex-start;gap:12px}
  .roma382-header__toggle{
    display:inline-flex;width:18px;height:12px;padding:0;margin:0;border:0;background:transparent;
    flex-direction:column;justify-content:space-between;cursor:pointer;box-shadow:none
  }
  .roma382-header__toggle span{
    display:block;width:18px;height:1.5px;border-radius:4px;background:#fff;transform-origin:center;
    transition:transform .32s cubic-bezier(.2,.75,.2,1),opacity .22s ease
  }
  .roma382-header__toggle.is-open span:nth-child(1){transform:translateY(5.25px) rotate(45deg)}
  .roma382-header__toggle.is-open span:nth-child(2){opacity:0}
  .roma382-header__toggle.is-open span:nth-child(3){transform:translateY(-5.25px) rotate(-45deg)}
  .roma382-header__logo{position:static;left:auto;transform:none;margin-left:0}
  .roma382-header__logo img{width:85px}
  .roma382-header__nav{display:none}
  .roma382-header__phone{
    display:inline-flex;align-items:center;margin-left:auto;font-family:"Poppins",sans-serif;
    font-size:11px;font-weight:400;line-height:1;color:#fff;text-decoration:none;white-space:nowrap
  }
  .roma382-mobile-overlay{
    display:block;position:fixed;inset:0;z-index:9997;background:rgba(0,0,0,.44);
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease
  }
  .roma382-mobile-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .roma382-mobile-menu{
    display:flex;position:fixed;top:0;left:0;z-index:9998;width:min(82vw,320px);height:100dvh;
    padding:24px 22px 28px;background:#2E2E2E;color:#fff;flex-direction:column;
    transform:translateX(-104%);visibility:hidden;box-shadow:14px 0 30px rgba(0,0,0,.18);
    transition:transform .42s cubic-bezier(.22,.8,.2,1),visibility .42s
  }
  .roma382-mobile-menu.is-open{transform:translateX(0);visibility:visible}
  .roma382-mobile-menu__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.14);font-family:"ClashDisplay","Clash Display",sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}
  .roma382-mobile-menu__close{position:relative;width:18px;height:18px;padding:0;margin:0;border:0;background:transparent;box-shadow:none}
  .roma382-mobile-menu__close span{position:absolute;top:8px;left:0;width:18px;height:1.5px;background:#fff}
  .roma382-mobile-menu__close span:first-child{transform:rotate(45deg)}
  .roma382-mobile-menu__close span:last-child{transform:rotate(-45deg)}
  .roma382-mobile-menu__nav{display:flex;flex-direction:column;padding-top:22px}
  .roma382-mobile-menu__nav a{
    display:block;padding:11px 0;font-family:"ClashDisplay","Clash Display",sans-serif;font-size:18px;font-weight:400;
    line-height:1.2;color:#fff;text-decoration:none;opacity:0;transform:translateX(-10px);
    transition:opacity .26s ease,transform .32s ease
  }
  .roma382-mobile-menu.is-open .roma382-mobile-menu__nav a{opacity:1;transform:translateX(0)}
  .roma382-mobile-menu.is-open .roma382-mobile-menu__nav a:nth-child(1){transition-delay:.08s}
  .roma382-mobile-menu.is-open .roma382-mobile-menu__nav a:nth-child(2){transition-delay:.12s}
  .roma382-mobile-menu.is-open .roma382-mobile-menu__nav a:nth-child(3){transition-delay:.16s}
  .roma382-mobile-menu.is-open .roma382-mobile-menu__nav a:nth-child(4){transition-delay:.20s}
  .roma382-mobile-menu.is-open .roma382-mobile-menu__nav a:nth-child(5){transition-delay:.24s}

  @media (hover:hover){
    .roma382-mobile-menu__nav a:hover{color:#DA4E18}
  }
  .roma382-mobile-menu__phone{
    margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);
    font-family:"Poppins",sans-serif;font-size:12px;font-weight:400;color:#fff;text-decoration:none
  }
  [id]{scroll-margin-top:0}
}
html.roma382-menu-open,body.roma382-menu-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){
  .roma382-header,.roma382-header *,.roma382-mobile-overlay,.roma382-mobile-menu{transition:none!important;animation:none!important}
}