/*
  font-family: "Manrope", sans-serif;
  font-family: "Cormorant Garamond", serif;
  font-family: "Libre Baskerville", serif;
  font-family: "Lato", sans-serif;
*/

body{
	  font-family: "Manrope", sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
	color: #414141;
	overflow-x: hidden;
}

body:has(.enConstruccion) {
    background-color: #4F6B80;
    color: #ffffff;
}

.enConstruccion .social a, .enConstruccion .social a:hover{
	color: #ffffff;
}

/*display:none*/
.carousel-indicators, .carousel-control-prev, .carousel-control-next, .enHome.presentacion .imagenEpigrafe, .enHome.presentacion h1, .enHome.los-tres-pilares-de-rua .imagenEpigrafe{
	display: none;
}

header{
    background-color: rgba(98, 146, 158, .5);
    backdrop-filter: blur(7px);
}

header .top{
	background-color: rgba(79, 107, 128, .5);
}

header .redes, header .optIcons{
	line-height: normal;
	height: auto;
}

header .logo{
	background-image: url("logo.webp");
	width: 100px;
	height: 50px;
	margin: 10px 0;
}

header ul.options{
	line-height: 70px;
}

header ul.options a, header ul.options p{
	font-family: "Manrope", sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.75rem;
}


header .options ul{
	background-color: rgba(79, 107, 128,.7);	
	width: max-content;
	white-space: nowrap;	border-radius: 12px;	
}


header .options .active ul{
	background-color: rgba(79, 107, 128,.7);
	width: max-content;
	white-space: nowrap;	
}

header .options ul li a{
	margin: 0;
	font-size: .75rem;
}

header .options a, header .options p, header .options a:hover, header .options p:hover{
	opacity: 1;
	color: rgba(79, 107, 128,1);	
}

header .options ul li a:hover{
	opacity: 1;
	color: rgba(175, 200, 214, 1);	
}

header + .carousel{
	height: 100vh;
}



header + .carousel .carousel-caption{
    text-shadow: 2px 2px 4px #4F6B80;	
}

header + .carousel .carousel-caption h1{
	color: #ffffff;
    font-size: 2.9rem;
    font-weight: 700;
    line-height: 1.2;		
	margin-bottom: 30px;
}

header + .carousel .carousel-caption p{
	color: #ffffff;
}

header + .carousel .carousel-caption p a{
	color: #ffffff;
	font-size: .879rem;
	padding: 0;
	margin-top: 20px;
}

header + .carousel .carousel-caption p a:after{
	content: "\f103";
	font-family: "Font Awesome 6 Free";
    font-weight: 600;
	display: block;
	width: 25%;
	margin: 0px auto 0;
	transition: all .3s;
}

header + .carousel .carousel-caption p a:hover:after{
	transform: translateY(10px);
}

