/* MONKY · Inicio: submenú móvil R2 · franja translúcida y tipografía más pequeña. */
.home-mobile-subnav-space,.home-mobile-subnav {display:none}
@media (max-width:600px) {
  .home-page .home-mobile-subnav-space {
    display:block;position:absolute;top:77px;left:0;right:0;z-index:19;
    padding:0;background:transparent;
  }
  .home-page .home-mobile-subnav {
    position:relative;z-index:19;display:flex;align-items:center;
    justify-content:space-between;gap:12px;margin:0;
    min-height:44px;padding:0 6%;background:rgba(8,8,8,.35);color:#fff;
    font:400 13px/1.15 SairaNav,Arial,sans-serif;
  }
  /* La cabecera original ocupa 77 px, incluida su línea gris.
     La fila translúcida se superpone al techo de la foto; no se altera su escala. */
  .home-page .home-hero {padding-top:77px}
  .home-mobile-subnav .home-mobile-services {position:static}
  .home-mobile-subnav .home-mobile-subnav-item {
    position:relative;display:flex;align-items:center;justify-content:center;
    gap:6px;min-height:44px;margin:0;padding:0;border:0;
    background:transparent;color:#fff;font:inherit;text-decoration:none;
    white-space:nowrap;list-style:none;cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .home-mobile-subnav summary::-webkit-details-marker {display:none}
  .home-mobile-subnav-item::after {
    content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;
    background:#ed1018;opacity:0;transition:opacity .18s ease;
  }
  .home-mobile-subnav-item.is-active::after {opacity:1}
  .home-mobile-subnav-item:focus-visible {outline:1px solid #ed1018;outline-offset:2px}
  .home-mobile-subnav-item svg {
    width:12px;height:12px;fill:none;stroke:#a6a6a6;
    stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
    transition:transform .18s ease;
  }
  .home-mobile-services[open] summary svg {transform:rotate(180deg)}
  .home-mobile-subnav .home-mobile-services-list {
    position:absolute;top:100%;left:0;right:0;padding:8px 6% 12px;
    background:#111;box-shadow:0 10px 18px #0005;
  }
  .home-mobile-services-list a {
    display:flex;align-items:center;min-height:44px;padding:10px 0;
    color:#fff;text-decoration:none;font:400 13px/1.3 SairaNav,Arial,sans-serif;
  }
  .home-mobile-services-list a:active,
  .home-mobile-services-list a:focus-visible {color:#ff5552}
}
@media (max-width:600px) and (prefers-reduced-motion:reduce) {
  .home-mobile-subnav-item::after,.home-mobile-subnav-item svg {transition:none}
}