/* ============================================================
   NUEVAMANO · HEADER HOME REDESIGN V1
   Solo afecta el header de index.html
   No toca catálogo, tarjetas, footer, ni otras secciones.
   ============================================================ */

body.nm-public.page-index{
  --nm-head-verde:#365A4D;
  --nm-head-verde-oscuro:#2A473C;
  --nm-head-crema:#E8DFD1;
  --nm-head-crema-claro:#F5F0E8;
  --nm-head-borde:rgba(54,90,77,.16);
  --nm-head-sombra:rgba(42,71,60,.10);
}

/* Header general */
body.nm-public.page-index .header{
  width:min(1280px, calc(100% - 40px)) !important;
  margin:14px auto 10px !important;
  padding:14px 18px !important;
  min-height:unset !important;

  display:grid !important;
  grid-template-columns:minmax(120px, 170px) 1fr auto !important;
  align-items:center !important;
  gap:18px !important;

  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;

  background:linear-gradient(
    180deg,
    rgba(255,255,255,.82) 0%,
    rgba(232,223,209,.72) 100%
  ) !important;

  border:1px solid var(--nm-head-borde) !important;
  border-radius:22px !important;
  box-shadow:
    0 10px 28px var(--nm-head-sombra),
    inset 0 1px 0 rgba(255,255,255,.65) !important;

  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
}

/* Logo */
body.nm-public.page-index .logo-link{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  min-width:0 !important;
  text-decoration:none !important;
}

body.nm-public.page-index .logo-link .nm-symbol{
  display:block !important;
  width:100% !important;
  max-width:160px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:
    drop-shadow(0 8px 16px rgba(42,71,60,.10))
    drop-shadow(0 2px 3px rgba(255,255,255,.35)) !important;
}

/* Navegación */
body.nm-public.page-index .header .nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  min-width:0 !important;
}

body.nm-public.page-index .header .nav a{
  background:transparent !important;
  color:var(--nm-head-verde) !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;

  border-radius:14px !important;
  padding:11px 16px !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
  transition:
    transform .16s ease,
    background-color .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    color .16s ease !important;
}

body.nm-public.page-index .header .nav a:hover{
  transform:translateY(-1px) !important;
  background:rgba(54,90,77,.07) !important;
  border-color:rgba(54,90,77,.14) !important;
  box-shadow:0 6px 14px rgba(42,71,60,.08) !important;
}

/* Destacar Vender */
body.nm-public.page-index .header .nav a[href="vender.html"]{
  background:linear-gradient(
    180deg,
    #476F61 0%,
    #365A4D 48%,
    #2A473C 100%
  ) !important;
  color:#fff !important;
  border-color:#2A473C !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,0,0,.16),
    0 6px 16px rgba(42,71,60,.18) !important;
}

body.nm-public.page-index .header .nav a[href="vender.html"]:hover{
  filter:brightness(1.03) !important;
  transform:translateY(-1px) !important;
}

/* Acciones del header */
body.nm-public.page-index .header-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  min-width:0 !important;
  margin-left:0 !important;
}

body.nm-public.page-index .header-search,
body.nm-public.page-index .header-actions .icon-btn,
body.nm-public.page-index .header-actions .account-link{
  height:48px !important;
  min-height:48px !important;
  min-width:48px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  background:rgba(245,240,232,.96) !important;
  color:var(--nm-head-verde) !important;
  border:1px solid rgba(54,90,77,.18) !important;
  border-radius:16px !important;
  box-shadow:
    0 6px 16px rgba(42,71,60,.08),
    inset 0 1px 0 rgba(255,255,255,.70) !important;
  text-shadow:none !important;
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease,
    background-color .16s ease !important;
}

body.nm-public.page-index .header-search{
  padding:0 16px !important;
  min-width:220px !important;
}

body.nm-public.page-index .header-actions .icon-btn:hover,
body.nm-public.page-index .header-actions .account-link:hover,
body.nm-public.page-index .header-search:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(54,90,77,.28) !important;
  box-shadow:
    0 8px 18px rgba(42,71,60,.10),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}

body.nm-public.page-index .header-search .search-hint{
  color:var(--nm-head-verde) !important;
  font-weight:600 !important;
  white-space:nowrap !important;
}

body.nm-public.page-index .header-actions .count{
  background:var(--nm-head-verde) !important;
  color:#fff !important;
  border:2px solid var(--nm-head-crema-claro) !important;
  box-shadow:none !important;
}

/* Tablet */
@media (max-width: 980px){
  body.nm-public.page-index .header{
    grid-template-columns:minmax(110px, 150px) 1fr auto !important;
    gap:12px !important;
    padding:12px 14px !important;
  }

  body.nm-public.page-index .logo-link .nm-symbol{
    max-width:138px !important;
  }

  body.nm-public.page-index .header-search{
    min-width:52px !important;
    padding:0 14px !important;
  }

  body.nm-public.page-index .header-search .search-hint{
    display:none !important;
  }

  body.nm-public.page-index .header .nav a{
    padding:10px 14px !important;
    font-size:14px !important;
  }
}

