/*
	Theme Name: Divi Child - del Valle AUDIOVISUALES
	Version: 2.0
	Description: Divi Child Theme for sonrisasquehablan.es
	Author: Luis del Valle - del Valle AUDIOVISUALES
	Template: Divi
	Author URL: https://luisdelvalle.es
*/

@import url("../Divi/style.css");

#logo{
	max-height:90%!important;
}

#main-header{
	box-shadow: 0px 12px 18px -6px rgba(182,96,164,0.5)!important;
}

@media (max-width: 980px) { 
	#et_mobile_nav_menu { 
		display: block !important; 
	} 

	#top-menu, .opcion-secundaria { 
		display: none !important; 
	} 
}

/* Forzar visualización en Safari Móvil y corregir colapso de logo */
@media only screen and (max-width: 980px) {
    /* 1. Asegurar que el contenedor principal ocupe todo el ancho */
    #main-header .container {
        display: flex !important;
        /*justify-content: space-between !important;
        align-items: center !important;*/
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 2. Evitar que el logo se encoja (Fix para Safari) */
    .logo_container {
        flex-shrink: 0 !important;
        /*min-width: 100px; /* Ajuste según el tamaño de su logo */
    }

    /* 3. Forzar visibilidad del disparador del menú móvil */
/*
    #et-top-navigation {
        display: flex !important;
        flex-basis: auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }
*/
    .et_mobile_nav_menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}


.cta-menu {
	padding: 0!important;
	border-radius: 10px;
	text-align: center;
	background-color: #b660a4;
	box-shadow: 0px 12px 18px -6px rgba(182,96,164,0.5)!important;
}

.cta-menu a{
	color:#f4f4f4!important;
	padding: 10px 15px 10px 15px!important;
}

.et-fixed-header #top-menu .cta-menu a{
	color:#f4f4f4!important;
	padding: 10px 15px 10px 15px!important;
}

.et_pb_scroll_top.et-pb-icon {
    right: 30px;
    bottom: 30px;
	border-radius: 25px;
    background-color: #b660a4;
    color: #f4f4f4!important;
}

.et_pb_equal_columns >.et_pb_column {
	margin-top:auto;
	margin-bottom:auto;
}

.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}

@media (max-width:980px) {
	.reverse-columns-mobile {
		display: flex;
		flex-direction: column-reverse;
	}
}

.mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 10px;
    left: 10%;
    color: #b660a4;
}
 
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

.mobile_nav .mobile_menu_bar:before{
    color: #b660a4!important;
}

.et_mobile_menu{
    border-color: #b660a4!important;
}

.evr-close{
	color:#f7f7f7;
}

#footer-bottom{
	display:none!important;
}


.cmplz-close{
    display:none!important;
}

/*

#et_mobile_nav_menu{
	display:none!important;
}

#top-menu, .et-menu, nav#top-menu-nav, nav.et-menu-nav {
    padding-right: 2vw !important;
}

#et-secondary-menu {
    padding-right: 4vw !important;
}

#main-header, #main-header.et-fixed-header{
    box-shadow: none!important;
}

*/