.carousel-item:after{
background: rgba(79, 107, 128, 10);
background: -webkit-linear-gradient(0deg, rgba(79, 107, 128, 1) 0%, rgba(79, 107, 128, 0) 75%);
background: -moz-linear-gradient(0deg, rgba(79, 107, 128, 1) 0%, rgba(79, 107, 128, 0) 75%);
background: linear-gradient(0deg, rgba(79, 107, 128, 1) 0%, rgba(79, 107, 128, 0) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4F6B80", endColorstr="#4F6B80", GradientType=0);	
}

h1, h2, h3{
	font-family: "Cormorant Garamond", serif;
}

.enHome.presentacion{
	background-color: rgba(79, 107, 128, 10);
	color: #ffffff;
	margin-bottom: 0!important;
}

.enHome.presentacion, .enHome.formacion{
	scroll-margin-top: 134px;
}

.enHome.presentacion .texto{
	width: 100%;
	max-width: 600px;
	margin: 0 auto 0;
	text-align: center;
	padding: 90px 0;
	float: none;
	font-weight: 300;
	line-height: 1.6;
}

.enHome.presentacion .texto *:first-child:before{
	content: "";
	background-image: url(separadorBlanco.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 300px;
	height: 50px;
	display: block;
	margin: 0 auto 30px;
}

.enHome.los-tres-pilares-de-rua{
	padding: 90px 0 0;
}

.enHome.los-tres-pilares-de-rua:after{
	content: "";
	display: block;
	width: 60%;
	height: 1px;
	margin: 4rem auto;
	background: linear-gradient(90deg, transparent 0%, rgba(79, 107, 128, 0.3) 50%, transparent 100%);
}
/*
.enHome.los-tres-pilares-de-rua:before{
	content: "";
	display: block;
	width: 100%;
	height: 120px;
	margin-bottom: 60px;
background: linear-gradient(
    180deg,
    rgba(79, 107, 128, 1) 0%,
    rgba(79, 107, 128, 0.938) 12.5%,
    rgba(79, 107, 128, 0.766) 25%,
    rgba(79, 107, 128, 0.531) 37.5%,
    rgba(79, 107, 128, 0.313) 50%,
    rgba(79, 107, 128, 0.156) 62.5%,
    rgba(79, 107, 128, 0.063) 75%,
    rgba(79, 107, 128, 0.016) 87.5%,
    rgba(79, 107, 128, 0) 100%
);
}
*/
.enHome.los-tres-pilares-de-rua .texto, .enHome.formacion .texto{
	width: 100%;
	float: none;
	text-align: center;
}

.enHome.los-tres-pilares-de-rua h1, .enHome.formacion h1, .inside + .articulo h1, #destacados h2{
	display: block;
	margin: 0 auto 30px;
	color: rgba(79, 107, 128,1);
	text-align: center;
    font-size: 2.9rem;
    font-weight: 700;
    line-height: 1.2;	
}

.enHome.los-tres-pilares-de-rua .texto ul, .enHome.formacion .texto ul{
	list-style: none;
	padding: 0;
	display: flex;
	gap: 1em;
	flex-wrap: wrap;
	justify-content: center; /* Centrado horizontal (en el eje principal) */		
	
}

.enHome.los-tres-pilares-de-rua .texto ul li, .enHome.formacion .texto ul li, .inside + .articulo.quienes-somos .texto ul li, .inside + .articulo.psicoterapia .texto ul li, .inside + .articulo.comunidad .texto ul li{
	text-align: center;
	flex: 1 0 100%;
	border-radius: 15px;
	border: 1px solid transparent;
	padding: 2rem;
	padding-bottom: 4rem;
	background-color: #ffffff;
	position: relative;
}

.enHome.los-tres-pilares-de-rua .texto ul li:before, .enHome.formacion .texto ul li:before, .inside + .articulo.quienes-somos .texto ul li:before, .inside + .articulo.psicoterapia .texto ul li:before, .inside + .articulo.comunidad .texto ul li:before{
	content: "";
    background: #ACB5A2;
    background: linear-gradient(180deg, rgba(172, 181, 162, 1) 0%, rgba(172, 181, 162, 0) 100%);
    border-radius: 15px 15px 0 0;
    z-index: -1;
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 0px);
}

.enHome.los-tres-pilares-de-rua .texto ul li p, .enHome.formacion .texto ul li p{
	font-size: .879rem;
}

.enHome.los-tres-pilares-de-rua .texto ul li strong, .enHome.formacion .texto ul li strong, .articulo.psicoterapia .texto ul li strong{
	display: block;
	font-size: 1.75rem;
	font-family: "Cormorant Garamond", serif;
	color: rgba(79, 107, 128,1);
	margin-bottom: .5rem;
	line-height: normal;
	font-weight: 700;
}

.enHome.los-tres-pilares-de-rua .texto ul li:nth-child(1) strong:before{
	content:'\f518';
	font-size: 2.5rem;
	display: block;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;	
}

.enHome.los-tres-pilares-de-rua .texto ul li:nth-child(2) strong:before{
	content:'\f086';
	font-size: 2.5rem;
	display: block;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
}

