/* 2026-10-10 — Unified six-service megamenu and concise brochure button.
   Desktop-only menu layout; all other navigation and mobile behavior preserved. */
@media (min-width:1121px) {
  #rmh-mega-servicios.rmh-mega--services {
    width:100vw;
    max-width:none;
    border-inline:0;
  }
  #rmh-mega-servicios .rmh-mega__content--services {
    display:grid;
    grid-template-columns:minmax(240px,300px) minmax(0,1fr);
    gap:clamp(20px,2.9vw,44px);
    padding:clamp(24px,2.2vw,31px) clamp(28px,3.5vw,56px) clamp(26px,2.2vw,34px);
    align-items:start;
  }
  #rmh-mega-servicios .rmh-mega__intro--services {
    padding:8px clamp(15px,2vw,28px) 0 0;
  }
  #rmh-mega-servicios .rmh-mega__intro--services h2 {
    margin:15px 0 12px;
    font-size:clamp(1.8rem,2.45vw,2.6rem);
    max-width:100%;
  }
  #rmh-mega-servicios .rmh-mega__intro--services p {
    font-size:12px;
    line-height:1.7;
    max-width:31ch;
  }
  #rmh-mega-servicios .rmh-mega__intro--services .rmh-mega__all {
    margin-top:22px;
  }
  #rmh-mega-servicios .rmh-mega__cards--services {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(15px,1.65vw,28px) clamp(13px,1.7vw,25px);
    align-items:stretch;
  }
  #rmh-mega-servicios .rmh-mega-card--six {
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
    color:#172633;
    position:relative;
    padding-bottom:2px;
  }
  #rmh-mega-servicios .rmh-mega-card--six:focus-visible {
    outline:2px solid #E18763;
    outline-offset:4px;
  }
  #rmh-mega-servicios .rmh-mega-card--six .rmh-mega-card__image {
    height:clamp(86px,8vw,120px);
    flex:none;
    margin-bottom:4px;
  }
  #rmh-mega-servicios .rmh-mega-card--six .rmh-mega-card__index {
    display:block;
    font-size:9px;
    font-weight:800;
    color:#E18763;
    letter-spacing:.16em;
    line-height:1.5;
  }
  #rmh-mega-servicios .rmh-mega-card--six .rmh-mega-card__title {
    font-size:clamp(12px,1.04vw,15px);
    font-weight:760;
    line-height:1.29;
    letter-spacing:-.025em;
    margin-top:0;
    align-items:flex-start;
  }
  #rmh-mega-servicios .rmh-mega-card--six .rmh-mega-card__title svg {
    width:13px;
    height:13px;
    margin-top:1px;
  }
  #rmh-mega-servicios .rmh-mega-card--six .rmh-mega-card__type {
    font-size:clamp(10px,.8vw,11px);
    line-height:1.35;
    margin:0;
    min-height:0;
    color:#69767e;
  }
  /* Brochure is an independent absolute-positioned CTA; nav link positions do not change. */
  .rmh-header__main > .rmh-header__brochure {
    left:calc(100% + 30px);
  }
  .rmh-header__brochure {
    min-width:0;
    width:auto;
    padding:4px 13px 4px 4px;
    gap:8px;
    letter-spacing:.08em;
  }
  .rmh-header__brochure .rmh-brochure__label {
    display:block;
    position:static;
    width:auto;
    height:auto;
    clip-path:none;
    overflow:visible;
    white-space:nowrap;
  }
}
@media (min-width:1121px) and (max-width:1569px) {
  .rmh-header__main > .rmh-header__brochure {left:calc(100% + 18px);}
  /* Small desktop gutters cannot contain a pill without overlapping Contacto. */
  .rmh-header__brochure {width:34px;min-height:34px;padding:3px;gap:0;justify-content:center;}
  .rmh-header__brochure .rmh-brochure__icon {width:28px;height:28px;}
  .rmh-header__brochure .rmh-brochure__label {
    position:absolute;width:1px;height:1px;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap;
  }
  .rmh-header__brochure::after {content:'BROCHURE';}
}
@media (min-width:1121px) and (max-width:1240px) {
  .rmh-header__main > .rmh-header__brochure {left:calc(100% + 8px);}
  #rmh-mega-servicios .rmh-mega__content--services {
    grid-template-columns:250px minmax(0,1fr);
    gap:22px;
    padding:22px 24px 25px;
  }
  #rmh-mega-servicios .rmh-mega__cards--services {column-gap:13px;row-gap:14px;}
  #rmh-mega-servicios .rmh-mega-card--six .rmh-mega-card__image {height:83px;}
}
@media (max-width:1120px) {
  .rmh-mobile-level--root > .rmh-mobile-brochure .rmh-brochure__label {
    font-size:11px;
  }
}
@media (min-width:1121px) and (max-width:1240px) {
  /* Prevent the independent icon from crossing the viewport at narrow desktop widths. */
  .rmh-header__brochure {width:28px;min-height:28px;padding:2px;}
  .rmh-header__brochure .rmh-brochure__icon {width:24px;height:24px;}
  .rmh-header__brochure .rmh-brochure__icon svg {width:15px;height:15px;}
}