/* SeTechnota — navegación: reglas base migradas y estilos v0.1.2 */
.navigation-bar{background:var(--st-red);color:white}
.nav-inner{display:flex;justify-content:space-between;align-items:center;min-height:48px}
.menu-list{list-style:none;margin:0;padding:0}
.menu-list{display:flex;gap:29px;align-items:center;flex-wrap:wrap}
.menu-list a{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}
.menu-list a:hover,.menu-list .current-menu-item>a{color:#ffc8ac}
.search-toggle,.mobile-menu-toggle{font-size:23px;background:none;border:0;color:inherit;cursor:pointer}
.mobile-menu-toggle{display:none;color:var(--st-red)}
.header-search{background:var(--st-soft);padding:14px 0}
.header-search[hidden]{display:none}
.search-form{display:flex;gap:8px}
.search-form input{flex:1;min-width:0;border:1px solid #ccc;border-radius:3px;padding:11px}
.search-form button{background:var(--st-red);color:#fff;border:0;padding:0 22px;cursor:pointer}

/* SeTechnota · menú v0.1.2. Solo navegación y buscador. */
.navigation-bar { background: var(--st-red); }
.nav-inner { min-height: 48px; gap: 20px; }
.site-nav { min-width: 0; flex: 1; }
.menu-list { display: flex; align-items: stretch; gap: 4px; flex-wrap: nowrap; }
.menu-list li { position: relative; list-style: none; padding: 0; border: 0; }
.menu-list > li > a { display: flex; align-items: center; min-height: 48px; padding: 0 13px; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .25px; line-height: 1.3; text-transform: uppercase; transition: background .2s; }
.menu-list > li > a:hover, .menu-list > li:focus-within > a, .menu-list > li.current-menu-item > a, .menu-list > li.current-menu-ancestor > a { background: rgba(0,0,0,.16); color: #fff; }
.menu-list > li.current-menu-item > a::after, .menu-list > li.current-menu-ancestor > a::after { content: ''; position: absolute; bottom: 0; height: 2px; left: 13px; right: 13px; background: #d99a7b; }
.menu-list a:focus-visible, .submenu-toggle:focus-visible, .search-toggle:focus-visible, .mobile-menu-toggle:focus-visible { outline: 2px solid #fff; outline-offset: -3px; }
.menu-list .sub-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 70; min-width: 230px; max-width: min(320px,90vw); margin: 0; padding: 6px 0; list-style: none; background: #fff; border: 1px solid #e7e7e7; box-shadow: 0 12px 30px #0002; }
.menu-list .sub-menu .sub-menu { top: 0; left: 100%; }
.menu-list .sub-menu a { display: block; padding: 11px 16px; color: #242424; font-size: 12px; font-weight: 650; text-transform: none; letter-spacing: normal; }
.menu-list .sub-menu a:hover, .menu-list .sub-menu a:focus-visible { background: #f7f2f2; color: var(--st-red); }
@media (hover:hover) and (pointer:fine) { .menu-list li:hover > .sub-menu { display: block; } }
.menu-list li:focus-within > .sub-menu, .menu-list li.submenu-open > .sub-menu { display: block; }
.submenu-toggle { position: absolute; right: 1px; top: 5px; width: 30px; height: 38px; border: 0; background: transparent; color: #fff; cursor: pointer; }
.menu-list > li.menu-item-has-children > a { padding-right: 37px; }
.menu-list .sub-menu .submenu-toggle { color: #333; }
.menu-list .sub-menu li.menu-item-has-children > a { padding-right: 34px; }
.submenu-toggle span { display: inline-block; font-size: 20px; line-height: 1; transition: transform .2s; }
.submenu-open > .submenu-toggle span { transform: rotate(180deg); }
.search-toggle { display: grid; flex: 0 0 42px; place-items: center; height: 42px; padding: 0; border-radius: 2px; color: #fff; }
.search-toggle:hover, .search-toggle[aria-expanded=true] { background: #ffffff20; }
.header-search { border-bottom: 1px solid #e5e5e5; }
.header-search .search-form { max-width: 700px; margin-left: auto; }
.mobile-menu-toggle { width: 42px; height: 42px; place-items: center; }
.menu-icon, .menu-icon::before, .menu-icon::after { display: block; position: relative; width: 22px; height: 2px; border-radius: 2px; background: var(--st-red); transition: transform .2s; }
.menu-icon::before, .menu-icon::after { content: ''; position: absolute; left: 0; }
.menu-icon::before { transform: translateY(-7px); }.menu-icon::after { transform: translateY(7px); }
.mobile-menu-toggle[aria-expanded=true] .menu-icon { background: transparent; }
.mobile-menu-toggle[aria-expanded=true] .menu-icon::before { transform: rotate(45deg); }
.mobile-menu-toggle[aria-expanded=true] .menu-icon::after { transform: rotate(-45deg); }
@media (min-width:701px) and (max-width:900px) { .menu-list > li > a { padding-inline: 8px; font-size: 11px; }.menu-list { gap: 0; } }
@media (max-width:700px) {
  .mobile-menu-toggle { display: grid; }
  .nav-inner { position: relative; display: flex; align-items: center; flex-wrap: wrap; min-height: 40px; gap: 0; }
  .site-nav { display: none; flex: 0 0 100%; order: 2; width: 100%; }
  .site-nav.is-open { display: block; }
  .menu-list { display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 0 0 12px; }
  .menu-list li { padding: 0; border-bottom: 1px solid #ffffff26; }
  .menu-list > li > a { min-height: 45px; padding: 12px 12px; font-size: 13px; }
  .menu-list > li.current-menu-item > a::after, .menu-list > li.current-menu-ancestor > a::after { left: 0; right: auto; width: 3px; height: 70%; bottom: 15%; }
  .menu-list .sub-menu { display: none; position: static; min-width: 0; max-width: none; padding: 0 0 5px 12px; background: #470507; border: 0; box-shadow: none; }
  .menu-list .sub-menu .sub-menu { position: static; }
  .menu-list .sub-menu a { color: #fff; padding: 11px 13px; }
  .menu-list .sub-menu a:hover, .menu-list .sub-menu a:focus-visible { color: #fff; background: #ffffff17; }
  .menu-list li:focus-within > .sub-menu { display: none; }
  .menu-list li.submenu-open > .sub-menu { display: block; }
  .submenu-toggle { top: 3px; right: 5px; width: 40px; height: 39px; }
  .menu-list .sub-menu .submenu-toggle { color: #fff; }
  .search-toggle { margin-left: auto; }
}