.enHome.los-tres-pilares-de-rua .texto ul li:nth-child(3) strong:before{
	content:'\f0c0';
	font-size: 2.5rem;
	display: block;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
}

.contacto{
	padding: 90px 0;
	color: #ffffff;
	background-color: rgba(98, 146, 158, 1);
	text-align: center;
	margin-bottom: 0!important;
}

.contacto .container h2 + p{
	width: 70%;
	margin: 0 auto 2rem;
}

.contacto .container iframe{
	width: 100%;
	height: 45vh;
	margin-bottom: 2rem;
	border-radius: 15px;
}

.contacto .container ul{
	list-style: none;
	display: flex;
	gap: 1em;
	flex-wrap: wrap;
	float: left;
	width: 100%;
	margin-bottom: 3rem;
}

.contacto .container ul a{
	color: #ffffff;
	font-size: .879rem;
}

.contacto .container ul li:before{
	display: block;
	margin: 0 auto;
	font-size: 3rem;
	color: #ffffff;
}

.contacto .container ul li:nth-child(1):before{
	content: "\f232";	
	font-family: "Font Awesome 6 Brands";
	font-weight: 600;
}

.contacto .container ul li:nth-child(2):before{
	content: "\f0e0";	
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
}
.contacto .container ul li:nth-child(3):before{
	content: "\f16d""\00a0""\f082";	
	font-family: "Font Awesome 6 Brands";
	font-weight: 600;
}

.contacto .container ul + p{
	display: none;
}

.contacto form{
	display: flex;
	gap: 0rem;
	padding: 45px;
	background-color: rgba(0,0,0,.125);
	border-radius: 15px;
	font-size: .879rem;
}

.contacto form .form-group{
	flex: 1 0 100%;
	text-align: left;
}

.contacto form .form-group label{
	margin-bottom: 5px;
}

.contacto form .form-group input, .contacto form .form-floating>label{
	color: #414141;
}

.contacto form .form-floating>.form-control{
	height: 7.5em;
	line-height: 1.2;
}

.contacto form .btn-primary{
	background-color: transparent;
	border-color:#F6F4F1;
	color: #F6F4F1;
	padding: 15px 30px;
	float: left;
}

.contacto form .btn-primary:hover{
	background-color: #ffffff;
	border-color:#ffffff;
	color: rgba(98, 146, 158, 1);
	padding: 15px 30px;
	float: left;

}

footer{
	background-color: #4F6B80;
	color: #ffffff;
}

footer .footReg *{
	color: #ffffff;
}

footer .redes a{
	color: #4F6B80;
	background-color: #ffffff;
	border-radius: 50px;
	transition: all .3s;
}

footer .redes a:before, footer .redes a:hover:before{
	color: #4F6B80;
}

footer .redes a:hover{
	transform: translateY(-10px);
}

footer .links{
	display: none;
}

/*Inside*/
header.inside{
	position: sticky;
}

.breadcrumbs, .autorShare{
	display: none;
}

.inside + .articulo.quienes-somos, .inside + .articulo.formacion, .inside + .articulo.psicoterapia, .inside + .articulo.comunidad, .inside + .articulo{
	padding-top: 60px;
	padding-bottom: 60px;
}

.inside + .articulo.quienes-somos h1, .inside + .articulo.formacion h1, .inside + .articulo.psicoterapia h1, .inside + .articulo.comunidad h1, .inside + .articulo h1{
	text-align: center;
}

