/* AM_HEADER_SHARED_20261005: Home-approved rules now include page 36; specificity preserved. */
/* AM global header V1. Staging only. Scope: header/navigation; no page bodies. */
body :is(#masthead, #header, #topbar, .header-wrap, .header-top, .header-top-container, .sticky, .stickynavbar, .menubar) {
  background: #0B0B0B !important;
  border-color: #1B1B1B !important;
}
body #header :is(.header-top, .header-top-container)::before,
body #header :is(.header-top, .header-top-container)::after {
  background: #0B0B0B !important;
  border-color: #1B1B1B !important;
}
body #header .logo { padding-block: 12px; }
body #header .header-top-content { color: #A8A8A8 !important; }
body #header .header-top-content a { color: #FFFFFF !important; }
body #header .main-navigation a {
  color: #FFFFFF !important;
  background-color: transparent !important;
  font-weight: 400;
  letter-spacing: .045em;
  line-height: 1.5;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
body #header .main-navigation :is(li, a):is(:hover, :focus-within),
body #header .main-navigation :is(.current-menu-item, .current_page_item) {
  background-color: #1B1B1B !important;
  border-color: #1B1B1B !important;
}
body #header .main-navigation :is(.sub-menu, ul ul) {
  background: #111111 !important;
  border: 1px solid #1B1B1B !important;
  box-shadow: none !important;
}
body #header .main-navigation :is(.sub-menu, ul ul) a {
  background: #111111 !important;
  color: #FFFFFF !important;
  border-color: #1B1B1B !important;
}
body #header .main-navigation :is(.sub-menu, ul ul) a:is(:hover, :focus-visible) {
  background: #1B1B1B !important;
}
body #header .main-navigation a::before,
body #header .main-navigation a::after {
  border-color: #A8A8A8 !important;
  color: #FFFFFF !important;
}
body #header .header-btn .btn-primary {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 1px solid #A8A8A8 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  font-weight: 400;
  letter-spacing: .065em;
  padding: 10px 16px;
  max-width: 100%;
  transition: color 180ms ease, background-color 180ms ease;
}
body #header .header-btn .btn-primary:is(:hover, :focus-visible) {
  background: #FFFFFF !important;
  color: #0B0B0B !important;
}
body #header .header-btn .btn-primary::before,
body #header .header-btn .btn-primary::after { background: transparent !important; }
body #header :is(.main-navigation a, .header-btn .btn-primary):focus-visible {
  outline: 1px solid #FFFFFF;
  outline-offset: 3px;
}
body #masthead,
body #header,
body #header .header-wrap,
body #header .main-header-box {
  background: #0B0B0B !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
  box-shadow: none !important;
}
body #header .logo,
body #masthead .site-branding {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body #header .logo img,
body #masthead .custom-logo-link img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 52px !important;
  object-fit: contain;
}
body #topbar,
body #header .header-top,
body #header .header-top-container {
  background: #0B0B0B !important;
  padding-block: 2px !important;
  border-color: #1B1B1B !important;
}
body #topbar :is(a, p, span, i) { color: #FFFFFF !important; }
body #header .main-navigation a {
  font-size: 14px !important;
  line-height: 1.4 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  color: #FFFFFF !important;
}
body #header .main-navigation :is(ul ul, ul ul li, ul ul a) {
  background: #111111 !important;
  color: #FFFFFF !important;
  border-color: #1B1B1B !important;
}
body #header .main-navigation ul ul :is(li:hover, a:hover, a:focus-visible) {
  background: #1B1B1B !important;
}
body #header .main-navigation a::before,
body #header .main-navigation a::after { background: transparent !important; }
body #header .header-btn .btn-primary {
  padding: 8px 14px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  background: transparent !important;
  border: 1px solid #A8A8A8 !important;
  border-radius: 2px !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
body #header .header-btn .btn-primary:is(:hover, :focus-visible) {
  background: #FFFFFF !important;
  color: #0B0B0B !important;
}

body #header .main-header-box .row { align-items: center; }
body #header :is(.mobile-menu, .mobile_nav) {
  background: #111111 !important;
  color: #FFFFFF !important;
  max-width: 100vw;
}
body #header :is(.mobile-menu, .mobile_nav) a,
body #header :is(.mobile_nav, .closebtn, .fa-bars, .fa-times) { color: #FFFFFF !important; }
@media (prefers-reduced-motion: reduce) {
  body #header :is(.main-navigation a, .header-btn .btn-primary) { transition: none; }
}

