/* Menú principal de alejandropaezs.com (compartido por todas las páginas).
   Usa las variables de color de cada página (--verde-oscuro, --verde, --dorado, --texto). */
.barra{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(15,81,50,.08),0 4px 16px rgba(0,0,0,.04)}
.barra-int{display:flex;align-items:center;gap:20px;height:70px;max-width:1340px;margin:0 auto;padding:0 24px}
.logo{font-family:'Playfair Display',serif;font-weight:700;font-size:1.2rem;color:var(--verde-oscuro);text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap;flex:0 0 auto}
.logo svg{width:30px;height:30px;flex:0 0 auto}

.menu{margin-left:auto;display:flex;align-items:center}
.menu ul{list-style:none;display:flex;align-items:center;gap:2px}
.menu a{display:block;white-space:nowrap;color:var(--texto);text-decoration:none;font-weight:500;font-size:.92rem;line-height:1;padding:10px 11px;border-radius:8px;transition:color .15s,background .15s}
.menu a:hover{color:var(--verde-oscuro);background:rgba(15,81,50,.06)}
.menu a[aria-current="page"],.menu a.activo{color:var(--verde-oscuro);font-weight:600;box-shadow:inset 0 -2px 0 var(--dorado)}
.menu .sep{width:1px;height:22px;background:rgba(15,81,50,.15);margin:0 6px}
.menu .m-feria{color:#8a6a0c;font-weight:600;border:1.5px solid rgba(201,162,39,.6);border-radius:999px;padding:8px 12px}
.menu .m-feria:hover{background:rgba(201,162,39,.12);color:#6e540a}
.menu .m-cta{background:var(--verde-oscuro);color:#fff;font-weight:600;border-radius:999px;padding:12px 18px;margin-left:8px}
.menu .m-cta:hover{background:#0b3d26;color:#fff}
.menu a:focus-visible,.hamburguesa:focus-visible{outline:3px solid rgba(5,150,105,.45);outline-offset:2px}

.hamburguesa{display:none;margin-left:auto;width:46px;height:46px;border:1px solid rgba(15,81,50,.15);border-radius:12px;background:#fff;cursor:pointer;align-items:center;justify-content:center}
.hamburguesa span{display:block;width:22px;height:2px;background:var(--verde-oscuro);border-radius:2px;position:relative;transition:transform .2s,background .2s}
.hamburguesa span::before,.hamburguesa span::after{content:"";position:absolute;left:0;width:22px;height:2px;background:var(--verde-oscuro);border-radius:2px;transition:transform .2s}
.hamburguesa span::before{top:-7px}.hamburguesa span::after{top:7px}
.hamburguesa[aria-expanded="true"] span{background:transparent}
.hamburguesa[aria-expanded="true"] span::before{transform:translateY(7px) rotate(45deg)}
.hamburguesa[aria-expanded="true"] span::after{transform:translateY(-7px) rotate(-45deg)}

/* Pantallas medianas y móviles: menú desplegable */
@media (max-width:1340px){
  .hamburguesa{display:flex}
  .menu{position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;box-shadow:0 16px 30px rgba(0,0,0,.10);border-top:1px solid rgba(15,81,50,.08);display:none;max-height:calc(100vh - 70px);overflow:auto}
  .menu.abierto{display:block}
  .menu ul{flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;max-width:640px;margin:0 auto}
  .menu a{font-size:1.02rem;padding:15px 6px;border-radius:0;border-bottom:1px solid #f0f2f1}
  .menu a[aria-current="page"],.menu a.activo{box-shadow:inset 3px 0 0 var(--dorado);padding-left:14px}
  .menu .sep{display:none}
  .menu .m-feria{border:none;border-bottom:1px solid #f0f2f1;border-radius:0;padding:15px 6px}
  .menu .m-cta{margin:16px 0 0;text-align:center;padding:16px;border-radius:12px;border-bottom:none}
}
@media (prefers-reduced-motion:reduce){.menu a,.hamburguesa span,.hamburguesa span::before,.hamburguesa span::after{transition:none}}