.inside + .articulo.quienes-somos h1:before, .inside + .articulo.formacion h1:before, .inside + .articulo.psicoterapia h1:before, .inside + .articulo.comunidad h1:before, .inside + .articulo.cursada h1:before{
	content: "";
	background-image: url(separadorAzul.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 120px;
	height: 40px;
	display: block;
	margin: 0 auto 15px;
}

.inside + .articulo.quienes-somos .texto, .inside + .articulo.formacion .texto, .inside + .articulo.psicoterapia .texto, .inside + .articulo.comunidad .texto, .inside + .articulo.cursada .texto{
	text-align: center;
	float: none;
	margin: auto;
    font-weight: 300;
    line-height: 1.6;	
}

.inside + .articulo.quienes-somos .texto p strong, .inside + .articulo.formacion .texto p strong, .inside + .articulo.psicoterapia .texto p strong, .inside + .articulo.comunidad .texto p strong, .inside + .articulo.cursada .texto p strong{
    font-weight: 600;
}

.inside + .articulo.quienes-somos .texto ul, .inside + .articulo.psicoterapia .texto ul, .inside + .articulo.comunidad .texto ul{
	list-style: none;
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	padding: 1rem 0 0;
}

.inside + .articulo.quienes-somos .texto ul li, .inside + .articulo.psicoterapia .texto ul li, .inside + .articulo.comunidad .texto ul li{
	flex: 1 0 calc(33% - 1rem);
	font-size: .879rem;
	padding: 1rem;
	padding-bottom: 2rem;
}

.inside + .articulo.formacion .texto ul{
	list-style: none;
}

.inside + .articulo.formacion .texto ul li{
	content: "-";
}

/*Cursos y formación*/
#destacados h2, #destacados h2 + p{
	display: none;
}

.listadoProductos a, .productos a{
	background-color: #f2f2f2;
	color: #414141;	
	text-decoration: none;
	border-radius: 15px;
	overflow: hidden;
	transition: all .3s;
}

.listadoProductos a .texto, .productos a .texto{
	color: #414141;		
	padding: 5px 15px 15px;
	text-align: left;
}

.listadoProductos a .nombreProducto, .productos a .nombreProducto{
	color: #414141;		
	font-family: "Cormorant Garamond", serif;
	font-size: 1.5rem;
	line-height: 1;
	font-weight: 600;
}

.listadoProductos a .precioProducto, .productos a .precioProducto{
	color: #414141;		
	font-family: "Cormorant Garamond", serif;
	font-size: 2rem;
	line-height: 1;
	font-weight: 600;
}

.listadoProductos a .btn-call, .productos a .btn-call{
    font-weight: 600;
    width: 100%;
    text-align: left;
    border: 1px solid #828282;
    border-radius: 15px;
    color: #414141;
    font-size: .879rem;	
}

.listadoProductos a .btn-call:after, .productos a .btn-call:after{
	content: ">";
	float: right;
}

.listadoProductos a:hover .btn-call, .productos a:hover .btn-call, .listadoProductos a .btn-call:hover, .productos a .btn-call:hover{
	border-color: #10110D;
}


.listadoProductos a .imagen img, .productos a .imagen img{
	filter: saturate(1);
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border-radius: 15px 15px 0 0;
}

.listadoProductos a:hover .imagen img, .productos a:hover .imagen img{
	filter: saturate(.5);
}

.listadoProductos a:hover, .productos a:hover{
	background-color: #b0c6d1;
}

.listadoProductos a:hover .nombreProducto, .productos a:hover .nombreProducto, .listadoProductos a:hover .precioProducto, .productos a:hover .precioProducto, .listadoProductos a:hover .btn-call, .productos a:hover .btn-call{
	color: #2b3033;
}

.inside + .producto, .inside + .carrito{
	padding-top: 3rem;
	background-color: #f1f2ec;
	margin-bottom: 4rem;
}

.inside + .producto .container{
	display: flex;
	gap: 2.5%;
	padding-bottom: 4rem;
}

.inside + .producto .container .carouselProducto{
	flex: 1 1 40%;
	float: none;
	margin: 0;
}

.inside + .producto .container .datosProducto{
	flex: 1 1 calc(60% - 2.5%);
}

section.producto h1{
	color: rgba(79, 107, 128,1);
	font-weight: 700;
	margin-bottom: .5rem;
}

.inside + .producto .container .datosProducto .formasTexto{
	margin-top: 0;
}

.inside + .producto .container .datosProducto .formasEnvio{
	display: none;
}

.inside + .producto .container .datosProducto .formasPago{
	width: 30%;
}

.inside + .producto .container .datosProducto .precio{
	font-size: 1.25rem;
}