/* AM_HOME21_HEADER_20261004 — CSS correction; shared with page 36. */
body:is(.page-id-36,:not(.page-id-36)) #header .header-top {
  min-height: 0 !important;
  padding-block: 0 !important;
  font-size: 12px;
  line-height: 18px;
}
body:is(.page-id-36,:not(.page-id-36)) #header .header-top-content div {
  padding-block: 0 !important;
  padding-inline: 12px;
}
body:is(.page-id-36,:not(.page-id-36)) #header .header-top-container {
  padding-block: 0 !important;
  min-height: 0 !important;
}
body:is(.page-id-36,:not(.page-id-36)) #header .main-header-box {
  padding-block: 4px !important;
  height: auto !important;
}
body:is(.page-id-36,:not(.page-id-36)) #header .row.bg-media {
  padding-block: 0 !important;
}
body:is(.page-id-36,:not(.page-id-36)) #header .logo {
  padding-block: 0 !important;
}
body:is(.page-id-36,:not(.page-id-36)) #header .logo img,
body:is(.page-id-36,:not(.page-id-36)) #masthead .custom-logo-link img {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 72px !important;
  object-fit: contain;
}
body:is(.page-id-36,:not(.page-id-36)) :is(#masthead, #header, .header-wrap).stickynavbar {
  height: auto !important;
  min-height: 0 !important;
}
body.home:is(.page-id-36,:not(.page-id-36)) .header-wrap {
  margin-bottom: 0 !important;
}
@media (max-width: 1199px) {
  body:is(.page-id-36,:not(.page-id-36)) #header .logo img,
  body:is(.page-id-36,:not(.page-id-36)) #masthead .custom-logo-link img {
    max-height: 64px !important;
  }
}
@media (max-width: 767px) {
  body:is(.page-id-36,:not(.page-id-36)) #header .main-header-box {
    padding-block: 4px !important;
  }
  body:is(.page-id-36,:not(.page-id-36)) #header .logo img,
  body:is(.page-id-36,:not(.page-id-36)) #masthead .custom-logo-link img {
    max-height: 64px !important;
    max-width: min(100%, 180px) !important;
  }
  body:is(.page-id-36,:not(.page-id-36)) #header .header-top-content {
    flex-wrap: wrap;
    min-width: 0;
  }
}

/* AM_HOME22_HEADER_20261004 — reversible logo refinement; shared with page 36. */
body:is(.page-id-36,:not(.page-id-36)) #header .logo img,
body:is(.page-id-36,:not(.page-id-36)) #masthead .custom-logo-link img {
 max-height: 80px !important;
 width: auto !important; max-width: 100% !important; height: auto !important; object-fit: contain;
}
body:is(.page-id-36,:not(.page-id-36)) #header .main-header-box { padding-block: 2px !important; }
@media (max-width: 1199px) {
 body:is(.page-id-36,:not(.page-id-36)) #header .logo img, body:is(.page-id-36,:not(.page-id-36)) #masthead .custom-logo-link img { max-height: 70px !important; }
}
@media (max-width: 767px) {
 body:is(.page-id-36,:not(.page-id-36)) #header .logo img, body:is(.page-id-36,:not(.page-id-36)) #masthead .custom-logo-link img { max-width: min(100%, 190px) !important; }
}

