/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 12 2026 | 23:12:41 */
/* =========================================================
   CHUMAY - ELEMENTO ACTIVO
   OPCIÓN 2 - PINCELADA FINA
   ========================================================= */

#header .main-menu > li.menu-item > a {
  font-size: 16px; }

#header .main-menu > li.active > a,
#header .main-menu > li.current-menu-item > a,
#header .main-menu > li.current_page_item > a {

    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    height: 42px !important;

    padding: 0 18px !important;

    margin: 0 8px !important;

    background: transparent !important;

    color: #ffffff !important;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    text-shadow:
        1px 2px 3px rgba(0,0,0,.85) !important;

    z-index: 1 !important;

}


/* =========================================================
   PINCEL PRINCIPAL
   ========================================================= */

#header .main-menu > li.active > a::before,
#header .main-menu > li.current-menu-item > a::before,
#header .main-menu > li.current_page_item > a::before {

    content: "" !important;

    position: absolute !important;

    z-index: -1 !important;

    left: -12px !important;

    right: -12px !important;

    top: 5px !important;

    height: 32px !important;

background: radial-gradient( ellipse at 8% 50%, #638a46 0%, #3d8508 55%, transparent 57% ), radial-gradient( ellipse at 92% 50%, #3d8508 0%, #3d8508 55%, transparent 57% ), #9fba8c !important;
  border-radius: 48% 7% 43% 9% / 42% 55% 48% 60% !important;
  transform: rotate(-1deg) skewX(-2deg) !important;
  opacity: .96 !important;

}


/* =========================================================
   SEGUNDA PINCELADA
   CREA EL ACABADO ARTESANAL
   ========================================================= */

#header .main-menu > li.active > a::after,
#header .main-menu > li.current-menu-item > a::after,
#header .main-menu > li.current_page_item > a::after {

    content: "" !important;

    position: absolute !important;

    z-index: -2 !important;

    left: -17px !important;

    right: -17px !important;

    top: 10px !important;

    height: 23px !important;

    background: #4b9d0a !important;

    border-radius:
        35% 55% 45% 60% /
        55% 40% 60% 45% !important;

    transform:
        rotate(1.5deg) !important;

    opacity: .55 !important;

}


/* =========================================================
   HOVER
   ========================================================= */

#header .main-menu > li.active > a:hover,
#header .main-menu > li.current-menu-item > a:hover,
#header .main-menu > li.current_page_item > a:hover {

    color: #ffffff !important;

}


/* =========================================================
   ELEMENTOS NO ACTIVOS
   ========================================================= */

#header .main-menu > li:not(.active) > a {

    background: transparent !important;

    color: #17ad00 !important;

}


/* Hover de elementos no activos */

#header .main-menu > li:not(.active) > a:hover {

    color: #ffffff !important;

    background: transparent !important;

}


/* =========================================================
   SEPARACIÓN
   ========================================================= */

#header .main-menu > li {

    margin-left: 2px !important;

    margin-right: 2px !important;

}