/* Móvil */
@media (max-width: 760px){
  body.nm-public.page-index .header{
    grid-template-columns:1fr auto !important;
    grid-template-areas:
      "logo actions"
      "nav nav" !important;
    gap:10px !important;
    padding:12px 12px 10px !important;
    border-radius:18px !important;
  }

  body.nm-public.page-index .logo-link{
    grid-area:logo !important;
  }

  body.nm-public.page-index .header-actions{
    grid-area:actions !important;
    gap:8px !important;
  }

  body.nm-public.page-index .header .nav{
    grid-area:nav !important;
    justify-content:stretch !important;
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:8px !important;
  }

  body.nm-public.page-index .header .nav a{
    text-align:center !important;
    padding:10px 8px !important;
    font-size:13px !important;
  }

  body.nm-public.page-index .logo-link .nm-symbol{
    max-width:126px !important;
  }

  body.nm-public.page-index .header-search,
  body.nm-public.page-index .header-actions .icon-btn,
  body.nm-public.page-index .header-actions .account-link{
    height:42px !important;
    min-height:42px !important;
    min-width:42px !important;
    border-radius:14px !important;
  }

  body.nm-public.page-index .header-search{
    min-width:42px !important;
    padding:0 12px !important;
  }
}

/* Celulares angostos */
@media (max-width: 420px){
  body.nm-public.page-index .header{
    width:calc(100% - 20px) !important;
    padding:10px 10px 8px !important;
  }

  body.nm-public.page-index .logo-link .nm-symbol{
    max-width:112px !important;
  }

  body.nm-public.page-index .header .nav a{
    font-size:12px !important;
    padding:9px 6px !important;
  }

  body.nm-public.page-index .header-actions{
    gap:6px !important;
  }
}

/* NUEVAMANO HEADER 3D HORIZONTAL SOLO INICIO 20261009 */
/* Este bloque se agrega al CSS exclusivo del header de Inicio. */
body.nm-public.page-index .header {
  grid-template-columns:minmax(290px,365px) minmax(240px,1fr) auto !important;
  gap:14px !important;
}
body.nm-public.page-index .header .logo-link {
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}
body.nm-public.page-index .header .logo-link img.nm-symbol {
  display:block !important;
  width:100% !important;
  max-width:365px !important;
  max-height:none !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
}
body.nm-public.page-index .header .header-search .search-hint {
  display:none !important;
}
body.nm-public.page-index .header .header-search {
  min-width:46px !important;
  padding:0 12px !important;
}
body.nm-public.page-index .header .header-actions {
  gap:8px !important;
}

@media (max-width:1170px) {
  body.nm-public.page-index .header {
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"marca acciones" "navegacion navegacion" !important;
  }
  body.nm-public.page-index .header .logo-link {
    grid-area:marca !important;
    max-width:345px !important;
  }
  body.nm-public.page-index .header .header-actions {
    grid-area:acciones !important;
    margin-left:0 !important;
  }
  body.nm-public.page-index .header .nav {
    grid-area:navegacion !important;
    order:initial !important;
    width:100% !important;
  }
}
@media (max-width:760px) {
  body.nm-public.page-index .header {
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"marca acciones" "navegacion navegacion" !important;
    gap:9px !important;
  }
  body.nm-public.page-index .header .logo-link {
    grid-area:marca !important;
    max-width:235px !important;
    min-width:0 !important;
  }
  body.nm-public.page-index .header .logo-link img.nm-symbol {
    width:100% !important;
    max-width:235px !important;
    height:auto !important;
    max-height:none !important;
  }
  body.nm-public.page-index .header .header-actions {
    grid-area:acciones !important;
    gap:4px !important;
  }
  body.nm-public.page-index .header .nav {
    grid-area:navegacion !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  body.nm-public.page-index .header .header-search,
  body.nm-public.page-index .header .header-actions .icon-btn,
  body.nm-public.page-index .header .header-actions .account-link {
    box-sizing:border-box !important;
    min-width:37px !important;
    width:37px !important;
    height:39px !important;
    min-height:39px !important;
    padding:0 !important;
  }
}
@media (max-width:420px) {
  body.nm-public.page-index .header .logo-link {
    max-width:190px !important;
  }
  body.nm-public.page-index .header .logo-link img.nm-symbol {
    max-width:190px !important;
  }
  body.nm-public.page-index .header .header-search,
  body.nm-public.page-index .header .header-actions .icon-btn,
  body.nm-public.page-index .header .header-actions .account-link {
    min-width:34px !important;
    width:34px !important;
    min-height:36px !important;
    height:36px !important;
  }
}
@media (max-width:340px) {
  body.nm-public.page-index .header {
    grid-template-columns:1fr !important;
    grid-template-areas:"marca" "acciones" "navegacion" !important;
  }
  body.nm-public.page-index .header .logo-link {
    justify-content:center !important;
    max-width:none !important;
  }
  body.nm-public.page-index .header .logo-link img.nm-symbol {
    max-width:235px !important;
  }
  body.nm-public.page-index .header .header-actions {
    justify-content:center !important;
  }
}