.formasEnvio, .formasPago, .formasEnvio.active, .formasPago.active, .formasEnvio, .formasPago, .formasEnvio.active, .formasPago.active, .formasEnvio:hover, .formasPago:hover{
	border: 1px solid #ddd;
}

.formasTexto .pago img{
	width: 40px;
}

.inside + .producto .carouselProducto .carousel-inner{
	border-radius: 30px;
	overflow: hidden;
	height: auto;
}

.inside + .producto .carouselProducto .thumbs{
	display: none;
}

.formasTexto.active, .finalizarCompra.active{
	padding: 15px;
}

.inside + .producto .container .datosProducto .formasTexto.active{
	margin-top: 15px;
}

.importeFinal{
	display: flex;
	align-items: center;
}

.inside + .producto .container .datosProducto .btn-call{
	border-radius: 15px;
	background-color: rgba(79, 107, 128,1);
	border:1px solid rgba(79, 107, 128,1);
	color: #ffffff;
	padding: .5rem 1rem!important;
	font-weight: 600;
}

.inside + .producto .container .datosProducto .btn-call:hover{
	background-color: rgba(79, 107, 128,0);
	color: rgba(79, 107, 128,1);
}

.producto + section .descripcion ul{
	list-style: none;
	padding: 0;
	margin: .5rem 0 1rem;
		
}

.producto + section .descripcion ul li{
	font-size: 1rem;
	margin-bottom: .25rem;
}

.producto + section .descripcion ul li:before{
	content:'\2022';
	color: #bfa382;
	font-weight: bold;
	margin-right: 5px;
}

