/* Sala Hnos — Cabecera móvil
   Las clases sala-cab-* están puestas en los contenedores de la cabecera global
   (Avanzado → Clases CSS). Medidas tomadas del diseño SALA-WEB-septiembre2026. */

/* ---------- Franjas fijas arriba, en todos los anchos ---------- */
header.elementor-location-header{position:sticky;top:0;z-index:90}
body.admin-bar header.elementor-location-header{top:var(--wp-admin--admin-bar--height,32px)}
@media (max-width:600px){body.admin-bar header.elementor-location-header{top:0}}
/* Las anclas no quedan tapadas por la cabecera (el alto lo mide el script) */
html{scroll-padding-top:var(--sala-h-cab,0px)}

/* ---------- Hamburguesa: sólo tablet y celular ---------- */
.elementor-widget-sala_menu_movil{width:auto;flex:none}
.sala-mm-burger{display:none;flex:none;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid #dce0d9;border-radius:3px;background:transparent;cursor:pointer;transition:border-color .15s;box-shadow:none;min-height:0}
.sala-mm-burger:hover,.sala-mm-burger:focus{border-color:#367c2b;background:transparent}
.sala-mm-burger:focus-visible{outline:2px solid #367c2b;outline-offset:2px}
.sala-mm-burger span{display:flex;flex-direction:column;gap:4px;width:20px}
.sala-mm-burger i{display:block;height:2px;border-radius:1px;background:#367c2b}
@media (max-width:1024px){.sala-mm-burger{display:inline-flex}}
@media (min-width:1025px){.elementor-widget-sala_menu_movil{display:none}}

/* ---------- Panel lateral ---------- */
.sala-mm-velo{position:fixed;inset:0;z-index:9990;background:#0a150999;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .22s}
.sala-mm-velo.abierto{opacity:1;pointer-events:auto}
.sala-mm-panel{--mm-acento:#ffde00;position:fixed;top:0;right:0;bottom:0;z-index:9995;display:flex;flex-direction:column;width:min(21rem,88vw);padding:1rem 1.35rem 1.6rem;background:#0a1509;color:#fff;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform .26s;font-family:"Aneba Neue Regular",system-ui,sans-serif;line-height:normal;box-sizing:border-box;text-align:left}
.sala-mm-panel[hidden],.sala-mm-velo[hidden]{display:none}
.sala-mm-panel.abierto{transform:translateX(0)}
@media (prefers-reduced-motion:reduce){.sala-mm-panel,.sala-mm-velo{transition:none}}
html.sala-mm-bloqueo,html.sala-mm-bloqueo body{overflow:hidden!important}
.sala-mm-panel a{text-decoration:none!important}
.sala-mm-cab{display:flex;justify-content:space-between;align-items:center;padding-bottom:.9rem;border-bottom:1px solid #ffffff24}
.sala-mm-tit{text-transform:uppercase;letter-spacing:.1em;color:var(--mm-acento);font-size:.72rem;font-family:"Aneba Neue Bold Italic";font-weight:700}
.sala-mm-cerrar{width:34px;height:34px;min-height:0;padding:0;border:0;border-radius:50%;background:#ffffff1a;color:#fff;font-size:1.3rem;line-height:1;font-family:inherit;cursor:pointer;box-shadow:none}
.sala-mm-cerrar:focus{background:#ffffff1a;color:#fff;outline:0}
.sala-mm-cerrar:hover,.sala-mm-cerrar:focus-visible{background:#23511c;color:#fff}
.sala-mm-cerrar:focus-visible{outline:2px solid #ffde00;outline-offset:2px}
.sala-mm-nav{display:flex;flex-direction:column;padding:.5rem 0 .9rem}
.sala-mm-nav>a{display:block;padding:.72rem 0;border-bottom:1px solid #ffffff17;color:#fff;text-transform:uppercase;font-size:1.05rem;font-family:"Aneba Neue Bold Italic";font-weight:700;line-height:1.15;transition:color .15s}
.sala-mm-nav>a:hover,.sala-mm-nav>a.on{color:var(--mm-acento)}
.sala-mm-sub{display:flex;flex-direction:column;margin:0 0 0 .9rem;border-left:2px solid #ffffff29;border-bottom:1px solid #ffffff17}
.sala-mm-sub a{display:block;padding:.5rem 0 .5rem .85rem;color:#ffffffc7;font-size:.86rem;font-family:"Aneba Neue Italic";font-weight:500;line-height:1.15;transition:color .15s}
.sala-mm-sub a:hover,.sala-mm-sub a.on{color:var(--mm-acento)}
.sala-mm-guardia{margin-top:auto;padding-top:1.1rem}
.sala-mm-h{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mm-acento);font-size:.7rem;font-family:"Aneba Neue Bold Italic";font-weight:700}
.sala-mm-pulso{flex:none;width:7px;height:7px;border-radius:50%;background:var(--mm-acento);animation:sala-mm-lat 2.4s ease-in-out infinite}
@keyframes sala-mm-lat{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.sala-mm-pulso{animation:none}}
.sala-mm-tels{display:flex;flex-direction:column;gap:1px;overflow:hidden;border:1px solid #ffffff24;border-radius:4px;background:#ffffff1f}
.sala-mm-tel{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:48px;padding:.72rem .85rem;background:#0a1509;transition:background .15s;box-sizing:border-box}
.sala-mm-tel:hover,.sala-mm-tel:active{background:#ffffff12!important}
.sala-mm-tel span{letter-spacing:.09em;text-transform:uppercase;color:#ffffff8c;font-size:.66rem}
.sala-mm-tel b{color:var(--mm-acento);font-variant-numeric:tabular-nums;font-size:.94rem;font-family:"Aneba Neue Medium";font-weight:500}
.sala-mm-cta{display:flex;justify-content:center;align-items:center;margin-top:1rem;padding:.95rem 1.6rem;border:2px solid transparent;border-radius:3px;background:#367c2b;color:#fff!important;text-transform:uppercase;letter-spacing:.045em;font-size:.86rem;font-family:"Aneba Neue Bold Italic";font-weight:700;line-height:normal;transition:background .15s}
.sala-mm-cta:hover{background:#23511c}

/* ---------- Tablet y celular (1024 px o menos, el corte de tablet de Elementor) ---------- */
@media (max-width:1024px){
	/* Guardia: título arriba y teléfonos en línea, que envuelven de a dos en el celular */
	.sala-cab-guardia,.sala-cab-guardia>.e-con-inner{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:.1rem!important}
	.sala-cab-guardia{width:100%!important;max-width:100%!important;--padding-top:.4rem;--padding-bottom:.4rem;--padding-left:clamp(1.25rem,4vw,3.5rem);--padding-right:clamp(1.25rem,4vw,3.5rem);padding:.4rem clamp(1.25rem,4vw,3.5rem)!important}
	.sala-cab-guardia>.e-con-inner{padding:0!important;max-width:100%!important}
	.sala-cab-lbl{width:100%!important;max-width:100%!important;flex:0 0 100%!important;padding:0!important;margin:0 0 .4rem!important}
	.sala-cab-lbl .elementor-widget-html,.sala-cab-lbl .elementor-widget{width:100%!important;max-width:100%!important;margin:0!important}
	.sala-cab-lbl .sala-guardia{min-height:0;padding:0;background:transparent}
	.sala-cab-lbl .sala-guardia-lbl{line-height:normal;min-height:16px}
	.sala-cab-guardia{min-height:0!important;align-content:flex-start!important}
	.elementor-location-header>:has(.sala-cab-guardia),.elementor-location-header>:has(.sala-cab-barra){margin:0!important}
	.sala-cab-tel{width:auto!important;max-width:none!important;flex:0 0 auto!important;padding:0!important;margin:0!important;min-height:0!important}
	.sala-cab-tel .elementor-widget-text-editor{width:auto!important;margin:0!important}
	.sala-cab-tel p{margin:0!important;line-height:normal!important}
	.sala-cab-tel a{display:inline-block;padding:.28rem .6rem!important;border-radius:2px!important;font-size:.72rem!important;line-height:normal!important;font-family:"Aneba Neue Medium",sans-serif!important}
	.sala-cab-tel a b{margin-left:.3rem!important}

	/* Barra blanca: logo a la izquierda; botón y hamburguesa a la derecha, en una línea */
	.sala-cab-barra,.sala-cab-barra>.e-con-inner{flex-direction:row!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:0!important}
	.sala-cab-barra{padding:0 clamp(1.25rem,4vw,3.5rem)!important;min-height:88px!important}
	.sala-cab-barra>.e-con-inner{padding:0!important;max-width:100%!important}
	.sala-cab-logo{width:auto!important;max-width:none!important;flex:0 0 auto!important;padding:.9rem 1.35rem .9rem 0!important;margin:0!important}
	.sala-cab-logo img{width:104px!important;max-width:104px!important;height:auto!important;display:block}
	.sala-cab-nav{display:none!important}
	.sala-cab-acc{width:auto!important;max-width:none!important;flex:0 0 auto!important;margin:0 0 0 auto!important;padding:0!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:1.8rem!important}
	.sala-cab-acc .elementor-widget-button{width:auto!important;margin:0!important}
	.sala-cab-acc .elementor-button{padding:.65rem 1.2rem!important;font-size:.8rem!important;letter-spacing:.04em!important;line-height:normal!important;border-radius:3px!important;white-space:nowrap}
}
/* Celular: los teléfonos arrancan desde la izquierda, como en el diseño */
@media (max-width:720px){
	.sala-cab-guardia,.sala-cab-guardia>.e-con-inner{justify-content:flex-start!important}
}
/* Celulares chicos: que nada se salga de la pantalla */
@media (max-width:380px){
	.sala-cab-logo{padding-right:.8rem!important}
	.sala-cab-logo img{width:92px!important;max-width:92px!important}
	.sala-cab-acc{gap:.6rem!important}
	.sala-cab-acc .elementor-button{padding:.6rem .8rem!important;font-size:.72rem!important}
	.sala-cab-tel a{padding:.28rem .45rem!important}
}
