/* Adaptación del menú de la casa: experiencia-live/menu-completo.css.
   Mismos papel, Satoshi, cuatro empresas, tintas y proporciones. */
.rail{justify-content:flex-end}
.menu-toggle{background:#EEE9DF;color:#21252E;border:1px solid rgba(33,37,46,.18);min-height:48px;font-weight:500}
.menu-toggle:hover{background:#F6F3ED;color:#21252E;border-color:#98A0AD}
#city-menu{inset:18px 22px auto auto;width:min(1040px,calc(100vw - 44px));max-height:calc(100svh - 36px);padding:0 26px 26px;border:1px solid #C8C3BA;border-radius:28px;background:#EEE9DF;color:#21252E;box-shadow:0 18px 55px #1A1D2440;overscroll-behavior:contain}
#city-menu::backdrop{background:rgba(26,29,36,.12)}
#city-menu .menu-heading{position:sticky;top:0;z-index:3;min-height:76px;padding:14px 0;background:#EEE9DF;border-bottom:1px solid #C8C3BA;margin-bottom:18px;gap:20px}
#city-menu .menu-heading h2{font-size:12px;letter-spacing:.12em;font-weight:500}
#city-menu .close-menu{flex:none;border:1px solid #98A0AD;color:#21252E;display:grid;place-items:center;padding:0;line-height:1}
#city-menu .menu-office-entry{display:flex;align-items:center;gap:16px;width:100%;padding:18px 22px;min-height:92px;border:1px solid #C8C3BA;border-radius:20px;background:#F6F3ED;color:#21252E;text-align:left}
.menu-office-entry .menu-office-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #98A0AD;border-radius:50%;font-size:24px;flex:none}
.menu-office-entry>span:last-child{font-size:23px;margin-left:auto}.menu-office-entry strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.03em}.menu-office-entry small{display:block;color:#515761;font-size:12px;line-height:1.5;margin-top:5px}
#city-menu .menu-office-entry:hover{background:#E8EAED}
#city-menu .menu-search{position:relative;display:flex;align-items:center;margin:18px 0 28px;gap:10px}
.menu-search>svg{position:absolute;left:15px;color:#515761;pointer-events:none}
.menu-search input{width:100%;min-height:48px;padding:12px 16px 12px 45px;border:1px solid #C8C3BA;background:#F6F3ED;color:#21252E;border-radius:14px;font:400 15px Satoshi,Arial,sans-serif}
#city-menu nav.menu-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
#city-menu .menu-family{min-width:0;--pillar:#4338CA;--pillar-ink:#4338CA}
#city-menu .menu-family[data-company=vertice]{--pillar:#1E293B;--pillar-ink:#1E293B;--pillar-bar:linear-gradient(90deg,#1E293B 0 80%,#8C805A 80%)}
#city-menu .menu-family[data-company=heraldo]{--pillar:#E4572E;--pillar-ink:#B7411C}
#city-menu .menu-family[data-company=inmobiliario]{--pillar:#2F6B4F;--pillar-ink:#2F6B4F}
#city-menu .menu-family .menu-pillar-brand{display:flex;align-items:center;width:100%;min-height:61px;padding:0 0 15px;margin:0 0 14px;border:0;border-radius:0;background:var(--pillar-bar,linear-gradient(var(--pillar),var(--pillar))) left bottom/100% 3px no-repeat}
.menu-pillar-brand img{display:block;width:140px;height:28px;object-fit:contain;object-position:left center}
[data-company=hostess] .menu-pillar-brand img{object-fit:cover;object-position:center;width:132px;height:34px}
[data-company=vertice] .menu-pillar-brand img{height:21px}[data-company=heraldo] .menu-pillar-brand img{height:23px}[data-company=inmobiliario] .menu-pillar-brand img{height:25px}
#city-menu .menu-pillar-label{font:500 10px/1.4 Satoshi,Arial,sans-serif;color:var(--pillar-ink);letter-spacing:.13em;text-transform:uppercase;margin:0 0 9px}
#city-menu .menu-family button.menu-service{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:48px;padding:10px 6px;border:0;border-bottom:1px solid #D6D0C6;border-radius:0;background:transparent;color:#21252E;font:400 13px/1.35 Satoshi,Arial,sans-serif;text-align:left}
#city-menu .menu-service:hover{background:#F6F3ED;border-radius:8px}
#city-menu .menu-service span{font:inherit;letter-spacing:0;color:inherit}#city-menu .menu-service>span:last-child{font-size:13px;opacity:.7}
#city-menu .menu-brain-entry{display:flex;width:100%;align-items:center;gap:22px;margin-top:27px;padding:14px;border:1px solid #C8C3BA;border-radius:22px;background:#F6F3ED;color:#21252E;text-align:left}
.menu-brain-entry>img{display:block;width:148px;height:104px;object-fit:cover;border-radius:14px}
.menu-brain-entry>span{display:grid;gap:7px}.menu-brain-entry small{font-size:10px;letter-spacing:.14em;color:#515761}.menu-brain-entry strong{font-size:23px;line-height:1.12;font-weight:500;letter-spacing:-.03em}.menu-brain-entry>span>span{font-size:12px;color:#515761}
#city-menu .menu-brain-entry:hover{border-color:#98A0AD}.menu-empty{font-size:14px;color:#515761;padding:12px 0}
#city-menu :focus-visible{outline:3px solid #3E8EA5;outline-offset:3px}
@media(max-width:1000px){#city-menu nav.menu-columns{grid-template-columns:1fr 1fr;gap:28px 24px}}
@media(max-width:600px){
 #city-menu{inset:10px 10px auto;width:calc(100vw - 20px);max-height:calc(100svh - 20px);border-radius:24px;padding:0 20px 22px}
 #city-menu .menu-heading{min-height:69px;margin-bottom:15px}
 #city-menu .menu-office-entry{gap:11px;padding:14px;min-height:94px}.menu-office-entry strong{font-size:20px}.menu-office-entry small{font-size:11px}.menu-office-entry .menu-office-icon{width:36px;height:36px;font-size:20px}
 #city-menu nav.menu-columns{grid-template-columns:1fr;gap:24px}
 #city-menu .menu-family button.menu-service{font-size:14px;min-height:46px}
 #city-menu .menu-family .menu-pillar-brand{min-height:54px;margin-bottom:12px}.menu-pillar-brand img{width:155px}
 #city-menu .menu-brain-entry{gap:14px;padding:11px}.menu-brain-entry>img{width:87px;height:107px}.menu-brain-entry strong{font-size:21px}
}
@media(max-height:500px) and (orientation:landscape){#city-menu{inset:8px 16px auto;max-height:calc(100svh - 16px);width:calc(100vw - 32px)}#city-menu .menu-heading{min-height:62px}}

/* Logos nuevos del Grupo (27-sep-2026): Heraldo 2.4:1 y la firma apilada de Alero. */
[data-company=heraldo] .menu-pillar-brand img{height:34px}
[data-company=inmobiliario] .menu-pillar-brand img{height:54px}
#city-menu .menu-centro-entry{margin-top:10px;text-decoration:none}