/* Punto 1: menú y pie con identidad de Atención Ciudadana */
#navigationmenu,
header#navigationmenu,
.navigationmenulight {
  position: relative !important;
  isolation: isolate !important;
  background-color: rgba(248,241,234,.98) !important;
  background-image:
    linear-gradient(rgba(250,245,239,.90), rgba(248,240,232,.94)),
    url('/contenidos/coyotepec/img/bg_centro-atencion-hd-2400x1140.png') !important;
  background-size: cover, cover !important;
  background-position: center, center 36% !important;
  background-repeat: no-repeat !important;
  border-bottom: 3px solid rgba(184,146,71,.72) !important;
  box-shadow: 0 10px 28px rgba(76,7,29,.12) !important;
}

#navigationmenu::after,
header#navigationmenu::after {
  content: '' !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 4px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, #4c071d, #b89247 30%, #f1dfb4 50%, #b89247 70%, #4c071d) !important;
  opacity: .78 !important;
}

#navigationmenu .container,
#navigationmenu .grid_12,
#navigationmenu #nav,
#navigationmenu .tinynav {
  position: relative !important;
  z-index: 2 !important;
}

#navigationmenu #nav,
#nav.sf-menu {
  background: rgba(255,252,248,.82) !important;
  border: 1px solid rgba(184,146,71,.18) !important;
  border-radius: 14px 14px 0 0 !important;
  backdrop-filter: blur(5px) !important;
}

#navigationmenu #nav > li > a,
#navigationmenu #nav > li > span {
  color: #4c071d !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
}

body::after {
  box-sizing: border-box !important;
  min-height: 230px !important;
  height: auto !important;
  margin-top: 42px !important;
  padding: 154px 24px 30px !important;
  background-color: #390817 !important;
  background-image:
    linear-gradient(rgba(57,8,23,.76), rgba(35,7,17,.94)),
    url('/contenidos/coyotepec/img/bg_centro-atencion-hd-2400x1140.png') !important;
  background-size: cover, cover !important;
  background-position: center, center 28% !important;
  background-repeat: no-repeat !important;
  border-top: 5px solid #b89247 !important;
  box-shadow: inset 0 18px 36px rgba(255,255,255,.04), 0 -12px 30px rgba(76,7,29,.10) !important;
  color: rgba(255,255,255,.92) !important;
  font-weight: 500 !important;
  letter-spacing: .025em !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.45) !important;
}

@media (max-width: 700px) {
  #navigationmenu,
  header#navigationmenu,
  .navigationmenulight {
    background-position: center, center 26% !important;
  }

  #navigationmenu .tinynav,
  #navigationmenu select.tinynav {
    background: rgba(255,252,248,.95) !important;
    border: 1px solid rgba(76,7,29,.22) !important;
    color: #4c071d !important;
  }

  body::after {
    min-height: 206px !important;
    padding: 132px 18px 26px !important;
    background-position: center, center 24% !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }
}