/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 13 2025 | 10:43:07 */
:root :where(.wp-block-navigation a:not(.wp-element-button)):hover, :root :where(a:where(:not(.wp-element-button))):hover, .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover {
    text-decoration: none;
	color: var(--wp--preset--color--accent);
	transition: color 0.1s, fill 0.1s;
}

.modal-menu-button + .gspb_slidingPanel.active .gspb_slidingPanel-wrap {
	backdrop-filter: blur(30px) opacity(1);
}

.modal-menu-button + .gspb_slidingPanel .gspb_slidingPanel-wrap {
	backdrop-filter: blur(30px) opacity(0);
	opacity: 1!important;
	transform: scale(1.03);
	transition: all 0.3s ease, color 0.15s ease;
}

.modal-menu-button + .gspb_slidingPanel.active {
	pointer-events: auto;
}

.modal-menu-button + .gspb_slidingPanel {
	opacity: 1!important;
	pointer-events: none;
}

@media (min-width: 800px){
	.modal-menu-button + .gspb_slidingPanel {
		overflow: hidden!important;
	}
}

.modal-menu-button + .gspb_slidingPanel .gspb_slidingPanel-wrap .gspb_slidingPanel-inner {
	opacity: 0;
}

.modal-menu-button + .gspb_slidingPanel.active .gspb_slidingPanel-wrap .gspb_slidingPanel-inner {
	opacity: 1;
}

.modal-menu-button + .gspb_slidingPanel .wp-block-navigation a.wp-block-navigation-item__content{
	padding: 15px 0 3px 0;
}

.modal-menu-button + .gspb_slidingPanel .wp-block-navigation .sub-menu-item a.wp-block-navigation-item__content{
	padding: 3px 0;
}

.modal-menu-button + .gspb_slidingPanel .nav-columna .cuadrado {
	background-color: var(--wp--preset--color--accent, #e57373);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: -10px;
    transform: translate(100%, -50%);
    margin-left: 100px;
    top: 36px;
	opacity: 0;
	transition: all 0.3s ease, opacity 0.3s ease 0.1s;
}

.modal-menu-button + .gspb_slidingPanel .nav-columna .cuadrado.active{
	opacity: 1;
	transition: all 0.3s ease, opacity 0.3s ease;
}

@media (hover: none) {
	.modal-menu-button + .gspb_slidingPanel .nav-columna .cuadrado {
		display: none;
	}
}

.modal-menu-button + .gspb_slidingPanel .gspb_slidingPanel-inner {
    background-color: #ffffff; /* Fallback background */
  }
@supports (backdrop-filter: blur(10px)) {
  	.modal-menu-button + .gspb_slidingPanel.active .gspb_slidingPanel-wrap {
		backdrop-filter: blur(30px) opacity(1);
	}

	.modal-menu-button + .gspb_slidingPanel .gspb_slidingPanel-wrap {
		backdrop-filter: blur(30px) opacity(0);
	}
	.modal-menu-button + .gspb_slidingPanel .gspb_slidingPanel-wrap .gspb_slidingPanel-inner {
		background-color: #ffffffaa;
		}
}

@media (max-width: 576px){
	ul.wp-block-social-links {
		gap: 8px;
		font-size: 18px;
	}
	
}