.producto + section .descripcion img, .producto + section .descripcion iframe{
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.producto + section .descripcion iframe{
	height: 50vh;
}

.producto + section .descripcion h2, .producto + section .descripcion h3{
	font-size: 1.75rem;
	font-weight: 700;
	color: rgba(79, 107, 128,1);	
}

.producto + section .descripcion h3{
	font-size: 1.5rem;
	font-weight: 600;
	color: #414141;	
}

 .inside + .articulo.psicoterapia .texto ul li{
	flex: 1 1 calc(50% - 1rem);
}

 .inside + .articulo.psicoterapia .texto ul li:nth-child(1) strong:before{
	content:'\f183';
	font-size: 2.5rem;
	display: block;
	margin: 0 auto;
	font-weight: 600;
	font-family: "Font Awesome 6 Free"; 
}

 .inside + .articulo.psicoterapia .texto ul li:nth-child(2) strong:before{
	content:'\e537';
	font-size: 3rem;
	display: block;
	margin: 0 auto;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
}

 .inside + .articulo.psicoterapia .texto ul li:nth-child(3) strong:before{
	content:'\e068';
	font-size: 2.5rem;
	display: block;
	margin: 0 auto;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
}

.articulo.psicoterapia .texto ul li:nth-child(4) strong:before{
	content:'\e533';
	font-size: 2.5rem;
	display: block;
	margin: 0 auto;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
}

.articulo.comunidad .texto a{
	display: block;
	font-size: .879rem;
	border-radius: 15px;
    background-color: rgba(79, 107, 128, 0);
    border: 1px solid rgba(79, 107, 128, 1);
    color: rgba(79, 107, 128, 1);
    padding: .5rem 1rem !important;
    font-weight: 600;
}

.articulo.comunidad .texto a:hover{
	border-radius: 15px;
    background-color: rgba(79, 107, 128, 1);
    border: 1px solid rgba(79, 107, 128, 1);
    color: rgba(255, 255, 255, 1);
}

/* Estado inicial del texto (invisible y desplazado 20px abajo) */
.fade-in-up {
	filter: blur(10px);
  transition: all 0.5s ease-out;
  will-change: opacity, filter; /* Optimiza el rendimiento de la animación */
}

/* Estado activo (se activa con JavaScript al hacer scroll) */
.fade-in-up.visible {
  	filter: blur(0);	
}

.cursada ul.listadoMaterial li a>p:before{
	color: #4F6B80;
}

.cursada ul.listadoMaterial li a>p:before, .cursada ul.listadoMaterial li:hover a p, .articulo .anteriorSiguiente a{
	color: #4F6B80;
}

.cursada ul.listadoMaterial li:hover a{
	background-color: #f2f2f2;
}

/*Carrito*/

.carrito h2{
	font-weight: 600;
}

.listaCarrito .cabecera{
	background-color: #4F6B80;
	color: #ffffff;
}

.listaCarrito ul.productos li{
	color: #212121;
}

.totales{
	background-color: transparent;
	margin-bottom: 30px;
}

.totales form > p:first-of-type{
	color: #414141;
	font-weight: bold;
	text-transform: uppercase;
	border-left: 5px solid #4F6B80;
	padding-left: 15px;
}

.totales .col-md-6{
	width: 100%;
}

.totales form .btn{
	margin: 15px 0;
	white-space: normal;
	padding: 10px 30px;
	width: 100%;	
	text-transform: none;
    background-color: #4F6B80;
    color: #ffffff;
    BORDER-RADIUS: 8px;
	font-size: 1rem;
	font-weight: normal;
}

.totales form .btn.seguirComprando{
	background-color: transparent;
	margin: 15px 0;
	white-space: normal;
	padding: 10px 15px;
	width: 100%;
	text-transform: none;
	color: #414141;
	border-color: #4F6B80;
    BORDER-RADIUS: 8px;
	font-size: .9rem;
	font-weight: 400;
}

.totales form .btn.seguirComprando:hover{
	background-color: #4F6B80;
	color: #ffffff;
	opacity: 1;
}

.carrito .totales select{
	color: #ffffff;
}

.totales p strong, .carrito .totales input[type="text"], .carrito .totales input[type="tel"] {
	color: #414141;
}

.carrito .totales input[type="text"], .carrito .totales input[type="tel"] {
	background-color: transparent;
}

li a.borrarProducto{
	color: #828282;
	padding: 0;
	border: 0;
	background-color: transparent;
}

li a.borrarProducto:hover{
	color: #000000;
}

.listaCarrito .productos a:hover, .listaCarrito .listadoProductos a:hover{
	border: none;
}

.listaCarrito ul.productos{
	border-radius: 0;
}

.listaCarrito ul.productos li:nth-child(even){
	background-color: #f2f2f2;
}

.listaCarrito ul.productos li .cantidadProducto{
	margin-bottom: 0;
}

.finalizarCompra.active .col-md-6{
	width: 100%!important;
	padding: 0!important;
	margin-bottom: 1rem;
}

.finalizarCompra.active input{
	width: 100%!important;
}
.finalizarCompra.active input[type=submit]{
	width: auto!important;
}

.finalizarCompra.active input.btn{
	font-size: .8rem;
	text-wrap: pretty;
	color: rgba(0, 0, 0, 1);
    border: 1px solid rgba(198, 159, 30, 1);
    border-radius: 0;
    padding: 10px 20px;
    background-color: rgba(198, 159, 30, 0);	
}

.finalizarCompra.active input.btn:hover{
	color: rgba(255,255,255,1.00);
    background-color: rgba(198, 159, 30, 1);	
}

.loginRegistro .btn.btn-success, .registro .btn.btn-call, .articulo.cursada .btn.btn-call{
	background-color: #4F6B80;
	border-color: #4F6B80;
	border-radius: 15px;
	color: #ffffff;
	border: 2px solid #4F6B80;
    padding: 15px 30px;	
}

.recuperarTrigger:hover, .registrarTrigger, .loginRegistro .small a{
color: #4F6B80;	
}

.articulo.cursada .container > p{
	text-align: center;
}

.producto + section .descripcion blockquote{
	margin: 0;
	padding: 1rem;
	background-color: #4F6B80;
	color: #ffffff;
	border: none;
	border-radius: 12px;	
}

.producto + section .descripcion blockquote h3{
	color: #bfa382;
	font-weight: bold;
}

.producto + section .descripcion blockquote ul{
	display: block;
	font-size: .879rem;
	width: 100%;
	border-top: 2px solid #bfa382;
	padding-top: .5rem;
	margin-top: .5rem;	
	margin-bottom: 1rem;
}

.producto + section .descripcion blockquote ul li{
	font-size: .879rem;
}

.articulo.cursada video{
    max-height: 60vh;
    margin: auto;
display: block;	
}


/*Preloader*/

#preloader{
	display: block;
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 9;
	background-repeat: no-repeat;
	background: rgba(79, 107, 128, .5);
	top: 0;
	left: 0;
	text-align: center;
    backdrop-filter: blur(10px);
}

