/* --- Estilos Base --- */
.dmc-header {
    width: 100%;
    position: sticky; 
    top: 0;        
    z-index: 1000;    
    background: #fff;
    padding: 0 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	opacity: 1;
}
.dmc-header-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dmc-logo img {
    max-width: 120px;
    height: auto;
}
.dmc-header-right {
    display: flex;
    align-items: center;
    gap: 20px;
}



/* --- Menú de Escritorio (Desktop: > 980px) --- */
@media (min-width: 981px) {
    .dmc-desktop-nav {
        display: flex;
        align-items: center;
    }
	.dmc-header li {
		list-style-type: none;
		
	}
	.dmc-header-bar {
		width: 90%;
		margin: 0 auto;
	}
	.dmc-header-right {
		display:none;
	}
    .dmc-desktop-menu {
        list-style: none;
        margin: 0;
        padding: 0!important;
        display: flex;
        align-items: center;
    }
    .dmc-desktop-menu li {
        margin: 0 15px;
    }
    .dmc-desktop-menu a {
        text-decoration: none;
        font-size: 14px;
        transition: color 0.3s;
		font-family:Georama;
		font-stretch: semi-condensed;
		color: #63AB32!important;
		font-weight:600;
		font-size:17px;
    }
    .dmc-desktop-menu a:hover {
        color: #93c47d;
    }
    /* Estilo para el botón "Únete..." si está como un item de menú */
    .dmc-desktop-menu .unete-asesor a { /* Añade la clase 'unete-asesor' al item de menú en WordPress */
        background-color: #93c47d;
        color: white !important;
        padding: 8px 15px;
        border-radius: 20px;
        font-weight: bold;
    }
    .dmc-cta-button, .dmc-hamburger-menu {
        display: none; /* Ocultar CTA y hamburguesa en escritorio */
    }

    /* ===== CORRECCIÓN AQUÍ ===== */
    /* Ocultar completamente el overlay móvil en la vista de escritorio */
    .dmc-mobile-overlay {
        display: none !important;
    }
}

/* --- Vista Móvil (Mobile: <= 980px) --- */
@media (max-width: 980px) {
    .dmc-desktop-nav {
        display: none; /* Ocultar menú de escritorio */
    }
    .dmc-cta-button {
        display: inline-block;
        border: 2px solid #8cc63f; /* Verde Dimex */
        color: #8cc63f;
        background-color: transparent;
        padding: 0px 10px;
        border-radius: 5px;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        white-space: nowrap;
    }
    .dmc-hamburger-menu {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        gap: 4px;
    }
    .dmc-hamburger-menu span {
        width: 25px;
        height: 3px;
        background: #333;
        border-radius: 2px;
    }
	
	.dmc-logo img {
		max-width: 90px;
		height: auto;
	}

    /* --- Overlay del Menú Móvil --- */
	.dmc-mobile-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #4b4f54; /* Gris oscuro del overlay */
		z-index: 10000;
		display: flex;
		font-stretch: condensed !important;
		flex-direction: column;
		align-items: center;
		padding: 20px;
		box-sizing: border-box;
		visibility: hidden; /* Oculto por defecto */
    transform: translateY(-100%); /* <-- ¡LÍNEA AÑADIDA! Estado inicial fuera de pantalla */
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), visibility 0.5s;
	}

	.dmc-mobile-overlay.is-open {
		/* --- CORRECCIÓN --- */
		visibility: visible; /* Hacemos visible al abrir */
		transform: translateY(0);
	}

	.dmc-overlay-header {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 30px;
	}
    .dmc-overlay-logo {
        max-height: 40px;
		margin-left:15px;
    }
    .dmc-close-menu {
           color: black;
        font-size: 41px;
        font-weight: 300;
        cursor: pointer;
        line-height: 1;
        background: white;
        border-radius: 100px;
        width: 43px;
        text-align: center;
 
    }
    .dmc-mobile-nav {
        width: 100%;
        display: flex;
        max-width: 400px;
        flex-direction: column;
        justify-content: center;
        height: 100%;
		max-width: 400px;
    }
    .dmc-mobile-menu {
        list-style: none;
        padding: 0;
        margin: 0 0 40px 0;
        width: 100%;
    }
    .dmc-mobile-menu li {
        margin-bottom: 15px;
				list-style-type: none;

    }
    .dmc-mobile-menu a {
        display: block;
        background-color: #63ab32;
        color: #fff;
        padding: 5px 15px;
        text-decoration: none;
        font-size: 25px;
		font-family:Georama;
		margin-bottom:30px;
        font-weight: bold;
        border-radius: 8px;
        text-align: center;
    }
    .dmc-extra-links {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 15px;
        margin-left: 14px;
    }
    .dmc-extra-links a {
      color: #fff;
      font-weight: bold;
      text-decoration: underline;
		text-align:left;
		font-family:Georama;
      font-size: 16px;
    }
    .dmc-extra-links a:has(img) { /* Selector para el link que contiene la imagen */
        text-decoration: none;
    }
    .dmc-google-play-badge {
        max-width: 180px;
        height: auto;
    }
}