/* =========================
   JEAZ Starter Child
   Personalizaciones del proyecto
========================= */

/* Ejemplo:
.site-header {
    background: #fff;
}
*/

header.site-header{
	position:fixed;
	width:100%;
	background-color: unset!important;
	backdrop-filter:unset;
	border-bottom:unset;
	color: white;

    /* mix-blend-mode: difference;*/
	
}

header.site-header .custom-logo-link img{
	width:80px;
}

.footer-site-menu .menu-item {
    position: relative;
	text-shadow:
    0 1px 2px rgba(0,0,0,0.7),
    0 4px 12px rgba(0,0,0,0.45);
}

.footer-site-menu .menu-item, .footer-site-menu a  {
	color: #BFBF3F;
}



@media screen and (min-width:768px){
	
	.btn-an_top:hover{
		transform: translateY(-4px);
	}
	
	.footer-site-menu .menu-item:not(:last-child)::after {
        content: "";
        width: 2px;
        height: 20px;
        background: currentColor;
        position: absolute;
        right: -12px;
        top: 50%;
        transform: translateY(-50%);

    }
	
	
	header.site-header .custom-logo-link img{
	width:100px;
}
	
	.site-header__inner{
		margin-top:32px;
	}
	
header .site-nav a{
	color:#fff;
}
	

	
.site-menu > .menu-item {
    position: relative;
	text-shadow:
    0 1px 2px rgba(0,0,0,0.7),
    0 4px 12px rgba(0,0,0,0.45);
}

/* Línea divisora */
.site-menu > .menu-item:not(:last-child)::after {
    content: "";
    width: 2px;
    height: 20px;
    background: #fff;
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
}

}

.e-con::before,
.e-con > .elementor-background-slideshow::before,
.e-con > .elementor-motion-effects-container > .elementor-motion-effects-layer::before,
:is(.e-con,.e-con>.e-con-inner) > .elementor-background-video-container::before {

   /* backdrop-filter: blur(16px);*/
   /* -webkit-backdrop-filter: blur(18px);*/
}

/* =========================================
   SOLO FRONTEND
========================================= */

body:not(.elementor-editor-active) .banner-home{
    overflow: hidden;
    height: 700px;
}


.p-no-space p{
	margin-bottom:unset;
}

.w-fit{
	width:fit-content!important;	
}


.slider-next_comment,.slider-prev_comment{
	
	color:#fff;
	background-color:#000!important;
	width:60px;
	height:40px;
	border:unset;
	cursor:pointer;
	

    /* SHADOW estilo de la imagen */

    box-shadow:
        0 10px 18px rgba(0,0,0,0.14),
        0 3px 6px rgba(0,0,0,0.08);
}


.slider-next_comment.is-disabled, .slider-prev_comment.is-disabled{
	background:#D9D9D9!important;
	color:#000;
	
}

.slider-prev_comment:hover,
.slider-next_comment:hover{
    transform: translateY(-2px);
    box-shadow:
        0 18px 30px rgba(0,0,0,0.18),
        0 6px 10px rgba(0,0,0,0.08);
}

.site-footer{
	margin-top:unset;
}

.footer-site-menu ul{
    display: flex;
    align-items: center;
    gap: var(--space-24);
    list-style: none;
    margin: 0;	
	padding: 0;
}





@media screen and (max-width:768px){
	.footer-site-menu ul{
		flex-direction:column;
		display: flex;
	}
	
	.site-header .menu-toggle{
		display:none;
	}
}



.banner-home{
	height:700px;
	overflow:hidden;
	
}





/* =========================================================
   SOFT AURORA / GLASS BACKGROUND
========================================================= */

.bg-soft-aurora {
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 20% 15%,
            rgba(183, 220, 98, 0.55),
            transparent 38%
        ),

        radial-gradient(
            circle at 78% 20%,
            rgba(202, 226, 255, 0.55),
            transparent 42%
        ),

        radial-gradient(
            circle at 55% 70%,
            rgba(193, 224, 117, 0.45),
            transparent 38%
        ),

        linear-gradient(
            135deg,
            #dce9e4 0%,
            #d7e6df 25%,
            #d9e7e2 50%,
            #d3e4eb 75%,
            #cfe1eb 100%
        );

    filter: saturate(115%);

    isolation: isolate;
}

/* =========================================================
   BLUR LAYER
========================================================= */

.bg-soft-aurora::before {
    content: "";
    position: absolute;
    inset: -80px;

    background:
        radial-gradient(
            circle at 30% 30%,
            rgba(203, 233, 126, 0.35),
            transparent 35%
        ),

        radial-gradient(
            circle at 70% 25%,
            rgba(205, 230, 255, 0.38),
            transparent 40%
        ),

        radial-gradient(
            circle at 55% 75%,
            rgba(183, 216, 103, 0.30),
            transparent 35%
        );

    filter: blur(60px);

    opacity: .95;

    pointer-events: none;

    z-index: 0;
}

/* =========================================================
   SOFT LIGHT
========================================================= */

.bg-soft-aurora::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.28),
            transparent 30%
        );

    mix-blend-mode: soft-light;

    pointer-events: none;

    z-index: 1;
}

/* =========================================================
   CONTENT
========================================================= */

.bg-soft-aurora > * {
    position: relative;
    z-index: 2;
}