body:has(.enConstruccion) #preloader{
	display: none;
}

#preloader #status{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	color: #ffffff;
}

#preloader #status img:first-of-type{
	width: 150px;
	height: auto;
	margin-bottom: 30px;
}

#preloader #status img.loading{
	width: 30%;
}

@media only screen and (max-width : 479px) {


	.carousel-caption{
		left: 10%;
		right: 10%;
	}
	
	header + .carousel .carousel-caption h1 + p, .enHome.formacion .texto > p{
		width: 100%;
	}
	
	.hamburger{
	    padding: 30px 0 0px;	
	}	

	header ul.options {
	line-height: 2.5rem;
	}	
	

	header + .carousel .carousel-caption h1 + p, .enHome.formacion .texto > p{
		width: 100%;
		margin: auto;
	}	
	
	header ul.options {
	line-height: 2rem;
	}
	
	.articulo .texto{
		width: 100%;
	}
	
	.enHome.formacion .texto > p{
		margin-bottom: 2em;
	}

	.enHome.formacion .texto > p:last-of-type{
		margin-bottom: 3em;
	}

	.enHome.los-tres-pilares-de-rua .texto ul, .enHome.formacion .texto ul, .contacto .container ul{

		justify-content: center;
	}	
	
	.enHome.los-tres-pilares-de-rua .texto ul li, .enHome.formacion .texto ul li, .contacto .container ul li{
		flex: 0 0 100%;
	}	
	
	.inside + .producto .container{
		flex-wrap: wrap;
	}
	
	.producto + section .descripcion{
		width: 60%;
	}	
	
	.inside + .producto .container .carouselProducto{
		flex: 1 1 100%;
	}
	
	.inside + .producto .container .datosProducto{
		flex: 1 1 100%;
	}
	
	.inside + .producto .container .datosProducto .formasPago, .producto + section .descripcion{
		width: 100%;
	}
	
	.inside + .articulo.quienes-somos .texto ul li, .inside + .articulo.psicoterapia .texto ul li, .inside + .articulo.comunidad .texto ul li{
		    flex: 1 0 100%;
	}	
	
	.contacto .container h2 + p{
		width: 100%;
	}	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width:480px) and (max-width : 767px) {

	.carousel-caption{
		left: 10%;
		right: 10%;
	}
	
	header + .carousel .carousel-caption h1 + p, .enHome.formacion .texto > p{
		width: 100%;
	}
	
	.hamburger{
	    padding: 30px 0 0px;	
	}	

	header ul.options {
	line-height: 2.5rem;
	}	
	

	header + .carousel .carousel-caption h1 + p, .enHome.formacion .texto > p{
		width: 100%;
		margin: auto;
	}	
	
	header ul.options {
	line-height: 2rem;
	}
	
	.articulo .texto{
		width: 100%;
	}
	
	.enHome.formacion .texto > p{
		margin-bottom: 2em;
	}

	.enHome.formacion .texto > p:last-of-type{
		margin-bottom: 3em;
	}

	.enHome.los-tres-pilares-de-rua .texto ul, .enHome.formacion .texto ul, .contacto .container ul{

		justify-content: center;
	}	
	
	.enHome.los-tres-pilares-de-rua .texto ul li, .enHome.formacion .texto ul li, .contacto .container ul li{
		flex: 0 0 100%;
	}	

	.inside + .producto .container{
	flex-wrap: wrap;
	}
	
	.producto + section .descripcion{
		width: 60%;
	}	
	
	.inside + .producto .container .carouselProducto{
		flex: 1 1 100%;
	}
	
	.inside + .producto .container .datosProducto{
		flex: 1 1 100%;
	}
	
	.inside + .producto .container .datosProducto .formasPago, .producto + section .descripcion{
		width: 100%;
	}
	
	.inside + .articulo.quienes-somos .texto ul li, .inside + .articulo.psicoterapia .texto ul li, .inside + .articulo.comunidad .texto ul li{
		    flex: 1 0 100%;
	}	
	
	.contacto .container h2 + p{
		width: 100%;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width:768px) and (max-width : 991px) {
	.hamburger{
	    padding: 30px 0 0px;	
	}	

	header ul.options {
	line-height: 2.5rem;
	}	
	

	header + .carousel .carousel-caption h1 + p, .enHome.formacion .texto > p{
		width: 60%;
		margin: auto;
	}	
	
	header ul.options {
	line-height: 2rem;
	}
	
	.articulo .texto{
		width: 80%;
	}
	
	.enHome.formacion .texto > p{
		margin-bottom: 2em;
	}

	.enHome.formacion .texto > p:last-of-type{
		margin-bottom: 3em;
	}

	.enHome.los-tres-pilares-de-rua .texto ul, .enHome.formacion .texto ul, .contacto .container ul{

		justify-content: center;
	}	
	
	.enHome.los-tres-pilares-de-rua .texto ul li, .enHome.formacion .texto ul li, .contacto .container ul li{
		flex: 0 0 calc(50% - 1em);
	}	
	
	.producto + section .descripcion{
		width: 60%;
	}	
	
	.inside + .producto .container .carouselProducto{
		flex: 1 1 50%;
	}
	
	.inside + .producto .container .datosProducto{
		flex: 1 1 calc(50% - 2.5%);
	}
	
	.inside + .producto .container .datosProducto .formasPago, .producto + section .descripcion{
		width: 100%;
	}
	
	.inside + .articulo.quienes-somos .texto ul li, .inside + .articulo.psicoterapia .texto ul li, .inside + .articulo.comunidad .texto ul li{
		    flex: 1 0 calc(50% - 1rem);
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) and (max-width : 1199px) {
	header .logo{
    height: 80px;
	}
	
	header + .carousel .carousel-caption h1 + p, .enHome.formacion .texto > p{
		width: 60%;
		margin: auto;
	}	
	
	header ul.options {
	line-height: 2rem;
	}
	
	.enHome.formacion .texto > p{
		margin-bottom: 2em;
	}

	.enHome.formacion .texto > p:last-of-type{
		margin-bottom: 3em;
	}

	.enHome.los-tres-pilares-de-rua .texto ul li, .enHome.formacion .texto ul li, .contacto .container ul li{
		flex: 0 0 calc(33% - 1em);
	}	
	
	.producto + section .descripcion{
		width: 60%;
	}		
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	header + .carousel .carousel-caption h1 + p, .enHome.formacion .texto > p{
		width: 60%;
		margin: auto;
	}	
	
	.enHome.formacion .texto > p{
		margin-bottom: 2em;
	}

	.enHome.formacion .texto > p:last-of-type{
		margin-bottom: 3em;
	}

	.enHome.los-tres-pilares-de-rua .texto ul li, .enHome.formacion .texto ul li, .contacto .container ul li{
		flex: 0 0 calc(33% - 1em);
	}	
	
	.producto + section .descripcion{
		width: 60%;
	}	

	.listadoProductos a, .productos a{
		width: 31.66666666666667%;
	}
	
	.listadoProductos a:nth-child(4n), .productos a:nth-child(4n){
		margin-right: 2.5%;
	}
	.listadoProductos a:nth-child(3n), .productos a:nth-child(3n){
		margin-right: 0;
	}
	
	
}

@media print {}