/* Menú principal v9 · La Fontana · Zyblinca 25-oct-2026
   Base: LaFontana-portada-menu-v9-compu-celular.html (reglas v4, v5 y v6 del menú). */

/* Reserva de altura: el menú fijo no tapa el contenido (reemplaza los 100 px del CSS del sitio). */
body{padding-top:100px;background-color:#f7f5ef}
/* 25-oct: todas las páginas con el mismo fondo crema que Inicio (pedido de Matías). */

.lf-menu{position:fixed;top:0;left:0;right:0;z-index:1030;height:100px;background:#f7f5ef;border-bottom:1px solid #dedfd4;color:#282b25;font-family:Montserrat,Arial,sans-serif}
.lf-menu *{box-sizing:border-box}
/* El CSS del sitio fuerza Open Sans en a/span/li: se fija la tipografía del menú. */
.lf-menu a,.lf-menu span,.lf-menu button{font-family:Montserrat,Arial,sans-serif}
.lf-menu__interior{max-width:1440px;height:100%;margin:auto;padding:9px 52px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.lf-menu__marca{display:flex;align-items:center;flex:none}
.lf-menu__logo{display:block;width:145px;height:80px;object-fit:contain}
.lf-menu__enlaces{display:flex;align-items:center;gap:19px}
.lf-menu__enlaces a{position:relative;color:#33382e;text-decoration:none;font-size:17px;font-weight:400;line-height:1.5;white-space:nowrap;padding:10px 7px;border:1px solid transparent}
.lf-menu__enlaces a:hover{color:#5c6e1f;text-decoration:none}
.lf-menu__enlaces>a:not(.lf-menu__red)::after{content:"";position:absolute;left:7px;right:7px;bottom:3px;height:2px;background:#a1bc3c;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.lf-menu__enlaces>a:not(.lf-menu__red):hover::after,.lf-menu__enlaces>a:not(.lf-menu__red):focus-visible::after{transform:scaleX(1)}
/* Solo la página o sección activa lleva marco verde, sin relleno. Cotizador no tiene marco propio. */
.lf-menu__enlaces .lf-menu__cotizar{padding:10px 7px;font-size:17px;font-weight:400;color:#33382e}
.lf-menu__enlaces a[aria-current]{border:1px solid #a1bc3c;background:transparent;color:#435116;padding:10px 13px}
.lf-menu__enlaces>a[aria-current]::after{display:none}
.lf-menu__enlaces .lf-menu__red{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:44px;padding:8px;color:#435116}
.lf-menu__red svg{display:block;width:21px;height:21px}
.lf-menu__enlaces .lf-menu__red:hover{background:#e6ebd8}
.lf-menu a:focus-visible,.lf-menu__abrir:focus-visible{outline:3px solid #5c6e1f;outline-offset:5px}
.lf-menu__abrir{display:none;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid #b9bfaa;border-radius:0;background:transparent;color:#435116;cursor:pointer}
.lf-menu__abrir svg{width:23px;height:23px}

@media(min-width:1051px) and (max-width:1200px){.lf-menu__interior{padding-left:28px;padding-right:28px;gap:18px}.lf-menu__enlaces{gap:10px}.lf-menu__enlaces a,.lf-menu__enlaces .lf-menu__cotizar{font-size:16px}}

@media(max-width:1050px){
body{padding-top:84px}
.lf-menu{height:84px}
.lf-menu__interior{padding:6px 24px}
.lf-menu__logo{width:125px;height:70px}
.lf-menu__abrir{display:flex}
.lf-menu__enlaces{display:none;position:absolute;top:84px;left:0;right:0;gap:0;padding:16px 24px 24px;background:#f7f5ef;border-bottom:1px solid #d9dbce;box-shadow:0 12px 18px rgba(20,30,20,.07);max-height:calc(100vh - 84px);max-height:calc(100svh - 84px);overflow-y:auto}
.lf-menu__enlaces[data-abierto="true"]{display:flex;flex-direction:column;align-items:stretch}
.lf-menu__enlaces a{display:block;min-height:46px;font-size:17px;padding:13px 9px}
.lf-menu__enlaces>a:not(.lf-menu__red)::after{left:9px;right:auto;width:38px;bottom:6px}
.lf-menu__enlaces .lf-menu__cotizar{padding:13px 9px;margin:0;text-align:left;font-size:17px}
.lf-menu__enlaces a[aria-current]{padding:12px;margin:4px 0;background:transparent}
.lf-menu__enlaces .lf-menu__red{width:auto;justify-content:flex-start;gap:12px;min-height:46px;height:auto;padding:12px 9px}
.lf-menu__red::before{content:attr(data-nombre);order:2;font-size:15px}
}

@media(max-width:700px){
body{padding-top:78px}
.lf-menu{height:78px}
.lf-menu__interior{padding:5px 20px}
.lf-menu__logo{width:116px;height:66px}
.lf-menu__enlaces{top:78px;max-height:calc(100vh - 78px);max-height:calc(100svh - 78px)}
}

@media(prefers-reduced-motion:reduce){.lf-menu__enlaces>a::after{transition:none}}