/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 07 2026 | 19:25:30 */
#page{
	overflow:hidden
}
.fondo-invertido {
  position: relative;
  overflow: hidden; 
}
.fondo-invertido::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit; 
  background-size: cover;
  background-position: center;
  transform: scaleX(-1);
  z-index: 0;
}
.fondo-invertido > * {
  position: relative;
  z-index: 1;
}

.navbar {
	background-color: transparent;
	transition: all 0.3s ease;
}

.navbar.scrolled {
	background-color: #fdf4f3e0;
	box-shadow: 0px 1px 10px 1px #94949414;
	top:0!important
}

.sub-menu{
	position: absolute;
    width: 300px;
    padding: 20px;
	z-index:99999
}

.btn-download{
	background-color: var(--e-global-color-9f867b8);
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    fill: var(--e-global-color-text);
    color: var(--e-global-color-text);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    transition-duration: 0.4s;
    border-radius: 70px 70px 70px 70px;
    padding: 15px 028px 15px 028px;
}
.btn-download:hover{
background-color: var(--e-global-color-accent);
 color: var(--e-global-color-5451b3c)
}

/* Formulario */

.form-container{
	max-height:fit-content;
}
input.wpcf7-form-control, textarea.wpcf7-form-control  {
    padding: 15px 28px;
    border: none;
    border-radius: 10px;
	  width:100%;
		font-family: "Montserrat",       Sans-serif;
	  font-size:16px;
	  color:#714F59
}
input[type="submit"]{
	border-radius:70px;
	background-color: #714F59;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	max-width:110px;
	color:#fff;
	margin:0 auto;
	display:block	;
	padding:12px 28px
}

input[type="submit"]:hover{
	background-color:#525252;
}
form p{
	margin:40px 0 0
}
form br{
	display:none
}
form label{
	width:100%
}
.hfe-nav-menu__toggle.elementor-clickable.hfe-active-menu{
    position: relative;
    z-index: 99999;
}

/*Flip Card*/

.flip-card {
  perspective: 1000px;
  -webkit-perspective: 1000px;
  cursor: pointer;
  display: inline-block;
  transition: filter 0.4s linear;
  isolation: isolate;
}

.flip-card:hover {
  filter: brightness(1.1);
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}


.flip-card-front {
  transform: rotateY(0deg);
}

.flip-card-back {
  transform: rotateY(180deg);
  background: #1a1a1a;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mandala-container{
	filter: blur(100px);
}

/*Enlaces cards*/

.card-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-indent: -9999px;
}

/* Slider */

.program-slider h5 {
  font-family: "Fraunces-Regular", sans-serif!important;
}


.n2-ss-slider{
	background-color: #ffffff45;
	-webkit-backdrop-filter: blur(10px);
	 backdrop-filter: blur(10px);
	padding: 30px 0 50px;
}

.program-slider span{
	color: #F3B6BC;
	font-size:80px;
	padding-right:20px
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
    background-color: #ffffff47;
    border-radius: 10px;
    text-align: center;
}

/*Media queries*/

@media(max-width:1024px){
	#overlayMenu nav.menu-is-active{
    position: fixed;
    top: 0;
    left: 0!important;
    height: 100vh;
    display: flex;
    align-items: center;
    backdrop-filter: blur(15px);
	background-color:#ffffff73;
    transition: all 0.6s ease-in-out;
}
	#overlayMenu nav a.hfe-menu-item{
		    justify-content: center;
		    padding: 20px 0;
			text-align:center
	}
	#overlayMenu nav a.hfe-sub-menu-item{
		    justify-content: center;
		    padding: 20px 10px;
		background-color:transparent;
		text-align:center
	}

	    
	.footer-content{
		display:flex;
		flex-direction:column
	}
input[type="submit"] {
		padding:12px 25px
	}
	form p{
	  margin: 30px auto 0;
    max-width: 500px;
}
}

@media(min-width:1024px){
	nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow{
		  width: 100% !important;
          max-width: none !important;
	}
	 li.menu-item ul.sub-menu{
		 -webkit-backdrop-filter: blur(1px);
		backdrop-filter: blur(1px);
		background-color: #fdf4f39e;
    	margin-top: 25px!important;
 
}

}