/*
Theme Name: Zegen Child
Theme URI: https://demo.zozothemes.com/zegen/
Template: zegen
Author: zozothemes
Author URI: https://zozothemes.com/
Description: Zegen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2019 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.1.9.1747102841
Updated: 2025-05-12 21:20:41

*/

 .zegen-main-menu>li>.main-logo:before, .sticky-head.header-sticky ul.zegen-main-menu>li>.sticky-logo:before {
                background: none;
                border: navajowhite;
            }

.navbar a:active, .navbar a:focus, .navbar .zegen-main-menu > .current-menu-item > a, .navbar .zegen-main-menu > .current-menu-ancestor > a, .navbar a.active {
    color: #782f12;
}
          .zegen-main-menu>li>.main-logo, .sticky-head.header-sticky ul.zegen-main-menu>li>.sticky-logo {
                padding: 0px;
                width: 140px;
                display: flex;
                /* height: 120px; */
                align-items: center;
                justify-content: center;
            }

            .main-logo img {
    margin-top: 5px !important;
    max-height: 140px !important;
    padding: 12px !important;
    width: 140px !important;
    background: linear-gradient(44deg, rgb(200 200 200) 0%, rgb(243 243 243) 50%, rgb(240 240 240) 100%);
    background-size: 200% 100%;
    border-radius: 500px;
    height: 140px !important;
    object-fit: scale-down;
    position: relative;
    z-index: 2;
    box-shadow: 0px 0px 5px 0px #2828286b;
    height: 140px;
}

.main-logo {
    height: 90px;
}

.main-logo a {
    position: absolute;
    height: 150px !important;
    width: 150px !important;
    display: flex;
    z-index: 8;
    border-radius: 500px;
    overflow: hidden;
    background: linear-gradient(44deg, rgb(234 195 126) 0%, rgb(118 81 29) 50%, rgb(218 179 124) 100%);
}

/* Base del brillo */
.main-logo a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0.1) 100%
    );
    transform: skewX(-25deg);
    animation: brilloAuto 20s ease-in-out infinite;
}

/* Brillo al hacer hover: se reinicia con nueva animación */
.main-logo a:hover::before {
    animation: brilloHover 0.8s ease;
}

/* Brillo automático cada 20s */
@keyframes brilloAuto {
    0% {
        left: -75%;
    }
    4% {
        left: 125%;
    }
    100% {
        left: 125%;
    }
}

/* Brillo inmediato al hacer hover */
@keyframes brilloHover {
    0% {
        left: -75%;
    }
    100% {
        left: 125%;
    }
}

.no-touch {
    pointer-events: none;
}

.title-big-box a.read-more {
    font-size: 24px;
    font-weight: bolder;
}