/* Encabezado público del blog — menú responsive */
.bew-header{--bew-ink:#1f2326;--bew-bg:#f2eee6;--bew-accent:#e8a31a;position:relative;z-index:50;background:var(--bew-bg);border-bottom:1.5px solid var(--bew-ink);font-family:"Archivo","Helvetica Neue",Arial,sans-serif;line-height:1.2}
.bew-header *,.bew-header *::before,.bew-header *::after{box-sizing:border-box}
.bew-bar{max-width:1120px;margin:0 auto;padding:0 22px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}

/* Logo */
.bew-logo{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;padding-bottom:8px;color:var(--bew-ink);text-decoration:none;flex:0 0 auto}
.bew-logo-main{font-weight:900;font-size:27px;letter-spacing:.05em;line-height:1}
.bew-logo-sub{margin-top:4px;font-weight:600;font-size:9.5px;letter-spacing:.34em;line-height:1;white-space:nowrap}
.bew-logo-line{position:absolute;left:0;bottom:0;width:100%;height:7px;fill:none;stroke:var(--bew-accent);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.bew-logo-line path{vector-effect:non-scaling-stroke}

/* Navegación (escritorio) */
.bew-nav{display:flex;align-items:center;gap:34px}
.bew-nav ul{display:flex;align-items:center;gap:30px;margin:0;padding:0;list-style:none}
.bew-nav li{margin:0}
.bew-nav ul a{display:inline-block;padding:6px 0;color:var(--bew-ink);font-weight:600;font-size:15px;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .15s}
.bew-nav ul a:hover,.bew-nav ul a:focus-visible,.bew-nav ul a[aria-current="page"]{border-bottom-color:var(--bew-accent)}
.bew-cta{display:inline-block;padding:11px 22px;background:var(--bew-ink);color:#fff!important;font-weight:700;font-size:15px;text-decoration:none;border-radius:4px;box-shadow:3px 3px 0 var(--bew-accent);transition:transform .12s,box-shadow .12s}
.bew-cta:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--bew-accent)}
.bew-header a:focus-visible,.bew-toggle:focus-visible{outline:3px solid var(--bew-accent);outline-offset:3px;border-radius:3px}

/* Botón hamburguesa (oculto en escritorio) */
.bew-toggle{display:none;width:46px;height:46px;margin:0;padding:0;border:1.5px solid var(--bew-ink);border-radius:6px;background:transparent;cursor:pointer;align-items:center;justify-content:center}
.bew-toggle:hover{opacity:1;background:rgba(31,35,38,.06)}
.bew-bars{position:relative;display:block;width:22px;height:16px}
.bew-bars span{position:absolute;left:0;width:100%;height:2.5px;background:var(--bew-ink);border-radius:2px;transition:transform .2s,opacity .2s,top .2s}
.bew-bars span:nth-child(1){top:0}
.bew-bars span:nth-child(2){top:6.75px}
.bew-bars span:nth-child(3){top:13.5px}
.is-open .bew-bars span:nth-child(1){top:6.75px;transform:rotate(45deg)}
.is-open .bew-bars span:nth-child(2){opacity:0}
.is-open .bew-bars span:nth-child(3){top:6.75px;transform:rotate(-45deg)}

/* Celular y tablet */
@media (max-width:900px){
  .bew-bar{height:66px;padding:0 18px}
  .bew-toggle{display:inline-flex}
  .bew-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:6px 18px 22px;background:var(--bew-bg);border-bottom:1.5px solid var(--bew-ink);box-shadow:0 18px 30px rgba(31,35,38,.14)}
  .is-open .bew-nav{display:flex}
  .bew-nav ul{flex-direction:column;align-items:stretch;gap:0}
  .bew-nav li{border-bottom:1px solid rgba(31,35,38,.14)}
  .bew-nav ul a{display:block;padding:16px 2px;font-size:18px;border-bottom:0}
  .bew-nav ul a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--bew-accent);padding-left:14px}
  .bew-cta{margin-top:20px;text-align:center;padding:14px 22px;font-size:17px}
}
@media (max-width:380px){.bew-logo-main{font-size:24px}.bew-logo-sub{font-size:8.5px}}
@media (prefers-reduced-motion:reduce){.bew-bars span,.bew-cta,.bew-nav ul a{transition:none}}