/* AM_HOME24_HEADER_20261004 — compact header and neutral accents; shared with page 36. */
body:is(.page-id-36,:not(.page-id-36)) #header { --color-primary: #fff; }
body:is(.page-id-36,:not(.page-id-36)) #header :is(.nav_wrap, .main-header-box, .logo, .header-nav, .header-top, .header-top-container) { min-height: 0 !important; height: auto !important; margin-block: 0 !important; padding-block: 0 !important; }
body:is(.page-id-36,:not(.page-id-36)) #header .main-header-box > .row { align-items: center !important; margin-block: 0 !important; padding-block: 0 !important; }
body:is(.page-id-36,:not(.page-id-36)) #header .row.bg-media { padding-block: 0 !important; }
body:is(.page-id-36,:not(.page-id-36)) #header .header-top-content div { padding-block: 0 !important; }
body:is(.page-id-36,:not(.page-id-36)) #header .logo img, body:is(.page-id-36,:not(.page-id-36)) #masthead .custom-logo-link img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 84px !important; object-fit: contain; }
body:is(.page-id-36,:not(.page-id-36)) #header .logo :is(h2,p) { margin-block: 0 !important; }
body:is(.page-id-36,:not(.page-id-36)) #header .main-navigation :is(.current_page_item,.current-menu-item) > a { color: #fff !important; border-bottom-color: #b8b8b8 !important; }
body:is(.page-id-36,:not(.page-id-36)) #header .main-navigation :is(a:hover,a:focus-visible) { color: #b8b8b8 !important; }
body:is(.page-id-36,:not(.page-id-36)) #header .main-navigation ul ul::after { border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: #b8b8b8 !important; background: transparent !important; }
body:is(.page-id-36,:not(.page-id-36)) #header .main-navigation :is(a,li)::after, body:is(.page-id-36,:not(.page-id-36)) #header .main-navigation :is(a,li)::before { color: #b8b8b8 !important; border-color: #b8b8b8 !important; background-color: transparent !important; }
@media (min-width: 992px) {
 body:is(.page-id-36,:not(.page-id-36)) #header .main-header-box > .row { display: flex !important; flex-wrap: nowrap !important; }
 body:is(.page-id-36,:not(.page-id-36)) #header .main-header-box > .row > .header-col-1 { flex: 0 0 20% !important; width: 20% !important; max-width: 20% !important; min-width: 0; }
 body:is(.page-id-36,:not(.page-id-36)) #header .main-header-box > .row > .header-col-1 + div { flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0; }
 body:is(.page-id-36,:not(.page-id-36)) #header .main-header-box > .row > div:last-child { flex: 0 0 23% !important; width: 23% !important; max-width: 23% !important; min-width: 0; }
}
@media (max-width: 991px) {
 body:is(.page-id-36,:not(.page-id-36)) #header .logo img, body:is(.page-id-36,:not(.page-id-36)) #masthead .custom-logo-link img { max-height: 74px !important; max-width: min(100%, 200px) !important; }
}

/* AM_HOME25_HEADER_20261004 — compact brand row; shared with page 36. */
body:is(.page-id-36,:not(.page-id-36)) #header .logo {
 display: flex; align-items: center; gap: 10px; min-width: 0;
}
body:is(.page-id-36,:not(.page-id-36)) #header .logo > a {
 flex: 0 1 auto; max-width: 60%; min-width: 0;
}
body:is(.page-id-36,:not(.page-id-36)) #header .logo .logo-text { flex: 1 1 0; min-width: 0; }
body:is(.page-id-36,:not(.page-id-36)) #header .logo .logo-text :is(h2,a,p) {
 font-size: 14px !important; line-height: 1.25 !important; color: #b8b8b8 !important;
 margin: 0 !important; padding: 0 !important; font-family: inherit !important;
 overflow-wrap: normal;
}
body:is(.page-id-36,:not(.page-id-36)) #header .logo img, body:is(.page-id-36,:not(.page-id-36)) #masthead .custom-logo-link img {
 max-height: 90px !important; height: auto !important; width: auto !important; max-width: 100% !important; object-fit: contain;
}
@media (max-width: 991px) {
 body:is(.page-id-36,:not(.page-id-36)) #header .logo img, body:is(.page-id-36,:not(.page-id-36)) #masthead .custom-logo-link img { max-height: 78px !important; }
 body:is(.page-id-36,:not(.page-id-36)) #header .logo .logo-text :is(h2,a,p) { font-size: 12px !important; }
}

