/* =====================================================================
   Header 03 · Bloques
   solid: sobre franja de la superficie oscura · overlay: flota sobre la 1.ª sección.
   ===================================================================== */

.lmr-h03{position:relative;z-index:40;padding-block:var(--h03-gap) 0;pointer-events:none}
.lmr-h03--solid{background:var(--dark);padding-bottom:var(--h03-gap)}
.lmr-h03--overlay{position:absolute;top:var(--admin-bar);left:0;right:0}

/* Fijo: sólido con sticky; superpuesto pasa a fixed al bajar (lo activa el JS). */
.lmr-sticky .lmr-h03--solid{position:sticky;top:var(--admin-bar)}
.lmr-h03.is-stuck{padding-top:0}
.lmr-h03--solid.is-stuck{padding-bottom:0;margin-bottom:calc(var(--h03-gap) * 2)}
.lmr-h03--overlay.is-stuck{position:fixed;animation:lmr-drop .3s cubic-bezier(.2,.8,.2,1)}
@keyframes lmr-drop{from{transform:translateY(-100%)}to{transform:none}}

.lmr-h03 > .container{max-width:var(--h03-max)}
.lmr-h03__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;height:var(--h03-h);box-shadow:0 20px 50px rgb(0 0 0 / .35);pointer-events:auto}
.lmr-h03__block{display:flex;align-items:center;height:100%}

/* Logo sobre blanco */
.lmr-h03__logo{background:var(--paper);padding:0 36px 0 32px;gap:14px}
.lmr-h03__logo .lmr-logo__mark{width:44px;height:44px;background:var(--accent);box-shadow:none}
.lmr-h03__logo .lmr-logo__mark svg{width:26px;height:26px}
.lmr-h03__logo .lmr-logo__name{font-weight:800;font-size:24px}

/* Menú oscuro + buscador */
.lmr-h03__navblock{background:var(--dark);justify-content:space-between;gap:20px;padding:0 24px 0 40px;min-width:0}
.lmr-h03__nav{flex:1;min-width:0;overflow:hidden}
.lmr-h03 .lmr-nav{display:flex;flex-wrap:nowrap;gap:clamp(18px,1.8vw,28px);list-style:none;margin:0;padding:0}
.lmr-h03 .lmr-nav a{color:#fff;text-decoration:none;font:600 clamp(12px,.95vw,14px)/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;position:relative;padding:8px 0;display:block}
.lmr-h03 .lmr-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent-on-dark);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.lmr-h03 .lmr-nav a:hover::after,.lmr-h03 .lmr-nav a[aria-current]::after,.lmr-h03 .lmr-nav .is-current > a::after{transform:scaleX(1)}

.lmr-h03__search{display:flex;align-items:center;flex:none}
.lmr-h03__search form{display:flex;overflow:hidden;width:0;transition:width .3s}
.lmr-h03__search.is-open form{width:min(320px,100%)}
/* Con el buscador abierto, el campo ocupa el sitio del menú. */
.lmr-h03.is-searching .lmr-h03__nav{display:none}
.lmr-h03.is-searching .lmr-h03__search{flex:1;justify-content:flex-end}
.lmr-h03__search input{width:100%;border:0;border-bottom:1px solid rgb(255 255 255 / .4);border-radius:0;background:transparent;color:#fff;font:inherit;font-size:14px;padding:8px 4px}
.lmr-h03__search input::placeholder{color:rgb(255 255 255 / .6)}
.lmr-h03__search input:focus{outline:none;border-bottom-color:var(--accent-on-dark)}
.lmr-h03__search button{width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center}
.lmr-h03__search button svg{width:22px;height:22px;fill:currentColor}

/* Botón principal en acento */
.lmr-h03__cta{flex:none;background:var(--accent);color:var(--on-accent);text-decoration:none;padding:0 30px;white-space:nowrap;font:700 15px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;position:relative;overflow:hidden;isolation:isolate;z-index:1}
.lmr-h03__cta::before{content:"";position:absolute;inset:0;background:var(--paper);transform:translateY(101%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:-1}
.lmr-h03__cta:hover{color:var(--accent-text)}
.lmr-h03__cta:hover::before{transform:translateY(0)}

/* WhatsApp cuadrado */
.lmr-h03__wa{flex:none;width:var(--h03-h);justify-content:center;background:var(--wa);color:#fff;text-decoration:none;transition:background-color .25s;position:relative;z-index:2}
.lmr-h03__wa:hover{background:var(--wa-hover)}
.lmr-h03__wa svg{width:30px;height:30px;fill:currentColor}

.lmr-h03 .lmr-burger{display:none;width:var(--h03-h);border:0;background:var(--dark);color:#fff;cursor:pointer;place-items:center}
.lmr-h03 .lmr-burger svg{width:26px;height:26px;fill:currentColor}

/* Si el menú no cabe completo, el JS activa .is-condensed: se oculta y aparece la hamburguesa. Nunca se recorta un ítem. */
.lmr-h03.is-condensed .lmr-h03__nav{visibility:hidden}
.lmr-h03.is-condensed .lmr-burger{display:grid}
.lmr-h03.is-condensed .lmr-h03__bar{grid-template-columns:auto minmax(0,1fr) auto auto auto}

@media (max-width:1180px){.lmr-h03__cta{padding:0 22px;font-size:13px}.lmr-h03__logo{padding:0 24px}}
@media (max-width:1100px){.lmr-h03__navblock{padding:0 24px}}
@media (max-width:960px){
  .lmr-h03__bar{grid-template-columns:1fr auto auto}
  .lmr-h03__navblock,.lmr-h03__cta{display:none}
  .lmr-h03 .lmr-burger{display:grid}
  .lmr-h03__logo{padding:0 20px}
}
@media (max-width:480px){
  .lmr-h03 > .container{padding-inline:12px}
  .lmr-h03__logo .lmr-logo__tagline{display:none}
}