/* BEGIN AM_MOBILE_HEADER_20261010 — CSS; mantiene openNav/closeNav y enlaces. */
@media (max-width:991px) {
 body #header .nav_wrap .main-header-box { padding:8px 16px!important; }
 body #header .nav_wrap .main-header-box>.row { display:grid!important; grid-template-columns:minmax(0,1fr) 100px 44px; align-items:center!important; column-gap:16px; margin:0!important; }
 body #header .nav_wrap .main-header-box>.row>div { width:auto!important; max-width:none!important; min-width:0; padding:0!important; flex:none!important; }
 body #header .nav_wrap .main-header-box>.row>.header-col-1 { grid-column:1; grid-row:1; }
 body #header .nav_wrap .main-header-box>.row>.header-col-1+div { grid-column:3; grid-row:1; }
 body #header .nav_wrap .main-header-box>.row>div:last-child { grid-column:2; grid-row:1; }
 body #header .nav_wrap .header-nav :is(.menubar,.right_menu,.innermenubox) { width:100%; max-width:100%; margin:0!important; padding:0!important; }
 body #header .nav_wrap .logo { justify-content:flex-start; margin:0!important; padding:0!important; }
 body #header .nav_wrap .logo>.custom-logo-link { display:inline-flex; max-width:100%!important; flex:none; }
 body #header .nav_wrap .logo img { height:auto!important; width:auto!important; max-height:72px!important; max-width:100%!important; }
 body #header .nav_wrap .logo-text:has(a:empty) { display:none; }
 body #header .nav_wrap .top-right { display:flex!important; align-items:center; justify-content:flex-end; gap:12px; width:100px; margin:0!important; padding:0!important; position:static!important; }
 body #header .nav_wrap .top-right .search { position:relative!important; width:44px; height:44px; min-width:44px; margin:0!important; }
 body #header .nav_wrap .top-right .header-btn { display:none!important; margin:0; padding:0; }
 body #header .nav_wrap .top-right .cart-cust,
 body #header .nav_wrap .top-right #searchToggle,
 body #header .nav_wrap .toggle-nav>span { box-sizing:border-box; display:flex!important; align-items:center; justify-content:center; position:relative!important; inset:auto!important; transform:none!important; width:44px!important; height:44px!important; min-width:44px; padding:0!important; margin:0!important; background:#111!important; color:#eee!important; border:1px solid #555!important; border-radius:4px; cursor:pointer; }
 body #header .nav_wrap .toggle-nav { position:static!important; margin:0!important; padding:0!important; float:none!important; text-align:center; }
 body #header .nav_wrap .header-nav .toggle-nav { font-size:0!important; line-height:0!important; }
 body #header .nav_wrap .header-nav .toggle-nav::before,
 body #header .nav_wrap .header-nav .toggle-nav::after { content:none!important; display:none!important; }
 body #header .nav_wrap .header-nav .toggle-nav>span i { display:none!important; }
 body #header .nav_wrap .header-nav .toggle-nav>span::before { content:''!important; display:block!important; width:20px; height:16px; background:linear-gradient(#eee,#eee) top/20px 2px no-repeat,linear-gradient(#eee,#eee) center/20px 2px no-repeat,linear-gradient(#eee,#eee) bottom/20px 2px no-repeat!important; border:0!important; position:static!important; transform:none!important; }
 body #header .nav_wrap .header-nav .toggle-nav>span::after { content:none!important; display:none!important; }
 body #header .nav_wrap .top-right .cart-cust i,
 body #header .nav_wrap .top-right #searchToggle i { display:none; }
 body #header .nav_wrap .top-right #searchToggle::before { content:''; position:absolute; width:14px; height:14px; border:1.5px solid currentColor!important; border-radius:50%; top:11px; left:11px; background:transparent!important; }
 body #header .nav_wrap .top-right #searchToggle::after { content:''; position:absolute; width:8px; height:1.5px; top:28px; left:25px; transform:rotate(45deg); background:currentColor!important; }
 body #header .nav_wrap .top-right .cart-cust::before { content:''; position:absolute; width:16px; height:18px; border:1.5px solid currentColor!important; border-radius:2px; top:16px; left:13px; background:transparent!important; }
 body #header .nav_wrap .top-right .cart-cust::after { content:''; position:absolute; width:8px; height:6px; border:1.5px solid currentColor!important; border-bottom:0; border-radius:5px 5px 0 0; top:11px; left:17px; background:transparent!important; }
 body #header .nav_wrap .top-right .cart-counter { position:absolute!important; top:2px!important; right:2px!important; left:auto!important; width:auto; min-width:14px; height:14px; padding:0 3px; border-radius:8px; background:#eee!important; color:#111!important; font-size:9px!important; line-height:14px!important; z-index:1; }
 body #header .nav_wrap .top-right .search_form { position:fixed!important; top:calc(96px + var(--wp-admin--admin-bar--height,0px)); left:16px!important; right:16px!important; width:auto!important; max-width:none; z-index:100001; background:#111!important; padding:12px; border:1px solid #555; }
 body #header #mySidenav { left:auto!important; right:0!important; top:var(--wp-admin--admin-bar--height,0px)!important; bottom:0!important; height:calc(100vh - var(--wp-admin--admin-bar--height,0px))!important; height:calc(100dvh - var(--wp-admin--admin-bar--height,0px))!important; max-width:88vw; background:#0b0b0b!important; overflow-x:hidden; overflow-y:auto; z-index:100100; transition:width 250ms ease; }
 body #header #mySidenav[style*="250px"] { width:min(88vw,340px)!important; border-left:1px solid #444; box-shadow:-16px 0 36px rgba(0,0,0,.35); }
 body #header #mySidenav #site-navigation { position:relative; box-sizing:border-box; width:100%; min-width:0; padding:72px 24px 28px!important; }
 body #header #mySidenav #site-navigation::before { content:'ANDRÉS MARTÍNEZ ARTE'; position:absolute; top:28px; left:24px; max-width:calc(100% - 88px); font-size:10px; line-height:1.6; letter-spacing:.13em; color:#aaa; }
 body #header #mySidenav .closebtn { display:flex!important; align-items:center; justify-content:center; position:absolute!important; top:12px!important; right:12px!important; left:auto!important; width:44px; height:44px; padding:0!important; margin:0!important; border:1px solid #555; border-radius:4px; background:#111!important; }
 body #header #mySidenav .closebtn i { display:none!important; }
 body #header #mySidenav .closebtn::before { content:'×'!important; display:block; font:24px/1 Arial,sans-serif; border:0!important; color:#eee!important; background:transparent!important; }
 body #header #mySidenav .closebtn::after { content:none!important; }
 body #header #mySidenav .main-navigation .menu>ul { display:block; width:100%; margin:0; padding:0; }
 body #header #mySidenav .main-navigation .menu>ul>li { display:block!important; float:none; width:100%; margin:0!important; padding:0!important; border-bottom:1px solid #333!important; background:transparent!important; }
 body #header #mySidenav .main-navigation .menu>ul>li>a { display:flex; align-items:center; min-height:56px; padding:14px 0!important; font-size:17px!important; line-height:1.5!important; letter-spacing:.07em; white-space:normal; color:#eee!important; }
 body #header #mySidenav .main-navigation ul.sub-menu { position:static!important; width:100%!important; min-width:0!important; margin:0!important; padding:4px 0 10px 14px!important; border:0!important; background:#111!important; }
 body #header #mySidenav .main-navigation ul.sub-menu a { display:flex; align-items:center; min-height:44px; padding:10px 8px!important; font-size:14px!important; letter-spacing:.02em; }
 body #header #mySidenav .main-navigation ul.sub-menu::after { display:none; }
}
@media (max-width:359px) {
 body #header .nav_wrap .main-header-box { padding-inline:12px!important; }
 body #header .nav_wrap .main-header-box>.row { column-gap:12px; }
}
@media (prefers-reduced-motion:reduce) { body #header #mySidenav { transition:none; } }
/* END AM_MOBILE_HEADER_20261010 */

/* AM_GLOBAL_UI_CLEAN_20261022 — global chrome only; Home layout retained. */
body #header .am-mobile-contact { display:none!important; }
body #return-to-top { background:#171717!important; color:#eee!important; border:1px solid #777!important; box-shadow:none!important; }
body #return-to-top:hover { background:#eee!important; color:#111!important; }
body #return-to-top svg { display:block; margin:auto; }
body .outer-footer .wpcf7-submit { background:#171717!important; color:#eee!important; border:1px solid #777!important; box-shadow:none!important; }
@media(max-width:991px) {
 body #header #mySidenav .main-navigation>a.am-mobile-contact { display:flex!important; align-items:center; justify-content:center; box-sizing:border-box; width:100%; min-height:48px; margin:24px 0 0; padding:12px 16px; border:1px solid #777; background:#171717; color:#eee!important; font-size:14px; line-height:1.5; letter-spacing:.06em; text-decoration:none; }
}

/* AM_GLOBAL_NAV_FIT_20261022 — long AM INTERACTIVO label; desktop chrome only. */
@media(min-width:992px) {
 body #header #menu-primary-menu>li { padding-inline:10px!important; }
}
@media(min-width:992px) and (max-width:1199px) {
 body #header #menu-primary-menu>li { padding-inline:5px!important; }
 body #header #menu-primary-menu>li>a { font-size:12px!important; letter-spacing:.02em; }
}

