/*
	Theme Name: Fundación pastor
	Theme URI: https://www.stilogolab.com/
	Description: Plantilla personalizada para la Fundación Pastor
	Version: 1.1
	Author: Stílogo Lab S.L
	Tags: HTML5, CSS3, Responsive

*/


/*------------------------------------*\
    MAIN
\*------------------------------------*/



@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Italic.ttf');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Bold.ttf');
	font-weight: 700;
	font-style: normal;

}

@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-BoldItalic.ttf');
	font-weight: 700;
	font-style: italic;
}

@font-face {
		font-family: 'Lato';
		src: url('fonts/Lato-Regular2.ttf');
		font-weight: 400;
		font-style: normal;
	
	}

@font-face {
	font-family: 'Playfair Display';
	src: url('fonts/PlayfairDisplay-Bold.ttf');
	font-weight: 700;
}

@font-face {
	font-family: 'Playfair Display';
	src: url('fonts/PlayfairDisplay-Regular.ttf');
	font-weight: 400;
}



/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	outline: none;
}


/* html element 62.5% font-size for REM use */
html {
	height: 100%;
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

body {
	 /* Utiliza la tipografía añadida para el cuerpo */
	font-family: 'Lato', sans-serif;
	line-height: 1.5;
	color: #3d3d3d;
	background-color: #ffffff; 
	font-weight: 400;
	margin: 0;
	padding: 0;
	font-size: 100%;
}


img[src*=".svg"] {
  width: 100%; 
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height: auto;
}
a {
	color: #3d3d3d;
	text-decoration:none;
}
a:hover {
	color:#46544e;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
}

button {
	background-color: transparent;
} 

h1, h2 ,h3 {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
}



h2, h3, h4, h5, h6 {
	line-height: 1.2;
	color: #3d3d3d;
}
 
.animated-f { 
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.animated-f-out {
	-o-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out; 
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out; 
}


.btn,
.btn:after, 
.animated {
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  } 
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}




.flex {
	display: flex;
}

.linea-izquierda::after {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #fff;
	margin: 25px 0 0 0;
}

.linea-derecha::after {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #fff;
	margin: 25px 0 0 auto;
}

.linea-centro::after {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background-color: #fff;
	margin: 25px auto;
}





.btn-main {
	background-color: #b95767;
	padding: 6px 10px;
	border: 0;
	font-size: 1em;
	color: #fff;
    display: inline-block;
    cursor: pointer;
	line-height: 1.2;
	text-align: center;
	display: inline-flex;
	align-items: center;
	position: relative;
	border-radius: 4px;
	font-weight: 600;
	cursor: pointer;
}

.btn-main.disabled {
	background-color: #cbcbcb;
	cursor: not-allowed;
}

.btn-main.disabled:hover {
	background-color: #cbcbcb;
	cursor: not-allowed;
}


.btn-main:hover {
	color: #fff;
	background-color: #e3425d;
}




.btn-main-r { 
	background-color: tomato;
	padding: 10px 18px;
	font-size: 1.2em;
	color: #fff;
    display: inline-block;
    cursor: pointer;
    border: 0;
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
	display: inline-flex;
	align-items: center;
	position: relative;
}

.btn-main-r:after {
	opacity: 0;
	transform: translateX(-100%);
	content: '>';
	position: absolute;
	right: 18px;
	color: #000;
}

.btn-main-r:hover:after {
	opacity: 1;
	transform: translateX(0);
}

.btn-main-r:hover {
	padding-right: 40px;
	color: #000;
	background-color: #ffd22b;
}






.btn-main-b { 
	background-color: #5e9ba9;
    padding: 6px 10px;
    font-size: 1em;
    color: #fff;
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    display: inline-flex;
    align-items: center;
    position: relative;
    border-radius: 4px;
    font-weight: 600;
}

.btn-main-b:hover {
	color: #fff;
	background-color: #3fadbf;

}


.btn-main-g {
	background-color: #5fa38e;
	padding: 6px 10px;
	font-size: 1em;
	color: #fff;
    display: inline-block;
    cursor: pointer;
	line-height: 1.2;
	text-align: center;
	display: inline-flex;
	align-items: center;
	position: relative;
	border-radius: 4px;
	font-weight: 600;
}


.btn-main-g:hover {
	color: #fff;
	background-color: #6bb59e;
}




.btn-main-line-w {
	background-color: transparent;
	padding: 6px 10px;
	font-size: 1em;
	color: #3d3d3d;
    display: inline-block;
    cursor: pointer;
	line-height: 1.2;
	text-align: center;
	display: inline-flex;
	align-items: center;
	position: relative;
	border-radius: 4px;
	font-weight: 600;
	border: 1px solid #3d3d3d;
}


.btn-main-line-w:hover {
	color: #3d3d3d;
	background-color: #fff;
	border: 1px solid #fff;

}



.btn-main-w {
	background-color: #fff;
	padding: 10px 18px;
	font-size: 1.2em;
	color: #768983;
    display: inline-block;
    cursor: pointer;
    border: 0;
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
	display: inline-flex;
	align-items: center;
	position: relative;
}

.btn-main-w:after {
	opacity: 0;
	transform: translateX(-100%);
	content: '>';
	position: absolute;
	right: 18px;
	color: #000;
}

.btn-main-w:hover:after {
	opacity: 1;
	transform: translateX(0);
}

.btn-main-w:hover {
	padding-right: 40px;
	color: #000;
	background-color: #ffd22b;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
	border: 0;
}


.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

textarea {
	resize: none;
	font-family: 'Open Sans Condensed', sans-serif;

}

.parallax-image {
	width: 100%;
}

.brush {
	width: 100%;
	height: 35px;
	background-image: url('img/brush.png');
	background-position: center top;
	
}

.brush-white {
	width: 100%;
	height: 35px;
	background-image: url('img/brush-white.png');
	background-position: center top;
	position: relative;
	z-index: 2;
	margin-top: -35px;
}

/* MODAL */

.modal {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(149,190,178);
	background: -moz-linear-gradient(0deg, rgba(149,190,178,1) 0%, rgba(197,220,213,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(149,190,178,1) 0%, rgba(197,220,213,1) 100%);
	background: linear-gradient(0deg, rgba(149,190,178,1) 0%, rgba(197,220,213,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#95beb2",endColorstr="#c5dcd5",GradientType=1);
    display: none;
    overflow: auto;
    border-radius: 4px;
}

.modal .container{
	position: relative;
	height: 100%;
}


.modal .container .box-modal {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
    padding: 25px;
	text-align: center;	
	width: 90%;
	max-width: 800px;
	border-radius: 4px;
}

.modal .container .box-modal .close {
    display: block;
    position: absolute;
    background-color: #b95767;
    padding: 5px;
    width: 35px;
    height: 35px;
    right: 20px;
    top: 20px;
    cursor: pointer;
	z-index: 999;
    border-radius: 4px;


}

.modal .container .box-modal .title {
	font-family: 'Playfair Display', serif;
    font-weight: 700;
	font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    margin: 10px 0 20px 0;
}

.modal .container .box-modal .description {
	font-size: 1em;
	margin-bottom: 20px;
}


.modal .btn-agree {
    padding: 6px 20px 10px 20px;
    background-color: #b95767;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 700;
    cursor: pointer;
    border-radius: 4px;
	color: #fff;
    line-height: 1.1;
}

/* Barra de progreso formularios */
.bar {
	background-color: #73b632;
	height: 100%;
	width: 0%;
	position: absolute;
	overflow: hidden;

}

.progress {
    display: none;
    height: 30px;
    position: relative;
    margin: 20px 0;
    background-color: #f2f2f2; 
}


/* Welcome Alert */

#welcome-alert {
	max-width: none !important;
	display: none;
}


#welcome-alert .container .box-modal {
	opacity: 0;
}

/* Completed1 Alert */

#completed1-alert {
	display: none;
}


#completed1-alert .container .box-modal {
	opacity: 0;
}

#menu-item-14825 {
    background-color: #f4efe9;
}

/*
.percent {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 600;
}
	
*/



/* Tooltips */
/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	font-size: 0.8em;
	padding: 4px 10px;
	max-width: 300px;
	text-align: center;
}

.tooltipster-base:after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background-color: #fff;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}

.tooltipster-base:after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background-color: #fff;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}



.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}



/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

 
.mensaje-superior {
	color: #fff;
	background-color: #768983;
	padding: 5px 0 10px;
}

.mensaje-superior .container {
	display: flex;
	 justify-content: center; 
	/* para imagen
	justify-content: center; */

}

.mensaje-superior .box-texto {
	display: flex;
	align-items: center;
}

.mensaje-superior .titulo {
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 10px;
	position: relative;
	padding-right: 6px;
}

.mensaje-superior .titulo .dot {
	width: 4px;
	height: 4px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 4px;
	animation: fadeInOut 2s infinite;
}

  @keyframes fadeInOut {
	  0%, 100% {
		opacity: 1;
	  }
	  50% {
		opacity: 0;
	  }
	}


.mensaje-superior .texto {
	position: relative;
	/* para imagen
	padding-left: 25px;
	margin-top: 2px;

	*/
}

.mensaje-superior .texto p {
	margin: 0;
}

.mensaje-superior .texto a {
	color: #f2e197
}


.mensaje-superior img {
	width: 16px;
	margin-right: 10px;
	position: absolute;
}


.mensaje-superior .cerrar {
	width: 20px;
	cursor: pointer;
}

.mensaje-superior .lastest-courses-mini img {
	height: 30px;
	width: 30px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.mensaje-donacion {
	background-color: #b95767;
}

/*------------------------------------*\
	Navidad
\*------------------------------------*/

.navidad-adorno {
	position: absolute;
	width: 50px;
	height: 10px;
	z-index: 99999;
	display: block;
	left: 64px;
	top: 110px;
}

.navidad-adorno.landscape {
	right: -10px;
	top: 24px;
	width: 39px;
	left: auto;
}

header.main.is-sticky > .container > .navidad-adorno {
	display: none;
}

.navidad-mensaje {
	text-align: center;
}

.navidad-mensaje > .container {
	padding-top: 50px;
}

.navidad-mensaje img {
	max-width: 750px;
	margin: 0 auto;
	width: 90%;
}

@media only screen and (max-width:1280px) {
	.navidad-adorno {
		position: absolute;
		width: 40px;
		height: 10px;
		z-index: 99999;
		display: block;
		left: 53px;
		top: 88px;
	}
}


@media only screen and (max-width:1024px) {
	.navidad-adorno {
		position: absolute;
		width: 30px;
		height: 10px;
		z-index: 99999;
		display: block;
		left: 40px;
		top: 67px;
	}
}

/*------------------------------------*\
    Tooltip nueva sección
\*------------------------------------*/


body:not(.formacion):not(.single-formacion):not(.page-template-solicitar_formacion) .tooltip-formacion {
 display: block;
}

.tooltip-formacion {
	display: none;
    position: absolute;
    background-color: #cb384b;
    font-size: 0.8em;
    padding: 7px 15px;
    border-radius: 10px;
    left: 50%;
    margin-top: 14px;
    transform: translate(-50%, 0);
    text-align: center;
    color: #fff;
    line-height: 1;
}

.tooltip-formacion::after {
	content:'';
	position: absolute;
	display: block;
    background-color: #cb384b;
    width:20px;
    height: 20px;
    transform: rotate(45deg) translateX(-50%);
    left: 50%;
    top: 0px;
    z-index: -1;
}


@keyframes subebaja {
  0% {
	transform: translate(-50%, 0);
  }
  50% {
	transform: translate(-50%, 10px);
  }
  100% {
	transform: translate(-50%, 0);

  }
}
.subebaja {
	animation-name: subebaja;
	transition: all 0.2s ease-in;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-duration: 2s;
}



/*------------------------------------*\
    Botonera
\*------------------------------------*/


.spacer {
	display: block;
	height: 1px;
	width: 100%;
}

header.main {
}


header.main .box-icons {
	display: flex;
	align-items: center;
	padding-left: 20px;
}

header.main .logo {
	max-width: 100px;
	width: 100%;
	position: absolute;
	z-index: 9999;
	border-radius: 0px 0px 4px 4px;
	box-shadow: 0px 6px 6px rgba(0,0,0,0.12);
	overflow: hidden;
}

header.main .logo-landscape {
	display: none;
	position: relative;
}



header.main .logo img {
	min-width: 100px;
	width: 100%;
	max-width: 170px;
}

header.main.is-sticky .logo {
    display: flex;
    align-items: center;
    display: none;
}

header.main.is-sticky .logo-landscape {
	display: block;
    max-width: 250px;
	display: flex;
	align-items: center;
}

header.main > .container {
	display: flex;
	justify-content: space-between;
}

header.main .rrss  {
	margin-right: 10px;
}

header.main .rrss .container {
	display: flex;
	display: none;
}

header.main .bookings {
    display: flex;
    align-items: center;
    white-space: nowrap;
}


header.main .rrss .container .item-rs {
	width: 23px;
	margin-right: 10px;
}
 
 
header.main .box-header {
	display: flex;
    padding-left: 120px;
	justify-content: space-between;
	width: 100%;
}


 
header.main .box-header .cart {
	position: relative;
	padding: 0 5px;
}

header.main .box-header .box-my-account {
	display: flex;
	align-items: center;
}

header.main .box-header .box-my-account .btn-create-account {
	margin-left: 15px;
}

header.main .box-header .my-account {
	padding: 0 5px;
}

header.main .box-header .icon-my-account,
header.main .box-header .my-account .icon-my-account {
	width: 17px;
	height: 25px;
	margin-left: 5px;
}  

header.main .box-header .box-my-account {
	font-weight: 700;
	padding: 4px 10px;
    border-radius: 4px;
	background-color: #f0f3f2;
}

header.main .box-header .box-my-account:hover {
	background-color: #d8e0dd;
}

header.main .box-header .cart .icon-cart{
	width: 25px;
	height: 25px;
} 

header.main .box-header .cart .n-products {
position: absolute;
    background-color: #b95767;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 0.55em;
    width: 15px;
    height: 15px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    right: -2px;
    top: -2px;
}
 
header.main .box-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
 
header.main .box-menu .lang ul {
	display: flex;
	padding: 0;
	margin: 0 0 0 10px;
	list-style: none;
	align-items: center;
}

  
header.main .box-menu .lang ul li {
	width: 26px;
	margin: 0 5px;
}

header.main .box-menu .main > .container {
	display: flex;
	justify-content: center;
}

header.main .box-menu .button-admin {
	position: relative;
    background-color: #75c9b4;
    padding: 5px;
    color: #fff;
    height: 23px;
    width: 23px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    margin: 0 0 0 10px;
}

header.main .box-menu .button-admin:hover {
	background-color: #555a59;
}

header.main .box-menu .button-admin img {
	width: 21px;
	height: 21px;
}


header.main nav.main {
	
}


header.main nav.main #menu-item-9534,
header.main nav.main #menu-item-403 {
	position: relative;
	background-color: #28752a;
	padding-right: 40px;
}

header.main nav.main #menu-item-9534:hover,
header.main nav.main #menu-item-403:hover {
	background-color: #32ab34;
}

header.main nav.main #menu-item-9534 a,
header.main nav.main #menu-item-403 a {
	color: #fff;	
	display: flex;
	align-content: center;
}

header.main nav.main #menu-item-9534 a:after,
header.main nav.main #menu-item-403 a:after {
	content: url('img/icons/icon_user.svg');
	display: block;
	width: 20px;
	position: absolute;
	right: 12px;
}

header.main nav.main ul.menu  {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style: none;
}

header.main nav.main ul.menu li {
	font-weight: 600;
	text-transform: uppercase;
	padding: 12px 20px;
	font-size: 0.8em;
	white-space: nowrap;
	
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;	
}

header.main nav.main ul.menu li:hover {
	text-decoration: underline;
}

header.main nav.main ul.menu li.current-menu-item a {
	color: #768983;
} 

header.main.burger nav.main ul.menu li {
	font-size: 1.1em;
}


/* is sticky */

header.main.is-sticky  {
	background-color: #fff;
	box-shadow: 0px 3px 10px rgb(50 99 51 / 11%);
    z-index: 99999;
}

header.main.is-sticky .box-header {
	padding-left: 2%;
}

header.main.is-sticky .box-icons {
	display: none;
}

header.main.is-sticky nav.main ul.menu li {
	padding: 22px 20px;
}


/* languages */

.languages {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	align-items: center;
	margin-left: 15px;
}

.languages li {
	width: 30px;
	margin: 0 5px;
}

.languages li.active {
	opacity: 0.4;
}



/*------------------------------------*\
    BURGER MENU
\*------------------------------------*/


.ham {
	position: fixed;
	/* keep the hamburger button above everything */
	z-index: 100;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	border: 0;
	z-index: 9999999;
}

.ham .menuIcon {
	display: block;
	position: relative;
	background: #768983;
    padding: 10px;
}

.ham .menuIcon span.line {
	display: block;
    width: 20px;
    height: 3px;
    margin-bottom: 4px;
    background-color: #fff;
}

.ham .menuIcon span.line:last-of-type {
    margin-bottom: 0px;
}

.xIcon  span.line:nth-child(1) {
	display: block;
    width: 20px;
    height: 3px;
    background-color: #fff;
	transform: rotate(45deg) translate(1px,1px);
}

.xIcon  span.line:nth-child(2) {
	display: block;
    width: 20px;
    height: 3px;
    background-color: #fff;
	transform: rotate(-45deg) translate(1px,-1px);
}
.xIcon {
	display: none;
    padding: 10px;
}

header.main.burger {
	position: fixed;
	display: flex;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background: rgb(118 137 131 / 90%);
	transform: translateY(-100%);
	transition: transform 0.2s;
	list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
	z-index: 999999;
	overflow-y: auto;
	
}

header.main.burger .rrss .container .item-rs {
	    margin: 5px;
}

header.main.burger .box-icons {
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

header.main.burger .rrss .container {
	justify-content: center;
}


header.main.burger .box-icons > div {
	width: 100%;
	justify-content: center;
}

header.main.showMenu {
	transform: translateY(0);
}

.menu-burger ul {
	list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 1.3em;
}

.menu-burger li {
	text-transform: uppercase;
	padding-bottom: 10px;
}

.menu-burger li a {
	color: #fff;
}



header.main.burger > .container {
	flex-wrap: wrap;
	flex-direction: column-reverse;
}

header.main.burger nav.main ul.menu {
	flex-wrap: wrap;
}

header.main.burger nav.main ul.menu li {
	width: 100%;
	text-align: center;
}

header.main.burger nav.main ul.menu li a {
	color: #fff;
}

header.main.burger .box-menu .lang ul {
	margin: 0;
}

header.main.burger nav.main {
	width: 100%;
	margin-bottom: 30px;
}

header.main.burger .box-menu {
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-bottom: 30px;
}

/*------------------------------------*\
    404
\*------------------------------------*/

article#post-404 {
	text-align: center;
	padding: 120px 0;
}


article#post-404 h1 {
	max-width: 600px;
	margin: 0 auto 20px auto;
}

article#post-404 a {
	color: #3d3d3d;
}


/* TEMPORAL */
	


/* ######### */


/*------------------------------------*\
    Contacto
\*------------------------------------*/




main.general.contacto {
	padding: 0;
}

main.contact .intro {
	position: relative;
}

main.contact .intro .box-text-left {
	position: relative;
    width: 40%;
	z-index: 3;
}

main.contact .intro .logo {
    width: 100%;
    max-width: 250px;
	padding: 90px 0;
}

main.contact .intro .box-title h1 {
    color: #768983;
    font-size: 3.5em;
    max-width: 500px;
    margin-bottom: 20px;
}

main.contact .intro .subtitle {
    font-family: 'Playfair Display', serif;
    color: #000;
    font-size: 2.5em;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

main.contact .intro .box-text {
	padding-bottom: 40px;
}

main.contact .intro .box-text .tel {
	font-size: 1.5em;
	margin-bottom: 20px;
}


main.contact .intro .box-text .title {
	font-weight: 600;
	color: #9a3b26;
	text-transform: uppercase;
	font-style: italic;
}

main.contact .intro .box-text .item {
	padding-bottom: 20px;
}

main.contact .intro .box-text .item.address p {
	margin: 0;
}


main.contact .mask {
	position: absolute;
	top: 0;
	right: 50%;
	display: block;
	background-color: #f5f5f5;
	width: 20%;
	height: 100%;
  -webkit-transform: skewX( -8deg )translateX(-10%);
    transform: skewX( -8deg )translateX(-10%);
    z-index: 1;

}
main.contact .box-map {
	position: absolute;
    width: 60%;
    top: 0;
    height: 100%;
    right: 0;
    background-color: rgb(229, 227, 223);
      
    
}

main.contact .box-map #google-maps {
	height: 100%;
	width: 100%;
}

main.contact section.contact-form {
	background-color: #768983;
	padding: 60px 0;
}

main.contact section.contact-form h3 {
	color: #fff;
	font-size: 2.2em;
	text-align: center;
}

main.contact form#contact {
	max-width: 960px;
	margin: 0 auto;
}




main.contact form#contact .flex > div {
	width: 50%;
	margin: 0 20px;
}

main.contact form#contact .flex > div:first-of-type {
	margin-left: 0;
}

main.contact form#contact .flex > div:last-of-type {
	margin-right: 0;
}

main.contact form#contact ::-webkit-input-placeholder { /* Edge */
  color: #8ba78b;
}

main.contact form#contact :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8ba78b;
}

main.contact form#contact ::placeholder {
  color: #8ba78b;
}

main.contact .protection-data-text {
    max-width: 960px;
    margin: 60px auto 20px auto;
    color: #fff;
}

main.contact .protection-data-text a {
    color: #ffd22b;
}


main.contact form.general .campo-lopd {
	color: #fff;
}

main.contact form.general .campo-lopd a {
    color: #ffd22b;
}

main.contact .protection-data-text .title {
    font-size: 1.4em;
    margin: 10px 0;
}



/*------------------------------------*\
    Fast contact
\*------------------------------------*/


section.contact-form.fast-contact {
    background-color: #768983;
    padding: 60px 0;
}

section.contact-form.fast-contact h3 {
	color: #fff;
	font-size: 2.2em;
	text-align: center;
}

.fast-contact form#contact {
	max-width: 960px;
	margin: 0 auto;
}




form#contact .flex > div {
	width: 50%;
	margin: 0 20px;
}

form#contact .flex > div:first-of-type {
	margin-left: 0;
}

form#contact .flex > div:last-of-type {
	margin-right: 0;
}

form#contact ::-webkit-input-placeholder { /* Edge */
  color: #8ba78b;
}

form#contact :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8ba78b;
}

form#contact ::placeholder {
  color: #8ba78b;
}

.fast-contact .protection-data-text {
    max-width: 960px;
    margin: 60px auto 20px auto;
    color: #fff;
}

.fast-contact .protection-data-text a {
    color: #ffd22b;
}


.fast-contact form.general .campo-lopd {
	color: #fff;
}

.fast-contact  form.general .campo-lopd a {
    color: #ffd22b;
}

.fast-contact  .protection-data-text .title {
    font-size: 1.4em;
    margin: 10px 0;
}


/*------------------------------------*\
    Galería entrada
\*------------------------------------*/


.galeria-entrada {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

.galeria-entrada li {
	width: 33%;
	padding: 0 10px;
	margin-bottom: 20px;
}

.galeria-entrada .imagen {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	cursor: pointer;
}

.ejemplos .galeria-entrada .imagen {
	border: none;
	text-align: center;
}

.galeria-entrada .descripcion {
	font-size: 0.8em;
	text-align: center;
}

.carousel-galeria-entrada .carousel-cell {
	width: 100%;
	height: calc(100vh - 200px);
	text-align: center;
}

.popup-entrada {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(50,55,72,0.9);
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.popup-entrada .contenedor {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-55%);
	padding: 20px;
	
}

.popup-entrada .cerrar {
	width: 50px;
	position: absolute;
	right: 30px;
	top: 30px;
	cursor: pointer;
}

.popup-entrada {
	display: none;
}

.galeria-entrada .imagen-cell {
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.galeria-entrada .descripcion-cell {
	background-color: #f8f8f8;
}

.navegacion-galeria {
	display: flex;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	padding: 20px;
	background-color: #f8f8f8;
	bottom: 0;
}

.prev-next {
	display: flex;

}

.prev-next > div {
	cursor: pointer;
}

.prev-next img {
    width: 15px;
}

.prev-next .previous {
	margin-right: 20px;
}

.post-template-default div.importante{
padding: 20px;
background-color: #f4efe9;
}


/*------------------------------------*\
    Single
\*------------------------------------*/


main.single {
	padding: 60px 0;
}

main.single h1 a {
	color: #768983;
}

main.single h3 {
	font-size: 1.8em;
	color: #768983;
}

main.single h4 {
	color: #444;
}

main.single > .flex {
	gap: 2rem;
}

main.single blockquote {
	font-size: 1.6em;
	font-style: italic;
}

main.single h1 {
	font-size: 2.3em;
	color: #768983;
}

main.single .wrapper section {
	width: 75%;
}
 
main.single aside {
	width: 25%;
}

main.single article {
	font-size: 1.2em;
}

main.single article a {
	color: #768983;
	text-decoration: underline;
}

/* Temporal */
.box-postales-verano {
	margin: 0 auto;
	padding: 60px 0;
}

.box-postales-verano img {
	max-width: 300px;
}

.box-postales-verano h3 {
	color: #435f57;
	font-size: 2em;
}

.box-postales-verano p {
	font-size: 1.2em;
	max-width: 600px;
	margin: 0 auto;
}
/*------------------------------------*\
    Single curso
\*------------------------------------*/

main.single-curso .box-prev-next-buttons {
	padding: 10px 0;
	display: flex;
}

main.single-curso .box-prev-next-buttons > div {
	margin-right: 10px;
}

main.single-curso {
	
}

main.single-curso section.content {
	padding: 50px 0;	
}


main.single-curso .content > .container {
	display: flex;
}

main.single-curso .content .main-content {
	width: 70%;
	margin-right: 10%;
}

main.single-curso .content .main-content h2.title {
	font-size: 3em;
	margin-bottom: 10px;
}

main.single-curso .content .main-content .level {
    font-size: 1.1em;
    color: #fff;
    padding: 0px 9px;
    border-radius: 15px;
    display: inline-block;
    margin-bottom: 20px;
}

main.single-curso .content .main-content .level-1 {
	background-color: #089d67;
}

main.single-curso .content .main-content .level-2 {
	background-color: #d87532;
}

main.single-curso .content .main-content .level-3 {
	background-color: #2eb6b1;
}

#box-curso .box-unidad .nivel-2 {
	background-color: #d87532;
}

main.single-curso .content .main-content h1 span {
	color: #768983;
	display: block;
}

main.single-curso .content .main-content .box-impartido {
	font-family: 'Playfair Display', serif;
    font-size: 1.6em;
    font-style: italic;
    font-weight: 700;
   	margin-bottom: 20px;
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #c5dcd5;
	border-top: 1px solid #c5dcd5;
	line-height: 1.1;

}
main.single-curso .content .main-content .box-impartido span {
	color: #768983;
}

main.single-curso .content aside {
	width: 30%;
}


main.single-curso .content .main-content .box-intro {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c5dcd5;
}

main.single-curso .content aside .box-aside {
	background-color: #eff6f4;
	padding: 20px 40px; 
    margin-bottom: 20px;
}

.box-aside.requirements {
	display: none;
}

main.single-curso section.content aside .box-aside h3 {
	font-family: 'Playfair Display', serif;
    font-size: 1.6em;
    margin: 0;
}



main.single-curso .top .bg {
/*	background-color: #c5dcd5;
    height: 50vw;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
*/
}



main.single-curso .top {
	padding-top: 140px;
	background-color: #c5dcd5;
	padding-bottom: 40px;
}

main.single-curso .top .terms {
	
}

main.single-curso .top .terms .parent {
	font-weight: bold;
	color: #768983;
}

main.single-curso .top .terms .child {
	
}


main.single-curso .top h1 {
	font-size: 2em;
	margin-bottom: 20px;
}

main.single-curso .top h1 span {
	display: block;
    font-size: 0.7em;
    color: #768983;
}

main.single-curso .top > .container {
	display: flex;
}

main.single-curso .top .box-video {
	width: 70%;
}

main.single-curso .top .box-video iframe {
	background-color: #46544e;
	position: relative;
	background-image: url('img/loading_w.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px;
	border: 0;
}


main.single-curso .box-video .video-coming-soon {
	background-color: #92a3a3;
	background-image: url('img/bg_coming_soon.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	widows: 100%;
	height: 100%;
}




main.single-curso .box-video .video-coming-soon .container {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

main.single-curso .box-video .video-coming-soon .container .title {
	color: #fff;
	font-size: 2em;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
}

main.single-curso .top aside {
	width: 30%;
	padding-left: 5%;
}

main.single-curso iframe {
	-webkit-box-shadow: 0px 0px 15px 5px rgba(86,110,96,0.25); 
	box-shadow: 0px 0px 15px 5px rgba(86,110,96,0.25);
}

main.single-curso aside .box-impartido {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.2;
}

main.single-curso aside .box-impartido span{
	color: #fff;
	font-weight: 700;
}

main.single-curso aside .box-impartido .mask {
	overflow: hidden;
	border-radius: 50%;
	background-color: #fff;
	width: 60px;
	margin: 0 10px 0 0;
}

main.single-curso aside .meta-data {
	margin-bottom: 20px;
}


main.single-curso aside .meta-data strong {
	font-weight: bold;
}

main.single-curso aside .meta-data > div {
	margin-bottom: 5px;
}



main.single-curso aside .prev {
	margin-right: 10px;
}

main.single-curso .suscribete-video {
	display: none;
	position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgb(65 102 91 / 90%);
}

main.single-curso aside .prev {
	margin-right: 10px;
}

main.single-curso .suscribete-video .container {

	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;	
	text-align: center;
}

main.single-curso .suscribete-video .box-text {
	width: 80%;

}

main.single-curso .suscribete-video .box-text .title {
	font-family: 'Playfair Display', serif;
	color: #fff;
	font-size: 1.8em;
	margin-bottom: 10px;
	line-height: 1.2;
	font-weight: bold;
}

main.single-curso .suscribete-video .box-text .text {
	color: #fff;
	font-size: 1.4em;
	margin-bottom: 10px;
	line-height: 1.2;
}


main.single-curso .suscribete-video .box-btn {
	font-size: 1.2em;
}

main.single-curso .content aside .box-details .categories {
	margin-bottom: 10px;
}


main.single-curso .content aside .box-details .categories .category {
	text-decoration: underline;
	color: #768983;
}

main.single-curso .content aside .box-details .tags {
	margin-bottom: 10px;
}


main.single-curso .content aside .box-details .tags .tag {
    background-color: #c5dcd5;
    margin-bottom: 10px;
    margin: 2px;
    padding: 0px 6px 2px 6px;
    display: inline-block;
    border-radius: 5px;
    font-size: 0.9em;
    line-height: 1.2;
}

/* Suscribed */

main.single-curso.suscribed .top {
	padding-top: 120px;
}

main.single-curso.suscribed .top h1 {
    font-size: 2em;
    margin-bottom: 20px;
	max-width: 900px;
}

main.single-curso.suscribed .top > .container {
	display: block;
} 
 
main.single-curso.suscribed .top > .container .box-video {
    width: 100%;
}

main.single-curso.suscribed .top .box-navigation {
	padding: 20px 0;
}

main.single-curso.suscribed .top .box-navigation > .container {
	display: flex;
	justify-content: flex-end;
}

main.single-curso.suscribed .top .box-navigation .navigation-buttons .btn-next {
	margin-left: 10px;
}


main.single-curso.suscribed .top aside {
	width: 100%;
	padding-left: 0;
}

main.single-curso #popup-box-course {
	position: absolute;
    top: 0;
    z-index: 10;
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow: auto;
}

main.single-curso #popup-box-course .container {
	padding: 50px 0;
}



main.single-curso .content aside .btn-view-course-content {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-size: 1.1em;
    cursor: pointer;
    text-align: left;
}

main.single-curso .content aside .btn-view-course-content:hover {
	background-color: #768983;
	color: #fff;
}

main.single-curso .content aside .btn-view-course-content .icon {
	width: 80px;
	min-width: 60px;
}

main.single-curso .content aside .btn-view-course-content .text {
	margin-left: 20px;
}

/* Recomended sesions */
main.single-curso .content .main-content .recommended-sessions {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c5dcd5;
}

main.single-curso .content .main-content .recommended-sessions .session,
main.single-curso .content .main-content .recommended-sessions  {
	position: relative;
}


	
main.single-curso .content .main-content .recommended-sessions .hidden {
	display: none;
}

main.single-curso .content .main-content .recommended-sessions .list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
}	

main.single-curso .content .main-content .recommended-sessions .list .session {
	flex-basis: 25%;
	padding: 0 10px 10px 0;
}
	
main.single-curso .content .main-content .recommended-sessions .imagen {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}
	
main.single-curso .content .main-content .recommended-sessions .imagen .viewed {
	position: absolute;
	bottom: 5px;
	left: 5px;
	line-height: 1.1;
	padding: 1px 7px 2px 7px;
	background-color: #087aa4;
	border-radius: 4px;
	color: #fff;
	font-size: 0.9em;
}
	
main.single-curso .content .main-content .recommended-sessions .imagen .new {
	position: absolute;
	top: 20px;
	right: -36px;
	background: #3f7e8d;
	padding: 1px 40px 2px 40px;
	color: #fff;
	border-radius: 4px;
	font-size: 0.9em;
	transform: rotate(45deg);
}
	
main.single-curso .content .main-content .recommended-sessions .imagen .coming-soon {
	position: absolute;
	top: 36px;
	right: -36px;
	background: #a94747;
	padding: 1px 40px 2px 40px;
	color: #fff;
	border-radius: 4px;
	font-size: 0.9em;
	transform: rotate(45deg);
}
	
main.single-curso .content .main-content .recommended-sessions .imagen .duration {
	position: absolute;
	bottom: 5px;
	right: 5px;
	background-color: rgba( 0, 0, 0, 0.3);
	line-height: 1.1;
	padding: 1px 7px 2px 7px;
	border-radius: 4px;
	color: #fff;
	font-size: 0.75em;
}
	
main.single-curso .content .main-content .recommended-sessions .titulo {
	/* font-family: 'Playfair Display', serif;
	font-weight: 700; */
	margin: 0;
	font-size: 1em;
	line-height: 1.2;
}




 
 /*------------------------------------*\
	 Box aside
 \*------------------------------------*/
 
 
.box-aside a {
	font-weight: 700;
	color: #768983;
}
	
 
 
 
/*------------------------------------*\
    Pruebas
\*------------------------------------*/
main#pruebas header {
	padding: 150px 0 40px 0;
	background-color: #c5dcd5;
	margin-bottom: 40px;
}

/*------------------------------------*\
    Category
\*------------------------------------*/


main.category h2 {
	font-size: 2em;
}

main.category h2 a {
	color: #768983;
}

main.category article {
	margin-bottom: 80px;
}

main.category .box-thumbnail {
	border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}


/*------------------------------------*\
    Sidebar
\*------------------------------------*/

aside.sidebar h3 {
	color: #768983;
}

aside.sidebar ul {
	list-style: none;
	padding-left: 15px;
}

aside.sidebar ul li {
	margin-bottom: 5px;
}

/*------------------------------------*\
    Búsqueda avanzada
\*------------------------------------*/


.widget_search {
	margin-bottom: 30px;
}

.widget_search form {
	display: flex;
	margin-top: 15px;
}

.widget_search input[type="search"] {
	width: 100%;
	padding: 9px 10px; 
	font-size: 1.2em;
    border-radius: 0;
    border: 0;
    font-weight: 300;
}

.widget_search .btn-fondo-verde {
	font-weight: 600;
}

.widget_search button {
	
}



/*------------------------------------*\
    BLOG
\*------------------------------------*/

.social-box {
    display: block;
    margin: 20px 0 20px;
}


.social-btn {
    display: block;
    width: 100%;
}

a.col-2.sbtn span {
    display: none;
}

a.col-1.sbtn {
    width: 180px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    color: #fff;
    margin: 0 0.5% 0 0;
    font-size: 15px;
}

a.col-1.sbtn span {
    margin: 0 0 0 15px;
}

a.col-2.sbtn {
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 5px;
    color: #fff;
    margin: 0 0.5% 0 0;
    line-height: 1.825 !important;
    width: 40px;
}


/* Related posts */

.related-posts {
	display: flex;
}



.related-posts > div {
	width: 25%;
	margin: 0 20px;
}



.related-posts > div:first-of-type {
	margin-left: 0;
}

.related-posts > div:last-of-type {
	margin-right: 0;
}



/********************************
////// Important
*******************************/

.social-btn a:last-of-type {
    margin: 0;
}


@media only screen and (max-width: 1200px) {
    a.col-1.sbtn {
        width: 180px;
        display: inline-block;
        text-align: center;
        border-radius: 50px;
        padding: 10px;
        color: #fff;
        margin: 0 0.5% 0 0;
        font-size: 15px;
    }
}

@media only screen and (max-width: 768px) {
    a.col-1.sbtn {
        width: 46px;
    }

    a.col-1.sbtn span {
        display: none;
    }
}


/*------------------------------------*\
    General
\*------------------------------------*/

main.page.general > .wrapper {
	padding-top: 10%;
	padding-bottom: 10%;

}	

main.page.general .legal ul {
	list-style: none;
	padding: 0 0 0 10px;
}

main.page.general h3 {
	margin: 10px 0;
}

main.general .top {
	padding-top: 140px;
	background-color: #c5dcd5;
	padding-bottom: 40px;
}

main.general section.content {
	padding: 50px 0;
}

main.general .content > .container {
	display: flex;
}

main.general .content .main-content {
	width: 70%;
	margin-right: 5%;
}

main.general .content article {
	width: 70%;
	margin-right: 10%;
}

main.general .content article a {
	color: #768983;
	text-decoration: underline;
}

main.general .content aside .box-aside {
		background-color: #eff6f4;
		padding: 20px 40px;
		margin-bottom: 20px;
	}

main.general .logo {
	max-width: 200px;
	margin-bottom: 40px;
}


main.general h1 {
	font-size: 2.3em;
	color: #768983;
	margin: 10px 0 20px 0;
}

main.general h2 {
	font-size: 2em;
	margin: 30px 0 10px 0;
}

main.general h2 a {
	color: #768983;
}

main.general .wrapper section {
	width: 70%;
	margin-right: 10%;
}

main.general aside {
	width: 30%;
}

main.general .box-details:after {
	content: '';
    display: block;
    background-color: #768983;
    width: 60px;
    height: 6px;
    margin: 15px 0;
}

main.general .box-details a {
	color: #768983;
	text-decoration: underline;
}

main.general article {
	margin-bottom: 20px;
}




/*------------------------------------*\
    Select2
\*------------------------------------*/

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 5px 10px;
}

.select2-container .select2-selection--single {
	height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}

/*------------------------------------*\
    standard
\*------------------------------------*/

.standard-66-33 {
	padding: 100px 0;
	
}


.standard-66-33 .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.standard-66-33 .box-image {
	width: 66.6%;
	border-radius: 20px;
	overflow: hidden;
}

.standard-66-33 .box-image img {
	object-fit: cover;
	width: 100%;
}


.standard-66-33 .box-text {
	width: 33.3%;
}


.standard-66-33 .box-text .text {
	font-size: 1.2em;
	margin-bottom: 20px;
}



.standard-66-33 .box-text h2 {
	font-family: 'Playfair Display', serif;
    font-weight: 700;
    margin: 0 0 20px 0;
    line-height: 1.2;
    font-style: italic;
    text-transform: uppercase;
    color: #768983;
    font-size: 2.3em;
}

/* bg-image */

.standard-66-33.bg-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.standard-66-33.bg-image .box-text h2,
.standard-66-33.bg-image .box-text {
	color: #fff;
}
.standard-66-33.bg-image .box-text {
	font-weight: 400;
}


/* left */

.standard-66-33.left .box-text {
	padding-left: 40px;
}

/* right */

.standard-66-33.right .container {
	flex-direction: row-reverse;
}

.standard-66-33.right .box-text {
	padding-right: 40px;
	text-align: right;
}


/*------------------------------------*\
    Catálogo
\*------------------------------------*/


main#catalogo section.portada .box-video video.bg-video {
	width: 100%;
	position: absolute;
	left: 0;
	top: 20%;
	right: 0;
}

main#catalogo section.portada .box-text {
	position: relative;
	padding: 200px 0;
	text-align: right;
	z-index: 2;

}


main#catalogo section.portada .box-text .pretitle {
	color: #435f57;
	font-weight: 700;
	font-size: 1.3em;
	text-align: right;
	max-width: 650px;
    margin: 0 0 0 auto;
}

main#catalogo section.portada .box-text h1 {
	color: #262626;
	font-size: 3em;
	max-width: 800px;
	margin: 0 0 10px auto;
	text-align: right;

}
	
main#catalogo section.portada .box-text .btn-main-subscribe {
	font-size: 1.4em;
}

main#catalogo section.portada .box-text .btn-main-regala .icon-gift {
	height: 20px;
    margin-left: 10px;
}


main#catalogo section.portada .box-text .btn-main-regala {
	font-size: 1.4em;
}
	
main#catalogo  section.portada .box-text h1 span {
	color: #fff;
}







main#catalogo section.portada {
	padding-bottom: 10%;
}

main#catalogo section.portada .subtitle {
	font-size: 1.7em;
	margin-bottom: 10px;
	text-align: right;
}


main#catalogo section.portada {
	position: relative;
	overflow: hidden;
	background-color: #c5dcd5;
}

main#catalogo section.portada .box-video {
	position: relative;	
}

main#catalogo section.portada .overlay-video {
	position: absolute;
	width: 100%;
}

main#catalogo section.portada .overlay-video .container {
	position: relative;
	padding-top: 57%;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgb(197,220,213);
	background: -moz-linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	background: linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c5dcd5",endColorstr="#c5dcd5",GradientType=1);
	
	
	
}

main#catalogo section.portada .btn-catalog {
	padding: 10px;
	text-decoration: underline;
}


main#catalogo header .cta:before {
	display: block;
	position: absolute;
	content: '';
	width: 250px;
	height: 250px;
	background-image: url('img/bg_cta.png');
	background-size: cover;
}

main#catalogo header .cta:after {
	display: block;
	position: absolute;
	content: '';
	width: 60px;
	height: 60px;
	right: 14%;
	bottom: 20%;
	background-image: url('img/cta_click.png');
	background-size: cover;
}



main#catalogo .cta .btn {
	font-size: 1.6em;
	padding: 10px 20px;
	line-height: 1.1;
}


main#catalogo .box-video-summary .cta {
	margin-top: 60px;
	flex-wrap: wrap;
}

main#catalogo .box-video-summary > .container {
	max-width: 900px;
	margin: 0 auto;
}

main#catalogo .cta {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

main#catalogo .cta .btn-catalog {
	font-size: 1.3em;
	font-weight: 600;
	padding: 10px 20px;
	line-height: 1.1;
	text-decoration: underline;
}


/* Content */
main#catalogo .content {
	background-color: #f0f5f5;
	padding: 60px 0;
}

main#catalogo .content > .container {
	max-width: 800px;
	margin: 0 auto;
}

main#catalogo .content header {
	text-align: center;
	margin-bottom: 60px;
}

main#catalogo .content header .container {
	max-width: 800px;
	margin: 0 auto;
}

main#catalogo .content header h2 {
	font-size: 3em;
	margin-bottom: 10px;
}

main#catalogo .content header h3,
main#catalogo .content header .inline {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
	font-style: inherit;
	font-weight: 400;
}

main#catalogo .content .box-stats {
	display: flex;
	justify-content: space-around;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

main#catalogo .content .box-stats .item {
	text-align: center;
	background-color: #c4d8d2;
	color: #3c4248;
	padding: 20px;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px 20px 10px;
}

main#catalogo .content .box-stats .item .container {
	
}


main#catalogo .content .box-stats .item .big {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 5em;
	margin-top: -25px;
}

main#catalogo .content .box-stats .item .small  {
	font-size: 1.2em;
}

main#catalogo .content .description {
	text-align: center;
	margin-bottom: 50px;
	font-size: 1.1em;
}

main#catalogo .content .description ul {
	list-style: none;
}

main#catalogo .content .description .text-center {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
	font-style: inherit;
	font-weight: 400;
}

main#catalogo .testimonials {
	padding: 60px 0;
}

main#catalogo .testimonials .container {
	display: flex;
	justify-content: space-between;
}

main#catalogo .testimonials .container .item {
	text-align: center;
	margin:  0 50px;
}

main#catalogo .testimonials .container .item .name {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
	margin-bottom: 10px;
}

main#catalogo .testimonials .container .item .text {
	max-width: 300px;
	margin: 0 auto;
}

main#catalogo .testimonials .container .item .stars {
	margin-bottom: 10px;
}

/* Premios y becas */
main#catalogo .premios-y-becas {
	padding: 60px 0;
	background-color: #f4efe9;
}

main#catalogo .premios-y-becas .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

main#catalogo .premios-y-becas h2 {
	font-style: italic;
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
}

main#catalogo .premios-y-becas h2:before {
	content: '';
	width: 115%;
	position: absolute;
	height: 10px;
	background-color: #c6d7d1;
	bottom: 3px;
	transform: translateX(-6%);
	z-index: -1;
	opacity: 0.4;
}

main#catalogo .premios-y-becas .box-image {
	width: 40%;
}

main#catalogo .premios-y-becas .box-text {
	padding-left: 60px;
	width: 60%;
}

main#catalogo .premios-y-becas .box-text .text {
	margin-bottom: 20px;
}

main#catalogo.subscriber section.portada .box-text {
	padding: 100px 0;
}

main#catalogo.subscriber section.portada {
	padding-bottom: 5%;
}


/*------------------------------------*\
	Bloques
\*------------------------------------*/


main#bloques header {
	background-color: #c5dcd5;
	padding: 140px 0 30px;
	padding: 160px 0 6% 0;
	background-color: #c5dcd5;
	background-image: url(img/bg_landing_header.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: 77%;
}

main#bloques header .inline {
	max-width: 750px;
	font-size: 1.2em;
	color: #435f57;
}

main#bloques header .cta {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

main#bloques header .cta:before {
	display: block;
	position: absolute;
	content: '';
	width: 250px;
	height: 250px;
	background-image: url('img/bg_cta.png');
	background-size: cover;
}

main#bloques header .cta:after {
	display: block;
	position: absolute;
	content: '';
	width: 60px;
	height: 60px;
	right: 14%;
	bottom: 20%;
	background-image: url('img/cta_click.png');
	background-size: cover;
}

main#bloques header .cta .btn {
	font-size: 1.6em;
	padding: 10px 20px;
	line-height: 1.1;
}

main#bloques section.curso > .container #box-curso {
	width: 60%;
}

main#bloques section.curso > .container aside {
	width: 40%;
	padding-bottom: 40px;

}

main#bloques section.curso > .container aside .container {
	background-color: #f0f3f2;
	padding: 40px;
	margin-left: 50px;
}


/*------------------------------------*\
    FAQ
\*------------------------------------*/


/* FAQ */
main#faq header {
    background-color: #c5dcd5;
    padding: 140px 0 30px;
}

section.faq {
	padding: 60px 0;
	background-image: url('img/bg_faq.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

main#faq section.faq {
	background-image: none;
}

main#faq section.faq > .container {
	display: flex;
}

main#faq section.faq .box-button {
	text-align: center;
}

main#faq section.faq .box-button a {
	font-size: 1.4em;
}

main#faq section.faq .box-button a img {
	width: 50px;
	margin-left: 10px;
    margin-right: -7px;
}

section.faq h2 {
	font-size: 1.5em;
	margin-bottom: 30px;
	background-color: #eff6f4;
	padding: 10px;
}



section.faq aside {
	width: 30%;
}

section.faq aside > .container {
	position: sticky;
	top: 100px;
}

section.faq aside .container .box-aside {
	background-color: #eff6f4;
	padding: 20px 40px;
	margin-bottom: 20px;
	width: 100%;
}

section.faq aside .container .box-aside.faq ul {
	padding-left: 20px;
	list-style: none;
}

section.faq aside .container .box-aside.faq ul li {
	margin-bottom: 5px;
}


section.faq .box-bloques {
	width: 70%;
}
section.faq .main-accordion {
	padding-bottom: 20px;
	padding-left: 30px;
}


section.faq .main-accordion .accordion {
	padding: 10px 0 10px 30px;
    margin: 0;
    border-bottom: 1px solid #eeeeee;
    clear: both;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    font-size: 1.2em;
    position: relative;
    line-height: 1.3;
    font-weight: 600;
}

section.faq .main-accordion .panel  {
	padding: 0 0 0px 30px;
	border-bottom: 1px solid #D3D3D3;
	font-size: 0.9em;

}



section.faq .main-accordion .panel {
	padding: 10px 30px 30px 30px;
	border-bottom: 1px solid #D3D3D3;
	font-size: 0.9em;
	font-size: 1.2em;
}


section.faq .main-accordion .accordion:first-of-type {
	border-top: 1px solid #eeeeee;
}

section.faq .main-accordion .accordion:before {
	position: absolute;
	left: 0;
	content: '+';
	margin: 0 10px;
	color: #768983;

}

section.faq .main-accordion .ui-accordion-header-active:before {
	content: '-';
}

section.faq .main-accordion .ui-accordion a {
	color: #508220;
}

section.faq .main-accordion .ui-accordion a:hover {
    color: #465a79;
}

main#home section.faq .btn {
	text-align: center;
	font-size: 1.3em;
	width: 100%;
	display: block;
	text-decoration: underline;
}


/*------------------------------------*\
    Perfil
\*------------------------------------*/

main#perfil .container{  
    background-color: #fff;  
}

main#perfil aside {
    padding: 50px;
    width: 30%;
}

main#perfil .box-content {
    padding: 50px;
    width: 70%; 
}


main#perfil .box-content h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    margin: 0 0 20px 0;
    line-height: 1.2;
    font-style: italic;
    text-transform: uppercase;
    color: #768983;
    font-size: 2.3em;
}

main#perfil .user {
	margin-bottom: 30px;
	position: relative;
}

main#perfil .user:after {
	display: block;
	width: 40px;
	height: 3px;
	background-color: #768983;
	content: '';
	margin-top: 30px;
}
main#perfil .user .name { 
	font-size: 2em;
	line-height: 1.3;
}

main#perfil .user .logout a {
	font-weight: 600;
	color: #9a3b26;
}

main#perfil nav.user-logged ul {
	list-style: none;
	padding: 0;
	font-size: 1.2em;
}

main#perfil nav.user-logged ul li {
	margin-bottom: 5px;
}

main#perfil nav.user-logged ul li.current-menu-item a {
	color: #9a3b26;
	font-weight: 600;
}



main#perfil .box-iframe {
	position: relative;
	padding-bottom: 70%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
}

main#perfil .box-iframe iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

main#perfil .ui-tabs-nav {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

main#perfil .ui-tabs-nav .ui-tabs-tab {
	padding: 10px 20px;
	text-transform: uppercase;
    background-color: #cecece;
    padding: 10px 18px;
    font-size: 1.2em;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    border: 0;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    display: inline-flex;
    align-items: center;
    position: relative;
}
main#perfil .ui-tabs-nav .ui-tabs-tab a {
	color: #fff;
}

main#perfil .ui-tabs-nav .ui-tabs-tab.ui-tabs-active {
    background-color: #768983;
}



/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#768983;
	color:#fff;
	text-shadow:none;
}
::-webkit-selection {
	background:#768983;
	color:#fff;
	text-shadow:none;
}
::-moz-selection {
	background:#768983;
	color:#fff;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}



/* wrapper */
.wrapper {
	max-width:1600px;
	width:90%;
	margin:0 auto;
	position:relative;
}


/* logo */
.logo {

}


 
/*------------------------------------*\
    Módulos
\*------------------------------------*/

/* Popup estructura curso */

#popup-course-structure { 
	position: fixed;
	z-index: 99999;
	background-color: rgb(133 177 165 / 95%);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	display: none;
}

#popup-course-structure .close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

#popup-course-structure .container {
    overflow-y: auto;
    margin: 4% auto;
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
    position: relative;
    max-width: 800px;
    width: 90%;
}

#popup-course-structure h2 {
	margin-bottom: 10px;
    font-size: 1.6em;
    background-color: #c5dcd5;
    display: inline-block;
    padding: 4px 15px 6px 15px;
}


#popup-course-structure .box-unidad {
	margin-left: 20px;
}



#popup-course-structure .box-unidad h3 {
	margin: 5px 0;
}

#popup-course-structure .group {
	margin: 0 0 20px 40px;
}

#popup-course-structure .group .speaker {
	font-style: italic;
	margin-bottom: 10px;
	color: #768983;
}


#popup-course-structure .group .leccion {
	margin-bottom: 2px;
	position: relative;
}


#popup-course-structure .group .leccion .titulo  {
	display: inline-flex;
	line-height: 1.1;
	align-items: flex-start;
}

#popup-course-structure .group .leccion .titulo:hover .text {
	text-decoration: underline;
	color: #768983;
}

#popup-course-structure .group .leccion .titulo.active {
	background-color: #c5dcd5;
	padding: 5px 0;
}


#popup-course-structure .group  .leccion.completed:before {
	display: block;
	content: url('img/icon_viewed_15.png');
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 3px;
	
}

#popup-course-structure .group .leccion .titulo .duration {
    display: block;
    line-height: 1.1;
    padding: 1px 4px 2px 4px;
    border-radius: 4px;
    color: #3d3d3d;
    font-size: 0.75em;
    margin-left: 10px;
    border: 1px solid rgb(197 220 213);
}

#popup-course-structure .box-unidad .box-title {
	display: flex;
	align-items: center;
}

#popup-course-structure .box-unidad .nivel {
    font-size: 0.9em;
    color: #fff;
    padding: 0px 9px;
    border-radius: 15px;
    display: inline-block;
    margin-left: 10px;
}

#popup-course-structure .box-unidad .nivel-1 {
	background-color: #089d67;
}

#popup-course-structure .box-unidad .nivel-2 {
	background-color: #d87532;
}




/*------------------------------------*\
    Módulo Carousel Clientes
\*------------------------------------*/
#clientes {
	background-color: #fff;
}

#clientes .modulo-carousel-clientes {
	padding: 0;
}

.modulo-carousel-clientes {
	padding: 20px 0;
	background-color: #fff;
}

.panel.clientes {
	padding: 4% 0;
}

.modulo-carousel-clientes h3 {
	text-align: center;
	font-size: 2em;
	color: #465a79;
	margin-bottom: 30px;
}

.modulo-carousel-clientes .carousel-clientes-modulo .flickity-slider{
	
}


.modulo-carousel-clientes .carousel-clientes-modulo {
	display: block;
	opacity: 1;
	position: relative;

}


.modulo-carousel-clientes .carousel-clientes-modulo .carousel-cell {
	width: 200px;
}



.modulo-carousel-clientes .carousel-clientes-modulo .carousel-cell {
	text-align: center;
	margin: 0 auto;
	/* background: rgba(255,255,255,0.5); */
    padding: 20px;
	opacity: 1;

}
.modulo-carousel-clientes .carousel-clientes-modulo .carousel-cell img {
	/*-webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    opacity: 0.6; */
}

#clientes .carousel-clientes-modulo .flickity-viewport {
	height: 100px !important;
}




/* paginacion - pagination */

.pagination {
	text-align: center;
}

.pagination .page-numbers {
	padding: 2px;

}

.pagination .page-numbers.current {
	text-decoration: underline;

}

.pagination .page-numbers.current a {
}

.pagination .next {
	
}

/* Comentarios */

#comments {
	margin-top: 30px;
}

.comments {
	margin-top: 40px;
	margin-bottom: 60px;
}

.comments ul {
	list-style: none;
	padding: 0;
}

.comments > ul > li {
	border-bottom: 1px dotted #c5dcd5;
}

.comments ul li {
    margin-bottom: 10px;
    padding: 10px 0 20px 0;
    position: relative;
    background-color: #fff;
}

.comments ul li .children {
	margin-top: 2rem;
	margin-left: 2rem;
	position: relative;
}

.comments ul li .children .reply a {
    background-color: #395771;
    color: #fff;
}

.comments ul li .children .comment-author-admin {
	border: 1px solid #c4b9aa;
}

.comments ul li .children .comment-author-admin .reply a {
	    background-color: #fff;
}

.comments ul li .children:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-left: 1px solid #c4b9aa;
	border-bottom: 1px solid #c4b9aa;
	position: absolute;
	left: -20px;
	top: 0px;
	
}



.comments ul li.comment-author-admin:before {
	content: 'Admin';
    background-color: #c4b9aa;
    color: #fff;
    display: block;
    position: absolute;
    top: 0px;
    right: 4rem;
    padding: 0.1em 1em;
}

.vcard {
	font-size: 1.2em;
}

.vcard img {
	width: 35px;
	height: 35px;
}

.comments ul li.comment-author-admin {
    background-color: #395771;
    color: #fff;
}


.comment-author-admin .reply a {
	    background-color: #fff;
}

.commentmetadata {
	margin-bottom: 10px;
	font-size: 0.8em;
	color: #8b8379;
}

.commentmetadata a {
	color: #8b8379;
}

.reply a {
    padding: 5px 10px;
    display: inline-block;
    background-color: #c5dcd5;
}


.reply a:hover {
    background-color: #768983;
    color: #fff;
}

span.comments {
    float: right;
}

.comment-form p label {
	width: 100%;
	display: block;	
}

.comment-form textarea {
    width: 100%;
    border: none;
    background-color: #fff;
    font-size: 1.1em;
	font-family: 'Open Sans Condensed', sans-serif;
	padding: 0.4em 0.7em;
    outline:none;
    border: 1px solid #cecece;


}

p.comment-form-comment label,
p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label {
	font-size: 1.2em;
}

p.comment-form-author input,
p.comment-form-email input,
p.comment-form-url input {
	width: 100%;
	border: 1px solid #cecece;
    background-color: #fff;
    font-size: 1.1em;
	font-family: 'Open Sans Condensed', sans-serif;
	padding: 0.4em 0.7em;
}

p.comment-form-email input,
p.comment-form-url input {
	padding-right: 3em;
	}

p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
	width: 100%;
}

h3.comment-reply-title {
	font-size: 2em;
	margin-bottom: 0;
}

.form-submit input.submit {
    border: none;
    background-color: #c5dcd5;
    margin-bottom: 10px;
    margin: 2px;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 5px;
    line-height: 1.2;
    color: #3d3d3d;
    font-size: 1.1em;
}

.form-submit input.submit:hover {
	background-color: #768983;
	color: #fff;
	cursor: pointer;

}

.comments li.byuser .comment-author{

}

#respond {
	margin-top: 20px;
}

.comments li.byuser .comment-author.bypostauthor {
	background-color: #d9e5ef;
    padding: 0 7px;
}



/*------------------------------------*\
    Formularios
\*------------------------------------*/
.popup-formulario #mostrar-info:hover {
    opacity: 0.8;
}

.woocommerce-customer-details {
	display: none;
}

form.login .campo-lopd {
    position: relative;
}

form.general .campo-lopd {
    position: relative;
    margin: 20px 5px;
}

form .custom-checkbox {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-left: 34px;
}

form .custom-checkbox a:hover {
	color: #73b632;
}
/* Hide the browser's default checkbox */
form .custom-checkbox input {
    position: absolute;
    opacity: 0;
    left: 8px;
    top: 10px;
}

/* Create a custom checkbox */
form .custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
form .custom-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
form .custom-checkbox input:checked ~ .checkmark {
  background-color: #73b632;
}

form .custom-checkbox.prioridad input:checked ~ .checkmark {
  background-color: tomato;
}

/* Create the checkmark/indicator (hidden when not checked) */
form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
form .custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
form .custom-checkbox .checkmark:after {
	left: 10px;
	top: 7px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}






.radio.field .radio-options .radio-option input,
.radio.field .radio-options .radio-option label {
	cursor: pointer;
}





/* Customize the label (the container) */
.radio-options label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.radio-options label input {
	position: absolute;
    left: 5px;
    top: 5px;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radio-options label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #d8d8d8;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-options label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-options label input:checked ~ .checkmark {
	background-color: #768983;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-options label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-options label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-options label .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}










form.general .listado-servicios .campo {
	height: 200px;
}

.listado-servicios optgroup {
	margin-bottom: 10px;
}

form.general .campo {
    height: 45px;
    border: 0px;
    background-color: #f2f2f2;
    font-size: 1.2em;
    margin-bottom: 10px;
    padding-bottom: 0px;
    padding: 6px;
    width: 100%;
    
font-family: 'Lato', sans-serif;
	line-height: 1.5;
	color: #292728 !important;
	font-weight: 300;
    
}

form.general .campo:disabled {
	color: #a5a5a5 !important;
}
form.general.contact select.campo {
    color: #fff !important;
    height: 50px;
}


form.general.contact .campo {
	height: 40px;
    border: 0px;
    border-bottom: 1px solid #fff;
    font-size: 1.6em;
    margin-bottom: 15px;
    padding-bottom: 0px;
    padding: 6px;
    background-color: transparent;
    color: #fff;
    width: 100%;
    outline: none;
}

form.general .campo.descripcion{
	margin-bottom: 0;
}


.grecaptcha-badge {
    display: none;
}


.box-formulario .letraformulario {
    font-size: 0.8em;
    padding: 20px;
    background-color: beige;
    margin-top: 20px;
}

.box-formulario .letraformulario a:hover {
	color: #395771;
	text-decoration: underline;
}

.box-formulario .letraformulario p.inline {
	font-size: 1.6em;
	margin: 0;
}

form.general .message,
form.general .message .campo {
	height: 100% !important;
    padding-bottom: 10px;
}

form.general.servicio .message,
form.general.servicio .message .campo {
	padding-bottom: 0;
}






#statusmail > div {
    color: #fff;
    text-align: center;
    font-size: 1em;
    padding: 0.7em;
    margin: 20px 0;
    display: none;
}

#statusmail .success {
	background-color: #73b632;
}

#statusmail .error {
	background-color: tomato;
	
}

.form-loading {
    display: inline-block;
    width: 28px;
    margin: 0 15px;
}




/* Drag and drop */

/* Drag and drop */
.fileuploader-input-inner {
	width: 100%;
}

form.general .texto-file {
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}


form.general .texto-file .imagen {
	width: 50px;
}


form.general .texto-file .texto {
	margin-left: 10px;
}

form.general .texto-file .titulo {
	color: #73b632;
	font-weight: 600;
}

form.general .texto-file .subtitulo {
	font-size: 0.8em;
}

form.general .texto-file {
    margin: 0 5px;
}



form.general.servicio .texto-file {
    margin: 0;
}

form.general .texto-file {
	position: relative;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    overflow: hidden;
    border: 3px solid #f2f2f2;
}


form.general .ezdz-dropzone span {
    color: #615d5f;
    vertical-align: middle;
    line-height: 1;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px 23px 13px;
    background-color: rgba(0,0,0,0.1);
    font-size: 0.9em;
    font-weight: 600;
    border-radius: 20px;
}

form.general .ezdz-dropzone img {
	width: 100px;
}

form.general .ezdz-dropzone [type="file"] {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

form.general .ezdz-focus {
    border: 3px dotted #ccc;
}

form.general .ezdz-enter {
    border: 3px dotted #ccc;
}

form.general .ezdz-accept {
    border: 3px solid #73b632;
}

form.general .ezdz-reject {
    border: 3px dotted #ccc;
}

form.general p.descripcion {
	margin: 5px 0 10px;	
	font-size: 0.9em;
}

.servicio-interes {
	
}

.servicio-interes p {
	font-size: 1.3em;
    margin: 0 0 20px 0;
    color: #73b632;
    font-weight: 600;
}




form.general .ezdz-dropzone > div {
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}


form.general .ezdz-dropzone .imagen {
	width: 50px;
}


form.general .ezdz-dropzone .texto {
	margin-left: 10px;
}

form.general .ezdz-dropzone .titulo {
	color: #73b632;
	font-weight: 600;
}

form.general .ezdz-dropzone {
    margin: 0 5px;
}

form.general .ezdz-dropzone .image-g {
	list-style: none;
	padding: 0;
    margin: 0;
}

form.general .ezdz-dropzone .image-g li{
	display: inline-block;
	margin: 10px;
	
}

form.general.servicio .ezdz-dropzone {
    margin: 0 0 10px 0;
}

form.general .ezdz-dropzone {
	position: relative;
    background-color: #f2f2f2;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    overflow: hidden;
    border: 3px solid #f2f2f2;
}


form.general .ezdz-dropzone span {
    color: #615d5f;
    vertical-align: middle;
    line-height: 1;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px 23px 13px;
    background-color: rgba(0,0,0,0.1);
    font-size: 0.9em;
    font-weight: 600;
    border-radius: 20px;
}

form.general .ezdz-dropzone img {
	width: 100px;
}

form.general .ezdz-dropzone [type="file"] {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

form.general .ezdz-focus {
    border: 3px dotted #ccc;
}

form.general .ezdz-enter {
    border: 3px dotted #ccc;
}

form.general .ezdz-accept {
    border: 3px solid #73b632;
}

form.general .ezdz-reject {
    border: 3px dotted #ccc;
}

form.general p.descripcion {
	margin: 5px 0 10px;	
	font-size: 0.9em;
}

.servicio-interes {
	
}

.servicio-interes p {
	font-size: 1.3em;
    margin: 0 0 20px 0;
    color: #73b632;
    font-weight: 600;
}


    
.form-status {
    font-weight: bold;
    margin: 12px 0;
}

.form-status p {
    margin: 0;   
}

.form-status .text-success {
    color: #43d084;
}

.form-status .text-error {
    color: #fe7676;
}

.form-status .progressbar-holder {
    display: block;
    width: 100%;
    height: 4px;
    background: #fafbfd;
    border-radius: 6px;
    overflow: hidden;
}

.form-status .progressbar-holder .progressbar {
    height: 100%;
    width: 0;
    background: #73b632;
    border-radius: 6px;
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
}


/*------------------------------------*\
    Home
\*------------------------------------*/

header.main {
}


#catalogo .lastest-courses {
	margin-top: 30px;
	padding: 0 0 5px 0;
}

#catalogo section.keep-watching {
	background-color: #a0b8b1;

}

.lastest-courses {
	padding: 0 0 60px 0;
	margin-top: -40px;
	z-index: 5;
}




main#catalogo .box-video-summary {
	margin-top: -10%;
}

main#catalogo .box-video-summary .cta {
	margin-top: 60px;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

main#catalogo .box-video-summary > .container {
	max-width: 900px;
	margin: 0 auto;
}




.lastest-courses .box-title {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	align-items: baseline;
}

.lastest-courses .box-image {
	position: relative;
	overflow: hidden;
}

.lastest-courses .new {
	position: absolute;
    top: 20px;
    right: -36px;
    background: #3f7e8d;
    padding: 1px 40px 2px 40px;
    color: #fff;
    border-radius: 4px;
    font-size: 0.9em;
    transform: rotate(45deg);
}

.lastest-courses .box-title .title {
	font-family: 'Playfair Display', serif;
	font-size: 1.6em;
	font-weight: 700;
	margin-right: 10px;
}

.lastest-courses .box-title .link {
	color: #fff;
}


.lastest-courses .box-title .link a {
	font-size: 1.3em;
	color: #fff;
	font-style: italic;
}

.lastest-courses .box-courses {
	position: relative;
}

.lastest-courses .box-courses .container {

}

.lastest-courses .box-courses .container .course {
	padding: 0 15px;
	max-width: 300px;
}

.lastest-courses .box-courses .container .course .course-title {
	font-family: 'Playfair Display', serif;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.2;
	margin: 15px 0 10px 0 ;
	color: #3d3d3d;
}

.lastest-courses .box-courses .container .course .course-subtitle {
	font-family: 'Playfair Display', serif;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.2;
	margin: 0 0 15px 0 ;
	color: #3d3d3d;
}

.lastest-courses .box-courses .container .course .course-subtitle span {
	font-weight: 700;
	color: #435f57;
	font-size: 0.9em;
}

.lastest-courses .box-courses .container .course:nth-child(1) {
	padding-left: 0;
}

.lastest-courses .box-courses .container .course:nth-child(3) {
	padding-right: 0;
}

#home-landing section.portada .overlay-main {
	background-color: #c5dcd5;
    width: 100%;
    height: 100%;
    position: absolute;
    mask-image: linear-gradient(to bottom, transparent 40%, black 100%);

}

/* Ponentes */

section.ponentes {
	padding: 60px 0;
}

section.ponentes .splide-ponentes {
	cursor: url('img/cursor_lateral2.png') 21 11, auto;	
}

/* Splide 4: oculta el anuncio para lectores de pantalla (evita salto de altura) */
section.ponentes .splide-ponentes .splide__sr {
	clip: rect(0 0 0 0);
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

section.ponentes h2.title {
	margin: 0 0 40px 0;
}


section.ponentes .listado-ponentes {
	/* display: flex;
    justify-content: space-around;
	flex-wrap: wrap; */
	list-style: none;
	padding: 0;
	margin: 0;
}

section.ponentes .listado-ponentes li {
	width: 20%;
	text-align: center;
}

section.ponentes .listado-ponentes li .container {
	width: 90%;
    max-width: 250px;
    margin: 0 auto;
}


section.ponentes .listado-ponentes li .title {
	font-family: 'Playfair Display', serif;
	font-size: 1.2em;
	font-style: italic;
	margin: 10px 0 8px 0;
	line-height: 1.2;
}


section.ponentes .listado-ponentes li .position {
	font-size: 0.85em;
	line-height: 1.3;
}

section.ponentes .listado-ponentes .image-mask {
	overflow: hidden;
	border-radius: 50%;
	background-color: #c5dcd5;
	max-width: 100px;
	margin: 0 auto;

}



/*------------------------------------*\
	Home 2026
\*------------------------------------*/


#home-2026 .slider .splide {
	position: relative;
	line-height: 0;
	background-color: #c5dcd5;
}

#home-2026 .slider .splide .splide__sr {
	clip: rect(0 0 0 0);
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#home-2026 .slider  .splide__slide {
    position: relative;
    background-size: cover;
    background-position: center;
}

#home-2026 .slider  .splide__slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25); /* oscurece el fondo */
    z-index: 1;
}

#home-2026 .slider  .splide__slide > * {
    position: relative;
    z-index: 2;
}

#home-2026 .slider .splide__slide {
	position: relative;
	aspect-ratio: 21 / 9;
}

#home-2026 .slider .splide__slide img {
	display: block;
	width: 100%;
	height: auto;
}

/* Evita micro saltos del contenido inferior al cambiar de slide */
#home-2026 .slider .splide__pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 12px;
	z-index: 3;
}

#home-2026 .slider .splide__pagination__page,
#home-2026 .slider .splide__pagination__page.is-active {
	transform: none !important;
}

#home-2026 section.slider {
	padding: 0;
}

#home-2026 section.slider .splide__slide {
	position: relative;
}

#home-2026 section.slider .splide__slide img {
	width: 100%;
	height: auto;
	display: block;
}

#home-2026 section.slider .splide__slide::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.28);
	pointer-events: none;
}

#home-2026 section.slider .slide-caption {
	position: absolute;
	right: 9%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	text-align: right;
	color: #ffffff;
	max-width: 500px;
}

#home-2026 section.slider .slide-caption h2 {
	margin: 0;
	font-size: 36px;
	line-height: 1.05;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	color: #ffffff;
}

#home-2026 section.slider .slide-caption .meta {
	margin-top: 12px;
	font-size: 17px;
	line-height: 1.2;
	font-weight: 700;
	color: #caded6
}

#home-2026 section.slider .slide-caption .btn-more {
	font-size: 1.1em;
	margin-top: 20px;
}

#home-2026 section.slider .splide__arrows .splide__arrow {
	background: transparent;
	border: transparent;
	width: 40px;
	height: 40px;
	opacity: 1;
}

#home-2026 section.slider .splide__arrow svg {
	fill: #ffffff;
	width: 16px;
	height: 16px;
}

#home-2026 section.slider .splide__pagination {
	bottom: 45px;
}

#home-2026 section.slider .splide__pagination__page {
	background: rgba(255, 255, 255, 0.65);
	width: 8px;
	height: 8px;
	margin: 0 5px;
}

#home-2026 section.slider .splide__pagination__page.is-active {
	background: #ffffff;
	transform: scale(1.12);
}

#home-2026 .container-fundacion-y-newsletter {
	display: flex;

}


@media (max-width: 1200px) {
	#home-2026 section.slider .slide-caption h2 {
		font-size: 42px;
	}

	#home-2026 section.slider .slide-caption .btn-more {
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	#home-2026 section.slider .slide-caption {
		width: 80%;
		max-width: none;
		text-wrap-style: pretty;
	}

	#home-2026 section.slider .slide-caption h2 {
		font-size: 30px;
	}

	#home-2026 section.slider .slide-caption .meta {
		font-size: 14px;
	}

	#home-2026 section.slider .slide-caption .btn-more {
		font-size: 18px;
		padding: 10px 14px;
	}
	#home-2026 .container-fundacion-y-newsletter {
		flex-direction: column;
	
	}
	main#home-2026 .premios-y-becas {
		width: 100% !important;
	}

}


main#home-2026 section.portada {
	position: relative;
	overflow: hidden;
}


main#home-2026 section.portada .box-video video.bg-video {
	width: 100%;
	position: absolute;
	left: 0;
	top: 20%;
	right: 0;
}

main#home-2026 section.portada .box-buttons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

main#home-2026 section.portada .box-buttons > div {
	margin: 5px 10px;
	display: flex;
    align-items: center;
}

main#home-2026 section.portada .box-buttons .icon-gift {
    height: 27px;
}

main#home-2026 section.portada .box-buttons .btn-main-gift {
	margin-left: 5px;
	cursor: pointer;
}

main#home-2026 section.portada .box-text {
	position: relative;
	padding: 80px 0 80px;
	z-index: 2;
	text-align: center;

}


main#home-2026 section.portada .box-text .pretitle {
	color: #435f57;
	font-weight: 700;
	font-size: 1.3em;
	text-align: center;
}

main#home-2026 section.portada .box-text h1 {
	color: #262626;
	font-size: 3em;
	max-width: 800px;
	margin: 0 auto 30px auto;
	text-align: center;
	text-wrap: balance;

}
	
main#home-2026 section.portada .box-text .btn-main-offline {
	font-size: 1.4em;
	background-color: #5e9ba9;
}
	
main#home-2026 section.portada .box-text .btn-main-subscribe {
	font-size: 1.4em;
	background-color: #b95767;
}	
	
main#home-2026 section.portada .box-text h1 span {
	color: #fff;
}


main#home-2026 section.portada .subtitle {
	font-size: 1.7em;
	margin-bottom: 10px;
	text-align: center;
}



main#home-2026 section.portada .box-video {
	position: relative;	
}

main#home-2026 section.portada .overlay-video {
	position: absolute;
	width: 100%;
}

main#home-2026 section.portada .overlay-video .container {
	position: relative;
	padding-top: 57%;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgb(197,220,213);
	background: -moz-linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	background: linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c5dcd5",endColorstr="#c5dcd5",GradientType=1);
	
	
	
}

main#home-2026 section.portada .btn-catalog {
	padding: 5px;
	text-decoration: underline;
	display: block;
}







main#home-2026 > header {
	background-color: #c5dcd5;
	padding: 160px 0 10% 0;
	background-image: url('img/bg_landing_header.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: 85%;
}

main#home-2026 > header > .container {
	margin-bottom: 60px;
}

main#home-2026 > header h1 {
	font-size: 3.5em;
	margin-bottom: 20px;
	line-height: 1;
}

main#home-2026 > header .description {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
}

main#home-2026 > header .box-intro {
	display: flex;
}

main#home-2026 > header .text {
	width: 50%;
}
main#home-2026 > header .text .container {
	max-width: 450px;
}

main#home-2026 > header .cta {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

main#home-2026 > header .cta:before {
	display: block;
	position: absolute;
	content: '';
	width: 250px;
	height: 250px;
	background-image: url('img/bg_cta.png');
	background-size: cover;
}

main#home-2026 > header .cta:after {
		display: block;
		position: absolute;
		content: '';
		width: 60px;
		height: 60px;
		right: 14%;
		bottom: 20%;
		background-image: url('img/cta_click.png');
		background-size: cover;
	}

main#home-2026 > header .cta .btn {
	font-size: 1.6em;
	padding: 10px 20px;
	line-height: 1.1;
}

main#home-2026 .box-video-summary {
	margin-top: -10%;
}

main#home-2026 .box-video-summary .cta {
	margin-top: 60px;
	flex-wrap: wrap;
}

main#home-2026 .box-video-summary > .container {
	max-width: 900px;
	margin: 0 auto;
}

main#home-2026 header .cta {

}


/* Content */
main#home-2026 .content {
	background-color: #f0f5f5;
	padding: 60px 0;
}

main#home-2026 .content.presencial {
	background-color: #c4d8d2;
}

main#home-2026 .content > .container {
	max-width: 800px;
	margin: 0 auto;
}

main#home-2026 .content header {
	text-align: center;
	margin-bottom: 60px;
}

main#home-2026 .content header .container {
	max-width: 800px;
	margin: 0 auto;
}

main#home-2026 .content header .container h4 {
	font-size: 2em;
	margin-bottom: 0;
	color: #435f57;

}

main#home-2026 .content header h2 {
	font-size: 3em;
	margin-bottom: 10px;
}

main#home-2026 .content header h3,
main#home-2026 .content header .inline {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
	font-style: inherit;
	font-weight: 400;
}

main#home-2026 .content .box-stats {
	display: flex;
	justify-content: space-around;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

main#home-2026 .content .box-stats .item {
	text-align: center;
	background-color: #c4d8d2;
	color: #3c4248;
	padding: 20px;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px 20px 10px;
}

main#home-2026 .content .box-stats .item {
	width: 150px;
	height: 150px;
}

main#home-2026 .content .box-stats .item .container {
	
}


main#home-2026 .content .box-stats .item .big {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 3em;
	margin-top: -25px;
}

main#home-2026 .content .box-stats .item .small  {
	font-size: 0.9em;
}

main#home-2026 .content .description {
	text-align: center;
	margin-bottom: 50px;
	font-size: 1.1em;
}

main#home-2026 .cta {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

main#home-2026 .cta .btn {
	font-size: 1.6em;
	padding: 10px 20px;
	line-height: 1.1;
}


main#home-2026 .cta .btn-catalog {
	font-size: 1.3em;
	font-weight: 600;
	padding: 10px 20px;
	line-height: 1.1;
	text-decoration: underline;
}


main#home-2026 section.home-courses .content header .container h4 {
	
}

main#home-2026 section.home-courses {
	display: flex;
	width: 100%;
}

main#home-2026 section.home-courses > article {
	width: 50%; 
}

main#home-2026 section.home-courses .content.presencial {
	text-align: left;
}

main#home-2026 section.home-courses .content.presencial ul {
	list-style: none;
}

main#home-2026 section.home-courses .content.presencial ul li {
	font-size: 1.2em;
	margin-bottom: 15px;
	line-height: 1.2;
	position: relative;
	text-wrap: wrap;
}

main#home-2026 section.home-courses .content.presencial ul li:before {
	content: '+';
	position: absolute;
	left: -15px;
}

main#home-2026 section.home-courses .content.presencial ul a:after {
	content: '';
	background-image: url(img/icons/icon_link.png);
	background-size: cover;
	width: 20px;
	height: 20px;
	position: relative;
	display: inline-block;
	margin-left: 10px;
}



main#home-2026 .testimonials {
	padding: 60px 0;
}

main#home-2026 .testimonials .container {
	display: flex;
	justify-content: space-between;
}

main#home-2026 .testimonials .container .item {
	text-align: center;
	margin:  0 50px;
}

main#home-2026 .testimonials .container .item .name {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
	margin-bottom: 10px;
}

main#home-2026 .testimonials .container .item .text {
	max-width: 300px;
	margin: 0 auto;
}

main#home-2026 .testimonials .container .item .stars {
	margin-bottom: 10px;
}

/* Premios y becas */
main#home-2026 .premios-y-becas {
	padding: 60px 0;
	background-color: #f4efe9;
	width: 50%;
	display: flex;
	align-items: center;
}

main#home-2026 .premios-y-becas .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

main#home-2026 .premios-y-becas h2 {
	font-style: italic;
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
}

main#home-2026 .premios-y-becas h2:before {
	content: '';
	width: 115%;
	position: absolute;
	height: 10px;
	background-color: #c6d7d1;
	bottom: 3px;
	transform: translateX(-6%);
	z-index: -1;
	opacity: 0.4;
}

main#home-2026 .premios-y-becas .box-image {
	width: 40%;
}

main#home-2026 .premios-y-becas .box-text {
	padding-left: 60px;
	width: 60%;
}

main#home-2026 .premios-y-becas .box-text .text {
	margin-bottom: 20px;
}

main#home-2026 .home-news-list {
	margin: 5% auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

main#home-2026 .home-news-list .news {
	background-color: #f4f4f4;
	margin: 0 20px;
	max-width: 250px;
	border-radius: 10px;
	transform: rotate(-3deg);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-in-out;
	padding: 20px;
}

main#home-2026 .home-news-list .news .img-link {
	width: 12px;
	height: 12px;
	margin-left: 7px;
}

main#home-2026 .home-news-list .news:nth-child(odd):hover {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	transform: translateY(-10px) rotate(0deg);
}

main#home-2026 .home-news-list .news:nth-child(even):hover {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	transform: translateY(-10px) rotate(0deg);

}


main#home-2026 .home-news-list .news a {
	display: block;
}

main#home-2026 .home-news-list .news:nth-child(odd) {
	transform: rotate(3deg);
}
	


main#home-2026 .home-news-list .news:nth-child(even) {
	transform: rotate(-3deg);
}

main#home-2026 .home-news-list .title {
	line-height: 1.2;
	margin-bottom: 5px;
	font-weight: 700;
	text-wrap: balance;
}

main#home-2026 .home-news-list .date {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.85em;
	color: #435f57;
	display: flex;
	justify-content: center;
	align-items: center;
}



/*------------------------------------*\
	Home Landing
\*------------------------------------*/

main#home-landing section.portada .box-video video.bg-video {
	width: 100%;
	position: absolute;
	left: 0;
	top: 20%;
	right: 0;
}

main#home-landing section.portada .box-buttons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

main#home-landing section.portada .box-buttons > div {
	margin: 5px 10px;
	display: flex;
    align-items: center;
}

main#home-landing section.portada .box-buttons .icon-gift {
    height: 27px;
}

main#home-landing section.portada .box-buttons .btn-main-gift {
	margin-left: 5px;
	cursor: pointer;
}

main#home-landing section.portada .box-text {
	position: relative;
	padding: 200px 0;
	z-index: 2;
	text-align: center;

}


main#home-landing section.portada .box-text .pretitle {
	color: #ffffff;
	font-weight: 700;
	font-size: 1.3em;
	text-align: center;
	text-shadow: 0px 3px 3px rgb(0 0 0 / 30%)
}

main#home-landing section.portada .box-text h1 {
	color: #262626;
	font-size: 3em;
	max-width: 800px;
	margin: 0 auto 30px auto;
	text-align: center;
	text-wrap: balance;

}
	
main#home-landing section.portada .box-text .btn-main-offline {
	font-size: 1.4em;
	background-color: #5e9ba9;
}
	
main#home-landing section.portada .box-text .btn-main-subscribe {
	font-size: 1.4em;
	background-color: #b95767;
}	
	
main#home-landing section.portada .box-text h1 span {
	color: #fff;
}


main#home-landing section.portada .subtitle {
	font-size: 1.7em;
	margin-bottom: 10px;
	text-align: center;
}


main#home-landing section.portada {
	position: relative;
	overflow: hidden;
	background-color: #c5dcd5;
}

main#home-landing section.portada .box-video {
	position: relative;	
}

main#home-landing section.portada .overlay-video {
	position: absolute;
	width: 100%;
}

main#home-landing section.portada .overlay-video .container {
	position: relative;
	padding-top: 57%;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgb(197,220,213);
	background: -moz-linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	background: linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c5dcd5",endColorstr="#c5dcd5",GradientType=1);
	
	
	
}

main#home-landing section.portada .btn-catalog {
	padding: 5px;
	text-decoration: underline;
	display: block;
}


main#home-landing > header {
	background-color: #c5dcd5;
	padding: 160px 0 10% 0;
	background-image: url('img/bg_landing_header.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: 85%;
}

main#home-landing > header > .container {
	margin-bottom: 60px;
}

main#home-landing > header h1 {
	font-size: 3.5em;
	margin-bottom: 20px;
	line-height: 1;
}

main#home-landing > header .description {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
}

main#home-landing > header .box-intro {
	display: flex;
}

main#home-landing > header .text {
	width: 50%;
}
main#home-landing > header .text .container {
	max-width: 450px;
}

main#home-landing > header .cta {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

main#home-landing > header .cta:before {
	display: block;
	position: absolute;
	content: '';
	width: 250px;
	height: 250px;
	background-image: url('img/bg_cta.png');
	background-size: cover;
}

main#home-landing > header .cta:after {
		display: block;
		position: absolute;
		content: '';
		width: 60px;
		height: 60px;
		right: 14%;
		bottom: 20%;
		background-image: url('img/cta_click.png');
		background-size: cover;
	}

main#home-landing > header .cta .btn {
	font-size: 1.6em;
	padding: 10px 20px;
	line-height: 1.1;
}

main#home-landing .box-video-summary {
	margin-top: -10%;
}

main#home-landing .box-video-summary .cta {
	margin-top: 60px;
	flex-wrap: wrap;
}

main#home-landing .box-video-summary > .container {
	max-width: 900px;
	margin: 0 auto;
}

main#home-landing header .cta {

}


/* Content */
main#home-landing .content {
	background-color: #f0f5f5;
	padding: 60px 0;
}

main#home-landing .content.presencial {
	background-color: #c4d8d2;
}

main#home-landing .content > .container {
	max-width: 800px;
	margin: 0 auto;
}

main#home-landing .content header {
	text-align: center;
	margin-bottom: 60px;
}

main#home-landing .content header .container {
	max-width: 800px;
	margin: 0 auto;
}

main#home-landing .content header .container h4 {
	font-size: 2em;
	margin-bottom: 0;
	color: #435f57;

}

main#home-landing .content header h2 {
	font-size: 3em;
	margin-bottom: 10px;
}

main#home-landing .content header h3,
main#home-landing .content header .inline {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
	font-style: inherit;
	font-weight: 400;
}

main#home-landing .content .box-stats {
	display: flex;
	justify-content: space-around;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

main#home-landing .content .box-stats .item {
	text-align: center;
	background-color: #c4d8d2;
	color: #3c4248;
	padding: 20px;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px 20px 10px;
}

main#home-landing .content .box-stats .item {
	width: 150px;
	height: 150px;
}

main#home-landing .content .box-stats .item .container {
	
}


main#home-landing .content .box-stats .item .big {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 3em;
	margin-top: -25px;
}

main#home-landing .content .box-stats .item .small  {
	font-size: 0.9em;
}

main#home-landing .content .description {
	text-align: center;
	margin-bottom: 50px;
	font-size: 1.1em;
}

main#home-landing .cta {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

main#home-landing .cta .btn {
	font-size: 1.6em;
	padding: 10px 20px;
	line-height: 1.1;
}


main#home-landing .cta .btn-catalog {
	font-size: 1.3em;
	font-weight: 600;
	padding: 10px 20px;
	line-height: 1.1;
	text-decoration: underline;
}


main#home-landing section.home-courses .content header .container h4 {
	
}

main#home-landing section.home-courses {
	display: flex;
	width: 100%;
}

main#home-landing section.home-courses > article {
	width: 50%; 
}

main#home-landing section.home-courses .content.presencial {
	text-align: left;
}

main#home-landing section.home-courses .content.presencial ul {
	list-style: none;
}

main#home-landing section.home-courses .content.presencial ul li {
	font-size: 1.2em;
	margin-bottom: 15px;
	line-height: 1.2;
	position: relative;
	text-wrap: wrap;
}

main#home-landing section.home-courses .content.presencial ul li:before {
	content: '+';
	position: absolute;
	left: -15px;
}

main#home-landing section.home-courses .content.presencial ul a:after {
	content: '';
	background-image: url(img/icons/icon_link.png);
	background-size: cover;
	width: 20px;
	height: 20px;
	position: relative;
	display: inline-block;
	margin-left: 10px;
}



main#home-landing .testimonials {
	padding: 60px 0;
}

main#home-landing .testimonials .container {
	display: flex;
	justify-content: space-between;
}

main#home-landing .testimonials .container .item {
	text-align: center;
	margin:  0 50px;
}

main#home-landing .testimonials .container .item .name {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
	margin-bottom: 10px;
}

main#home-landing .testimonials .container .item .text {
	max-width: 300px;
	margin: 0 auto;
}

main#home-landing .testimonials .container .item .stars {
	margin-bottom: 10px;
}

/* Premios y becas */
main#home-landing .premios-y-becas {
	padding: 60px 0;
	background-color: #f4efe9;
}

main#home-landing .premios-y-becas .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

main#home-landing .premios-y-becas h2 {
	font-style: italic;
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
}

main#home-landing .premios-y-becas h2:before {
	content: '';
	width: 115%;
	position: absolute;
	height: 10px;
	background-color: #c6d7d1;
	bottom: 3px;
	transform: translateX(-6%);
	z-index: -1;
	opacity: 0.4;
}

main#home-landing .premios-y-becas .box-image {
	width: 40%;
}

main#home-landing .premios-y-becas .box-text {
	padding-left: 60px;
	width: 60%;
}

main#home-landing .premios-y-becas .box-text .text {
	margin-bottom: 20px;
}

main#home-landing .home-news-list {
	margin: 5% auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

main#home-landing .home-news-list .news {
	background-color: #f4f4f4;
	margin: 0 20px;
	max-width: 250px;
	border-radius: 10px;
	transform: rotate(-3deg);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-in-out;
	padding: 20px;
}

main#home-landing .home-news-list .news .img-link {
	width: 12px;
	height: 12px;
	margin-left: 7px;
}

main#home-landing .home-news-list .news:nth-child(odd):hover {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	transform: translateY(-10px) rotate(0deg);
}

main#home-landing .home-news-list .news:nth-child(even):hover {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	transform: translateY(-10px) rotate(0deg);

}


main#home-landing .home-news-list .news a {
	display: block;
}

main#home-landing .home-news-list .news:nth-child(odd) {
	transform: rotate(3deg);
}
	


main#home-landing .home-news-list .news:nth-child(even) {
	transform: rotate(-3deg);
}

main#home-landing .home-news-list .title {
	line-height: 1.2;
	margin-bottom: 5px;
	font-weight: 700;
	text-wrap: balance;
}

main#home-landing .home-news-list .date {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.85em;
	color: #435f57;
	display: flex;
	justify-content: center;
	align-items: center;
}



/*------------------------------------*\
	Home Regala Pastor Online
\*------------------------------------*/

main#give-pastor-online section.portada .box-video video.bg-video {
	width: 100%;
	position: absolute;
	left: 0;
	top: 20%;
	right: 0;
}

main#give-pastor-online section.portada .box-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
}

main#give-pastor-online section.portada .box-buttons > div {
	margin: 0 10px;
}


main#give-pastor-online section.portada .box-text {
	position: relative;
	padding: 180px 0 50px 0;
	z-index: 2;
	text-align: center;

}

main#give-pastor-online section.portada article.form-cart {
	background-color: transparent;
	padding: 40px 0 0px 0;
    margin-bottom: 0px;
}

main#give-pastor-online section.portada .box-text .pretitle {
	color: #ffffff;
	font-weight: 700;
	font-size: 1.3em;
	text-align: center;
	text-shadow: 0px 3px 3px rgb(0 0 0 / 30%)
}

main#give-pastor-online section.portada .box-text h1 {
	color: #262626;
	font-size: 3em;
	max-width: 800px;
	margin: 0 auto 30px auto;
	text-align: center;

}
	
main#give-pastor-online section.portada .box-text .btn-main-offline {
	font-size: 1.4em;
	background-color: #5e9ba9;
}
	
main#give-pastor-online section.portada .box-text .btn-main-subscribe {
	font-size: 1.4em;
	background-color: #b95767;
}	
	
main#give-pastor-online section.portada .box-text h1 span {
	color: #fff;
}

main#give-pastor-online section.portada {
	padding-bottom: 10%;
}

main#give-pastor-online section.portada .subtitle {
	font-size: 1.7em;
	margin-bottom: 10px;
	text-align: center;
}


main#give-pastor-online section.portada {
	position: relative;
	overflow: hidden;
	background-color: #c5dcd5;
}

main#give-pastor-online section.portada .box-video {
	position: relative;	
}

main#give-pastor-online section.portada .overlay-video {
	position: absolute;
	width: 100%;
}

main#give-pastor-online section.portada .overlay-video .container {
	position: relative;
	padding-top: 57%;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgb(197,220,213);
	background: -moz-linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	background: linear-gradient(0deg, rgba(197,220,213,1) 5%, rgba(197,220,213,0.6) 70%, rgba(197,220,213,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c5dcd5",endColorstr="#c5dcd5",GradientType=1);
	
	
	
}

main#give-pastor-online article.details {
	margin-bottom: 60px;
}

main#give-pastor-online article.details section {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
}

main#give-pastor-online article.details section .text {
	font-size: 2em;
	max-width: 550px;
}
main#give-pastor-online article.details section .text:not(small) {
	font-family: 'Playfair Display', serif;
    font-weight: 500;
	line-height: 1.2;
}

main#give-pastor-online article.details section .text small {
	display: block;
	font-family: 'Lato', sans-serif;
    line-height: 1.3;
    font-weight: 300;
    font-size: 0.65em;
	margin-top: 12px;
}

main#give-pastor-online article.details section .image {
	max-width: 360px;
	min-width: 250px;
    padding: 0 30px;
}

main#give-pastor-online article.details section:nth-child(odd) {
	flex-direction:row-reverse;
}

main#give-pastor-online article.details section:nth-child(odd) .text {
	text-align: right;
}


main#give-pastor-online article.details h2 {
    font-style: italic;
    position: relative;
    display: inline-block;
}

main#give-pastor-online article.details h2:before {
    content: '';
    width: 115%;
    position: absolute;
    height: 10px;
    background-color: #c6d7d1;
    bottom: 3px;
    transform: translateX(-6%);
    z-index: -1;
    opacity: 0.4;
}



main#give-pastor-online article.form-cart {
	padding: 40px 0 40px 0;
    margin-bottom: 80px;
    text-align: center;
    background-color: #c5dcd5;
}
main#give-pastor-online article.form-cart h2 {
	font-size: 2em;
}

main#give-pastor-online article.form-cart p {
	font-size: 1.2em;
}

main#give-pastor-online article.form-cart .price {
	display: flex;
	justify-content: center;
	padding: 20px;
	font-size: 1.5em;
	font-weight: 700;
}

main#give-pastor-online article.form-cart input.qty {
	text-align: center;
    background-color: #ededed;
    padding: 5px;
    font-size: 1.5em;
    border: 0;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 90%;
    max-width: 300px;
	font-weight: 700;
}

main#give-pastor-online article.form-cart button {
	width: 90%;
    max-width: 300px;
	text-align: center;
	justify-content: center;
	font-size: 1.3em;
}



main#give-pastor-online article.faq {
	max-width: 800px;
}

main#give-pastor-online article.faq h2 {
	text-align: center;
	margin-bottom: 40px;
	font-size: 1.6em;

}



main#give-pastor-online article.faq .main-accordion {
	padding-bottom: 60px;
	padding-left: 40px;
}


main#give-pastor-online article.faq .main-accordion .accordion {
	padding: 10px 0 10px 30px;
    margin: 0;
    border-bottom: 1px solid #D3D3D3;
    clear: both;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    font-size: 1.4em;
    position: relative;
    line-height: 1.3;
    font-weight: 600;
}

main#give-pastor-online article.faq .main-accordion .panel  {
	padding: 0 0 0px 30px;
	border-bottom: 1px solid #D3D3D3;
	font-size: 0.9em;

}



main#give-pastor-online article.faq .main-accordion .panel {
	padding: 10px 30px 30px 30px;
	border-bottom: 1px solid #D3D3D3;
	font-size: 0.9em;
	font-size: 1.2em;
}


main#give-pastor-online article.faq .main-accordion .accordion:first-of-type {
	border-top: 1px solid #D3D3D3;
}

main#give-pastor-online article.faq .main-accordion .accordion:before {
	position: absolute;
	left: 0;
	content: '+';
	margin: 0 10px;
	color: #768983;

}

main#give-pastor-online article.faq .main-accordion .ui-accordion-header-active:before {
	content: '-';
}


/* Premios y becas */
main#give-pastor-online .premios-y-becas {
	padding: 60px 0;
	background-color: #f4efe9;
}

main#give-pastor-online .premios-y-becas .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

main#give-pastor-online .premios-y-becas h2 {
	font-style: italic;
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
}

main#give-pastor-online .premios-y-becas h2:before {
	content: '';
	width: 115%;
	position: absolute;
	height: 10px;
	background-color: #c6d7d1;
	bottom: 3px;
	transform: translateX(-6%);
	z-index: -1;
	opacity: 0.4;
}

main#give-pastor-online .premios-y-becas .box-image {
	width: 40%;
}

main#give-pastor-online .premios-y-becas .box-text {
	padding-left: 60px;
	width: 60%;
}

main#give-pastor-online .premios-y-becas .box-text .text {
	margin-bottom: 20px;
}

#give_pastor_online_custom_field {
	padding: 20px 20px;
    background-color: #f0f3f2;
    margin: 10px 0 30px 0;
    border-radius: 5px;
}

#creacion-cuenta-checkbox {
	margin-bottom: 20px;
}

.description-gift-field {
	margin: 8px 0 0 0;
}

.woocommerce form .form-row .required {
	visibility: visible !important;
}

#order_review_heading {
	margin-top: 20px; 
	margin-bottom: 10px;
}

.mi-mensaje-agradecimiento {
	text-align: center;
}

.mi-mensaje-agradecimiento h3 {
	font-size: 1.7em;
	margin-bottom: 10px;
}

.mi-mensaje-agradecimiento a {
	font-size: 1.2em;
}

.mi-mensaje-agradecimiento-regalo {
	background-color: #eff6f4;
    padding: 20px 40px;
    margin-bottom: 50px;
	border-radius: 5px;
}

.mi-mensaje-agradecimiento-regalo h3 {
	font-size: 1.5em;
	margin-bottom: 10px;
}

.mi-mensaje-agradecimiento-regalo a {
	font-size: 1.2em;
}

/*------------------------------------*\
	Canjear regalo
\*------------------------------------*/

main.exchange-gift h1 {
    font-size: 2.3em;
    color: #768983;
    margin: 10px 0 20px 0;
}

main.exchange-gift {
    background-color: #c5dcd5;
    background-image: url(img/bg_form_login.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

main.exchange-gift form legend {
	font-size: 1.2em;
	margin-bottom: 20px;
	padding: 0;
}

main.exchange-gift form .aviso-legal {
	margin: 20px 0;
}

 
main.exchange-gift form .description { 
	margin-top: 2px;
}

main.exchange-gift form button {
	width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 10px;
}


main.exchange-gift article {
    width: 70%;
    margin-right: 10%;
    background-color: #fff;
	padding: 40px;
    border-radius: 4px;
}

main.exchange-gift aside {
    width: 30%;
}

main.exchange-gift aside section {
    background-color: #eff6f4;
    padding: 20px 40px;
    margin-bottom: 20px;
}

main.exchange-gift .required {
    color: red;
    font-weight: 700;
    border: 0!important;
    text-decoration: none;
}

main.exchange-gift fieldset {
	border: 0;
	padding: 0;
    margin: 0;
}

main.exchange-gift .input-text {
    box-sizing: border-box;
    width: 100%;
    font-size: 1.2em;
    padding: 7px;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
}



main.exchange-gift #status > div {
    padding: 10px;
    border-radius: 4px;
	margin-bottom: 10px;
	display: none;
	
}

main.exchange-gift #status .error {
    background-color: #de6868;
    color: #fff;
}

main.exchange-gift #status .success {
    background-color: #56cf91;
    color: #fff;
}



/*------------------------------------*\
	Congratulations
\*------------------------------------*/


main#congratulations-gift section.portada .box-text {
	position: relative;
	padding: 150px 0 50px 0;
	z-index: 2;
	text-align: center;

}

main#congratulations-gift section.portada .box-text h1 {
	color: #262626;
	font-size: 3em;
	max-width: 800px;
	margin: 0 auto 30px auto;
	text-align: center;

}

	
main#congratulations-gift section.portada .box-text h1 span {
	color: #435f57;
}


main#congratulations-gift section.portada .subtitle {
	font-size: 1.7em;
	margin-bottom: 10px;
	text-align: center;
}


main#congratulations-gift section.portada {
	position: relative;
	overflow: hidden;
	background-color: #c5dcd5;
	padding-bottom: 3%;

}


main#congratulations-gift article.faq {
	max-width: 800px;
	margin-top: 100px;
}

main#congratulations-gift article.faq h2 {
	text-align: center;
	margin-bottom: 40px;
	font-size: 1.6em;

}



main#congratulations-gift article.faq .main-accordion {
	padding-bottom: 60px;
	padding-left: 40px;
}


main#congratulations-gift article.faq .main-accordion .accordion {
	padding: 10px 0 10px 30px;
    margin: 0;
    border-bottom: 1px solid #D3D3D3;
    clear: both;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    font-size: 1.4em;
    position: relative;
    line-height: 1.3;
    font-weight: 600;
}

main#congratulations-gift article.faq .main-accordion .panel  {
	padding: 0 0 0px 30px;
	border-bottom: 1px solid #D3D3D3;
	font-size: 0.9em;

}



main#congratulations-gift article.details {
	padding: 40px 0px 30px;
    text-align: center;
    font-size: 1.2em;
    max-width: 500px;
}




main#congratulations-gift article.faq .main-accordion .panel {
	padding: 10px 30px 30px 30px;
	border-bottom: 1px solid #D3D3D3;
	font-size: 0.9em;
	font-size: 1.2em;
}


main#congratulations-gift article.faq .main-accordion .accordion:first-of-type {
	border-top: 1px solid #D3D3D3;
}

main#congratulations-gift article.faq .main-accordion .accordion:before {
	position: absolute;
	left: 0;
	content: '+';
	margin: 0 10px;
	color: #768983;

}

main#congratulations-gift article.faq .main-accordion .ui-accordion-header-active:before {
	content: '-';
}



/* Premios y becas */
main#congratulations-gift .premios-y-becas {
	padding: 60px 0;
	background-color: #f4efe9;
}

main#congratulations-gift .premios-y-becas .container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

main#congratulations-gift .premios-y-becas h2 {
	font-style: italic;
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
}

main#congratulations-gift .premios-y-becas h2:before {
	content: '';
	width: 115%;
	position: absolute;
	height: 10px;
	background-color: #c6d7d1;
	bottom: 3px;
	transform: translateX(-6%);
	z-index: -1;
	opacity: 0.4;
}

main#congratulations-gift .premios-y-becas .box-image {
	width: 40%;
}

main#congratulations-gift .premios-y-becas .box-text {
	padding-left: 60px;
	width: 60%;
}

main#congratulations-gift .premios-y-becas .box-text .text {
	margin-bottom: 20px;
}






/*------------------------------------*\
	Single ponentes
\*------------------------------------*/

main.single-ponentes h1 span {
	color: #fff;
	font-size: 1.2em;
	display: block;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 7%);
}



main.single-ponentes .top {
	background-color: #c5dcd5;
	padding: 140px 0 30px;
	margin-bottom: 40px;
}


main.single-ponentes .content > .container {
	display: flex;
}

main.single-ponentes .content > .container .main-content {
	width: 75%;
	margin-right: 10%;
}

main.single-ponentes .content > .container aside {
	width: 25%;
}

main.single-ponentes .content aside .box-aside {
	background-color: #eff6f4;
	padding: 20px 40px;
	margin-bottom: 20px;
	text-align: center;
}

main.single-ponentes aside .box-impartido .mask {
	overflow: hidden;
	border-radius: 50%;
	background-color: #fff;
	width: 150px;
	height: 150px;
	margin: 0 auto 20px auto;
}

main.single-ponentes aside .box-impartido .text {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	margin-bottom: 10px;
	font-size: 1.4em;
	line-height: 1.2;
	text-align: center;
}

main.single-ponentes aside .box-impartido .cv {
	font-size: 0.9em;
}

main.single-ponentes aside .box-impartido .position {
	font-weight: 700;
	margin-bottom: 30px;
	color: #768983;
}
/* Keep watching */ 

section.keep-watching {
	background-color: #e7e5dc;
	width: 100%;

}

section.keep-watching h2 {
	margin-bottom: 15px;
}

section.keep-watching .container {
	padding: 20px 0;
}

section.keep-watching .container .course {
	position: relative;
	padding: 0 10px;
}

section.keep-watching .course .box-image {
	position: relative;
}

section.keep-watching .course .box-image .percent {
	height: 8px;
	background-color: #b95767;
	position: absolute;
	bottom: 0;
	left: 0;
}


section.keep-watching .container {

}

section.keep-watching .container .course {
	width: 20%;
}

section.keep-watching .container .course .course-title {

	font-weight: 700;
	line-height: 1.2;
	margin: 15px 0 10px 0 ;
}

section.keep-watching .container .course .course-subtitle {
	font-family: 'Playfair Display', serif;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.2;
	margin: 0 0 15px 0 ;
	color: #3d3d3d;
}

section.keep-watching .container .course .course-subtitle span {
	font-weight: 700; 
	color: #435f57;
}





/* Cursos */

section.curso {
	background-color: #f9fbfb;
	padding-top: 60px;
}


section.curso > .container {
	display: flex;
}

section.curso > .container #box-curso {
	width: 75%;
}



#home section.cursos {
	background-color: #f9fbfb;
} 

section.curso > .container aside .box-aside.categories,
section.curso > .container aside .box-aside.tags {
	display: none;
}

section.curso > .container aside .box-aside.bloques {
	top: 100px;
}

section.curso > .container aside .box-aside.bloques ul {
	list-style: none;
	padding-left: 20px;
}

section.curso > .container aside .box-aside.bloques ul li {
	margin-bottom: 4x;
}

section.curso > .container aside .box-aside.bloques a:hover {
	color: #435f57;
}

#box-curso .error {
	display: none;
}

#box-curso .error-search-title {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 2em;
}


#box-curso h2 {
	margin-bottom: 0px;
}
#box-curso h2.bloque {
	font-size: 1.8em;
	background-color: #c5dcd5;
    display: inline-block;
    padding: 4px 15px 6px 15px;
    margin-bottom: 20px;
}




#box-curso h2.unidad {
	display: inline-block;
	margin-left: 20px;
	font-style: italic;
	font-weight: 500;
}


#box-curso .box-unidad .box-title {
	display: flex;
	align-items: flex-end;
	margin-bottom: 5px;
}

#box-curso .box-unidad .speaker {
	font-family: 'Playfair Display', serif;
	font-size: 1.2em;
	font-style: italic;
	margin: 0 0 20px 20px;
	color: #6e6e6e;
}


#box-curso .box-unidad .nivel {
    font-size: 1.1em;
    color: #fff;
    padding: 0px 9px;
    border-radius: 15px;
    margin-left: 10px;
}

#box-curso .box-unidad .nivel-1 {
	background-color: #089d67;
}

#box-curso .box-unidad .nivel-2 {
	background-color: #d87532;
}

#box-curso .box-unidad .nivel-3 {
	background-color: #2eb6b1;
}

#box-curso .group .leccion .no-video {
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 99, 71, 0.651);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-transform: uppercase;
	display: none;
}


/*

#box-curso .group .leccion {
	position: relative;
	width: 25%;
	padding: 0 20px 30px 20px;
}

#box-curso .group .leccion:nth-child(4n+1) {
	width: calc( 25% );
	padding-right: 0;
}

#box-curso .group .leccion:nth-child(4n+2) {
	padding-left: 0;
	width: 25% ;
}

*/

#box-curso .group {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	margin-bottom: 50px;
	padding-left: 40px;
	margin-top: 20px;

}

#box-curso .group.inactive {
	margin: 0px;
}

#box-curso .group .leccion {
	position: relative;
}

#box-curso .group .leccion .hidden {
	display: none;
}


#box-curso .group .leccion .imagen {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

#box-curso .group .leccion .imagen .viewed {
	position: absolute;
    bottom: 5px;
    left: 5px;
    line-height: 1.1;
    padding: 1px 7px 2px 7px;
    background-color: #087aa4;
    border-radius: 4px;
    color: #fff;
    font-size: 0.9em;
}

#box-curso .group .leccion .imagen .new {
		position: absolute;
		top: 20px;
		right: -36px;
		background: #3f7e8d;
		padding: 1px 40px 2px 40px;
		color: #fff;
		border-radius: 4px;
		font-size: 0.9em;
		transform: rotate(45deg);
	}

#box-curso .group .leccion .imagen .coming-soon {
	position: absolute;
	top: 36px;
	right: -36px;
	background: #a94747;
	padding: 1px 40px 2px 40px;
	color: #fff;
	border-radius: 4px;
	font-size: 0.9em;
	transform: rotate(45deg);
}

#box-curso .group .leccion .imagen .duration {
	position: absolute;
    bottom: 5px;
    right: 5px;
    background-color: rgba( 0, 0, 0, 0.3);
    line-height: 1.1;
    padding: 1px 7px 2px 7px;
    border-radius: 4px;
    color: #fff;
    font-size: 0.75em;
}

#box-curso .group .leccion .titulo {
	/* font-family: 'Playfair Display', serif;
    font-weight: 700; */
    margin: 0;
    font-size: 1.2em;
    line-height: 1.2;
}


#box-curso .group .leccion .titulo .text {
	font-size: 0.9em;
	margin: 0;
	font-weight: 400;
}

#box-curso .group .leccion .titulo .text:hover {
	text-decoration: underline;
}

#box-curso .group .leccion .titulo .viewed,
#box-curso .group .leccion .titulo .duration,
#box-curso .group .leccion .titulo .coming-soon {
    display: none;
}

/* Aside */


section.curso > .container aside {
	width: 25%;
}

section.curso .box-group {
	clear: both;
}

section.curso > .container aside h3 {
	margin-bottom: 10px;
}

section.curso > .container aside .box-aside {
	margin-bottom: 30px;
}

section.curso > .container aside .box-aside .btn-level {
	cursor: pointer;
	font-size: 1.1em;
    color: #fff;
    padding: 0px 9px;
    border-radius: 15px;
    margin-left: 10px;
	margin-bottom: 10px;
    display: inline-block;
    border: 1px solid transparent;
}


section.curso > .container aside .box-aside .btn-level.level-1 {
    border: 1px solid #089d67;
    color: #089d67;
}

section.curso > .container aside .box-aside .btn-level.level-2 {
    border: 1px solid #d87532;
    color: #d87532;
}

section.curso > .container aside .box-aside .btn-level.level-1.active {
    background-color: #089d67;
    color: #fff;
}

section.curso > .container aside .box-aside .btn-level.level-2.active {
    background-color: #d87532;
    color: #fff;

}

section.curso > .container aside .box-aside .btn-level.level-3 {
		border: 1px solid #2eb6b1;
		color: #2eb6b1;
	}
	

section.curso > .container aside .box-aside .btn-level.level-3.active {
	background-color: #2eb6b1;
	color: #fff;

}


section.curso > .container aside #filtro-curso {
    width: 100%;
    font-size: 1.2em;
}

section.curso > .container aside .container {
	margin: 0 0 0 auto;
	padding-left: 50px;
}

section.curso > .container aside .tags {
	padding-left: 10px;
}

section.curso > .container aside .tags .tag {
	background-color: #c5dcd5;
    margin-bottom: 10px;
    margin: 2px;
    padding: 0px 6px 2px 6px;
    display: inline-block;
    border-radius: 5px;
    font-size: 0.9em;
    line-height: 1.2;
}


section.curso aside .modo-vista {
	display: flex;
}

section.curso aside .modo-vista > div {
	cursor: pointer;
	width: 30px;
	margin-left: 10px;
	opacity: 0.2;
}

section.curso aside .modo-vista > div.active {
	opacity: 1;
}


#box-curso .group .leccion .titulo .new {
		display: inline-block;
		line-height: 1.1;
		padding: 1px 4px 2px 4px;
		border-radius: 4px;
		color: #fff;
		background: #3f7e8d;
		font-size: 0.75em;
	}

/* Modo lista */

#box-curso.lista .imagen {
	display: none;
}

#box-curso.lista h2.bloque {
	font-size: 1.4em;
}

#box-curso.lista h3.unidad,
#box-curso.lista h2.unidad {
    font-size: 1.3em;
    margin-bottom: 0;
    margin-top: 10px;
    margin-left: 20px;
}

#box-curso.lista .box-unidad .nivel {
    font-size: 1em;
}


#box-curso.lista h2 {
    margin-bottom: 10px;
}

#box-curso.lista .group {
	display: block;
	margin-bottom: 10px;
	margin-top: 0;
}

#box-curso.lista .group .leccion {
	width: 100% !important;
	margin: 0;
	padding-left: 30px;
	position: relative;
}


#box-curso.lista .group .leccion.completed:before {
	display: block;
	content: url('img/icon_viewed_15.png');
    width: 20px;
    height: 20px;
    position: absolute;
    left: 9px;
    top: 3px;
	
}

#box-curso.lista .group .leccion .titulo {
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    font-size: 1.1em;
    font-weight: 300;
    display: inline-flex;
    align-items: center;
}

#box-curso.lista .group .leccion .titulo.completado .text {
    position: relative;
    z-index: 3;
}

#box-curso.lista .group .leccion .titulo.completado .text:before {
	display: block;
	content: url('img/icon_viewed_15.png');
    width: 20px;
    height: 20px;
    position: absolute;
    left: -21px;
    top: 3px;
    }


#box-curso.lista .group .leccion .titulo .viewed {
	display: block;
    line-height: 1.1;
    padding: 1px 7px 2px 7px;
    background-color: #087aa4;
    border-radius: 4px;
    color: #fff;
    font-size: 0.9em;
    margin: 0 10px;
}


#box-curso.lista .group .leccion .titulo .duration {
    display: block;
    line-height: 1.1;
    padding: 1px 4px 2px 4px;
    border-radius: 4px;
    color: #3d3d3d;
    font-size: 0.75em;
    margin-left: 10px;
    border: 1px solid rgb(197 220 213);
}

#box-curso.lista .group .leccion .titulo .new {
	display: block;
	line-height: 1.1;
	padding: 1px 4px 2px 4px;
	border-radius: 4px;
	color: #fff;
	background: #3f7e8d;
	font-size: 0.75em;
	margin-left: 5px;
}

 
#box-curso.lista .group .leccion .titulo .coming-soon { 
	display: block;
	line-height: 1.1;
	padding: 1px 4px 2px 4px;
	border-radius: 4px;
	color: #fff;
	background: #a94747;
	font-size: 0.75em;
	margin-left: 5px;
}

#box-curso.lista .box-unidad .speaker {
	margin-bottom: 10px;
}

/*------------------------------------*\
	Cursos presenciales
\*------------------------------------*/

/* header */

main#cursos-presenciales {
	
}

main#cursos-presenciales > header {
	background-color: #c5dcd5;
}

main#cursos-presenciales > header .container {
	align-items: center;
	padding: 40px 0 0 0;
}

main#cursos-presenciales > header .container .box-text {
	width: 40%;
}

main#cursos-presenciales > header .container .box-text h1 {
	font-size: 3.1em;
	line-height: 1.1;
	margin-top: 40px;
}

main#cursos-presenciales > header .container .box-text .inline {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.8em;
	font-style: italic;
	color: #435f57;
}

main#cursos-presenciales > header .container .box-image {
	width: 60%;
	text-align: center;
	padding: 0 10%;
}

main#cursos-presenciales > header .container .box-image img {
	margin-bottom: -7%;
	max-width: 650px;
	width: 90%;
}

main#cursos-presenciales .box-video-summary {
	margin-bottom: -10%;
	margin-top: 60px;
}

main#cursos-presenciales .box-video-summary > .container {
	max-width: 900px;
	margin: 0 auto;
}


main#cursos-presenciales section.sede #google-maps {
	height: 300px;
	width: 100%;
	margin-bottom: 60px;
}


main#cursos-presenciales section.content {
	padding: 60px 0;
}

main#cursos-presenciales section.content h2 {
	font-size: 2em;
}

main#cursos-presenciales section.content h3 {
	font-family: 'Lato', sans-serif;
	font-size: 1.5em;
	margin-bottom: 0;
	color: #435f57;
}
main#cursos-presenciales section.content .subtitle {

	font-family: 'Playfair Display', serif;
	margin: 0 0 40px 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
	font-style: inherit;
	font-weight: 400;
}

main#cursos-presenciales section.content ul li {
	font-size: 1.2em;
	margin-bottom: 15px;
	line-height: 1.2;
	position: relative;
	text-wrap: wrap;
	list-style: none;
}

main#cursos-presenciales section.content ul li:before { 
	content: '+';
	position: absolute;
	left: -15px;
}

main#cursos-presenciales section.content ul ol {
	font-size: 1.2em;
	margin-bottom: 5px;
}

main#cursos-presenciales section.content ul ol:last-of-type {
	margin-bottom: 20px;
}


main#cursos-presenciales section.content ul a:after {
	content: '';
	background-image: url(img/icons/icon_link.png);
	background-size: cover;
	width: 20px;
	height: 20px;
	position: relative;
	display: inline-block;
	margin-left: 10px;
}

main#cursos-presenciales section.content .box-items {
	padding:60px 0;
	background-color: #f0f3f2;
	margin-top: 60px;
}

main#cursos-presenciales section.content .box-items .container {
	display: flex;
}

main#cursos-presenciales section.content .box-items .container > div {
	width: 33%;
	text-align: center;
	padding: 0 20px;
}

main#cursos-presenciales section.sede #google-maps {

}

main#cursos-presenciales .separator {
    width: 90%;
    max-width: 300px;
    min-width: 200px;
}

main#cursos-presenciales section.sede #google-maps {
	display: block;
	height: 300px;
	width: 100%;
	margin-bottom: 60px;
	overflow: hidden;
	background-image: url('img/google_maps2.jpg'); /* Ruta a la imagen JPG como respaldo */
    background-size: cover; /* Ajusta la imagen para cubrir todo el div */
    background-position: center; /* Centra la imagen en el div */
}


/*------------------------------------*\
    La fundación
\*------------------------------------*/

/* header */

main#la-fundacion header {
	background-color: #c5dcd5;
}

main#la-fundacion header .container {
	align-items: center;
	padding: 40px 0 0 0;
}

main#la-fundacion header .container .box-text {
	width: 40%;
}

main#la-fundacion header .container .box-text h1 {
	font-size: 4em;
}

main#la-fundacion header .container .box-text .inline {
	font-family: 'Playfair Display', serif;
    margin: 0;
    line-height: 1.2;
	font-size: 1.8em;
	font-style: italic;
	color: #435f57;
}

main#la-fundacion header .container .box-image {
    width: 60%;
    text-align: center;
    padding: 0 10%;
}

main#la-fundacion header .container .box-image img {
	margin-bottom: -7%;
    max-width: 650px;
    width: 90%;
}



/* aside */
main#la-fundacion aside {
	width: 90%;
	max-width: 250px;
	min-width: 200px;
}

main#la-fundacion aside ul {
	list-style: none;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

main#la-fundacion aside ul li {
	padding: 4px 10px;
}

main#la-fundacion aside ul li.current-menu-item {
	background-color: #f0f3f2;
	display: inline-block;
}

/* content */

main#la-fundacion section.cursos {
	padding: 100px 0 60px 0;
}

main#la-fundacion section.cursos .content {
	width: 100%;	
}

main#la-fundacion section.cursos .content h2 {
	font-style: italic;
	position: relative;
	display: inline-block;
}

main#la-fundacion h2 {
	font-style: italic;
	position: relative;
	display: inline-block;
	z-index: 2;
}

main#la-fundacion h2:before {
    content: '';
    width: calc(100% + 20px);
    position: absolute;
    height: 10px;
    background-color: #c6d7d1;
    bottom: 3px;
    transform: translateX(-10px);
    z-index: -1;
    opacity: 0.4;
} 

main#la-fundacion section.cursos .content > .text{
	margin-bottom: 60px;
}

main#la-fundacion section.cursos .content .texto a {
	color: #435f57;
	text-decoration: underline;
}

main#la-fundacion section.cursos .content .texto li {
	margin-bottom: 5px;
}

main#la-fundacion section.cursos .container {
	
}

main#la-fundacion section.cursos .content .box-list-cursos {
	background-color: #f0f3f2;
	padding: 40px 60px;
}


main#la-fundacion section.cursos .content .box-list-cursos.online .list-cursos {
	padding-left: 20px;
	font-size: 1.2em;
}

main#la-fundacion section.cursos .content .box-list-cursos .list-cursos ul {
	list-style: none;
}

main#la-fundacion section.cursos .content .box-list-cursos .list-cursos ul a {
	text-decoration: underline;
}

main#la-fundacion section.cursos .content .box-list-cursos .list-cursos ul a:after {
	content:'';
	background-image: url('img/icons/icon_link.png');
	background-size: cover;
	width: 20px;
	height: 20px;
	position: relative;
	display: inline-block;
	margin-left: 10px;
	
}

main#la-fundacion section.cursos .content .box-list-cursos .list-cursos li {
	position: relative;
	margin-bottom: 5px;
	font-size: 1.2em;
}


main#la-fundacion section.cursos .content .box-list-cursos .list-cursos ol {
	font-size: 0.9em;
}

main#la-fundacion section.cursos .content .box-list-cursos .list-cursos li:before {
	content: '+';
	position: absolute;
	left: -15px;
}

main#la-fundacion section.cursos .text.news ul {
	list-style: none;
}

main#la-fundacion section.cursos .text.news li { 
	margin-bottom: 10px;
}

main#la-fundacion section.cursos .text.news li a {
	color: #588378;
}

main#la-fundacion section.cursos .text.news li a:hover {
	text-decoration: underline;
}

/* Sede */

main#la-fundacion section.sede {
}

main#la-fundacion section.sede #google-maps {
	display: block;
	height: 300px;
	width: 100%;
	margin-bottom: 60px;
	overflow: hidden;
	background-image: url('img/google_maps2.jpg'); /* Ruta a la imagen JPG como respaldo */
    background-size: cover; /* Ajusta la imagen para cubrir todo el div */
    background-position: center; /* Centra la imagen en el div */
}

main#la-fundacion .separator {
	width: 90%;
	max-width: 300px;
	min-width: 200px;
}

main#la-fundacion section.sede .box-text {
	

}

/*------------------------------------*\
    La fundación - Subsecciones
\*------------------------------------*/

main#la-fundacion.seccion header .container .box-image img {
	max-width: 500px;
}

/*------------------------------------*\
    La fundación - Patronato
\*------------------------------------*/


main#la-fundacion.patronato .content .patronos {
	padding-left: 20px;
}

main#la-fundacion.patronato .content .patronos .patrono {
	margin-bottom: 20px;
}

main#la-fundacion.patronato .content .patronos .patrono .nombre {
	font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 1.2em;
    font-style: italic;
}

main#la-fundacion.patronato .content .patronos .patrono .puesto {
	font-weight: 300;
    font-size: 1.1em;
}

main#la-fundacion.patronato .content h2.emeritos {
	margin-top: 40px;
}

main#la-fundacion.patronato .content .patronos.emeritos {
	margin: 15px 0;
}

/*------------------------------------*\
    La fundación - Donaciones
\*------------------------------------*/

main#la-fundacion.donaciones h2 {
	margin-bottom: 10px;
}

main#la-fundacion.donaciones .donation-container {
	margin-bottom: 60px;
}

main#la-fundacion.donaciones .donation-container .donation-buttons {
	display: flex;
	justify-content: center;
	gap: 10px;
}

main#la-fundacion.donaciones .donation-container .donation-buttons button {
	background-color: #435f57;
	color: #fff;
	padding: 5px 10px;
	border: none;
	cursor: pointer;
	font-size: 1.1em;
	font-weight: 700;
	font-style: italic;
	border-radius: 5px;
	transition: all 0.3s ease;
}

main#la-fundacion.donaciones .donation-container .donation-buttons button:hover {
	background-color: #b95767;
	color: #fff;
}

main#la-fundacion.donaciones .donation-container .donation-buttons button:active {
	background-color: #b95767;
	color: #fff;
}

main#la-fundacion.donaciones .donation-container .donation-form {
	text-align: center;
	margin-top: 20px;
}

main#la-fundacion.donaciones .donation-container .donation-form input {
	width: 100%;
	max-width: 200px;
	padding: 10px;
	border: 1px solid #D3D3D3;
	border-radius: 5px;
	text-align: center;
	font-size: 1.2em;
	font-weight: 700;
	font-style: italic;
	border-radius: 5px;
	transition: all 0.3s ease;
	margin-bottom: 20px;
}

main#la-fundacion.donaciones .donation-container .donation-form input:focus {
	outline: none;
}

main#la-fundacion.donaciones .donation-container .donation-form button {
	background-color: #b95767;
	color: #fff;
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 700;
	font-style: italic;
	border-radius: 5px;
	transition: all 0.3s ease;
} 

main#la-fundacion.donaciones .donation-container .donation-form button:hover {
	background-color: #75c9b4;
	color: #000;
} 



main#la-fundacion.donaciones h3 {
	margin-bottom: 10px;
	margin-top: 30px;
}
main#la-fundacion.donaciones .content {
	padding-left: 20px;
}

main#la-fundacion.donaciones .content .box {
	margin-bottom: 40px;
}

main#la-fundacion.donaciones .content .text-highlight {
	font-weight: 700;
	font-size: 1.2em;
	margin-bottom: 20px;
	color: #435f57;
} 

main#la-fundacion.donaciones .content .box-background {
    background-color: #f0f3f2;
    padding: 40px;
}

main#la-fundacion.donaciones .content table {
	width: 100%;
	margin: 20px 0;
}

main#la-fundacion.donaciones .content table tr {
	display: flex;
}

main#la-fundacion.donaciones .content table td {
	padding: 10px;
	width: 50%;

}

main#la-fundacion.donaciones .content table tr:first-of-type {
	font-weight: 700;
	border-bottom: 1px solid #D3D3D3;
}

/*------------------------------------*\
	La fundación - Premios
\*------------------------------------*/


main#la-fundacion section.premios #accordion .accordion {
	padding: 10px 0 10px 30px;
	margin: 0;
	border-bottom: 1px solid #D3D3D3;
	clear: both;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	font-size: 1.4em;
	position: relative;
	line-height: 1.3;
	font-weight: 600;
}

main#la-fundacion section.premios #accordion .panel  {
	padding: 0 0 0px 30px;
	border-bottom: 1px solid #D3D3D3;
	font-size: 0.9em;

}

main#la-fundacion section.premios #accordion {
	padding-left: 30px;
	margin: 0 auto;
}

main#la-fundacion section.premios #accordion .panel {
	padding: 10px 30px 30px 30px;
	border-bottom: 1px solid #D3D3D3;
	font-size: 0.9em;
	font-size: 1.2em;
}


main#la-fundacion section.premios #accordion .accordion:first-of-type {
	border-top: 1px solid #D3D3D3;
}

main#la-fundacion section.premios #accordion .accordion:before {
	position: absolute;
	left: 0;
	content: '+';
	margin: 0 10px;
	color: #768983;

}

main#la-fundacion section.premios #accordion .ui-accordion-header-active:before {
	content: '-';
}

main#la-fundacion section.premios #accordion .ui-accordion a {
	color: #508220;
}

main#la-fundacion section.premios #accordion .ui-accordion a:hover {
	color: #465a79;
}

main#la-fundacion section.premios .content .texto a {
	text-decoration: underline;
}

main#la-fundacion.premios section.premios a {
	text-decoration: underline;
} 

main#la-fundacion.premios section.premios a:after {
    content: '';
	background-image: url('img/icons/icon_link.png');
    background-size: cover;
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    margin-left: 10px;
}


/*------------------------------------*\
		La fundación - Cursos
\*------------------------------------*/
main#la-fundacion div.cursos {		
	display: flex;
	flex-wrap: wrap;
}

main#la-fundacion div.cursos .box-curso {
	width: 30%;
	padding: 30px;
}

main#la-fundacion div.cursos .box-curso img {
	border: 10px solid #fff;
	box-shadow: 1px 3px 10px 6px #0000001a;
}



/*------------------------------------*\
		La fundación - Memoria
\*------------------------------------*/

main#la-fundacion.memorias .content .actividades {
	padding-left: 20px;
}

main#la-fundacion.memorias .content .intro {
	margin-bottom: 60px;
}


main#la-fundacion.memorias .content .actividades .actividad {
	padding: 20px 0 0 20px;
}

main#la-fundacion.memorias .content .actividades .actividad .fecha {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 1.2em;
	font-style: italic;
}

main#la-fundacion.memorias .content .actividades .actividad .titulo {
	font-weight: 300;
	font-size: 1.1em;
}

main#la-fundacion.memorias .content .actividades .actividad a:after{
	content:'';
	background-image: url('img/icons/icon_link.png');
	background-size: cover;
	width: 20px;
	height: 20px;
	position: relative;
	display: inline-block;
	margin-left: 10px;
}

main#la-fundacion.memorias #accordion .accordion {
	padding: 10px 0 10px 30px;
	margin: 0;
	border-bottom: 1px solid #D3D3D3;
	clear: both;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	font-size: 1.4em;
	position: relative;
	line-height: 1.3;
	font-weight: 600;
}

main#la-fundacion.memorias  #accordion .accordion:first-of-type {
	border-top: 1px solid #D3D3D3;
}

main#la-fundacion.memorias  #accordion .accordion:before {
	position: absolute;
	left: 0;
	content: '+';
	margin: 0 10px;
	color: #768983;

}

main#la-fundacion.memorias  #accordion .ui-accordion-header-active:before {
	content: '-';
}

/*------------------------------------*\
	Landing suscripción
\*------------------------------------*/

main#landing-suscripcion > header {
	background-color: #c5dcd5;
	padding: 160px 0 10% 0;
	background-image: url('img/bg_landing_header.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: 85%;
}

main#landing-suscripcion > header > .container {
	margin-bottom: 60px;
}

main#landing-suscripcion > header h1 {
	font-size: 3.5em;
	margin-bottom: 20px;
	line-height: 1;
}

main#landing-suscripcion > header .description {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
}

main#landing-suscripcion > header .box-intro {
	display: flex;
}

main#landing-suscripcion > header .text {
	width: 50%;
}
main#landing-suscripcion > header .text .container {
	max-width: 450px;
}

main#landing-suscripcion > header .cta {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

main#landing-suscripcion > header .cta:before {
	display: block;
	position: absolute;
	content: '';
	width: 250px;
	height: 250px;
	background-image: url('img/bg_cta.png');
	background-size: cover;
}

main#landing-suscripcion > header .cta:after {
		display: block;
		position: absolute;
		content: '';
		width: 60px;
		height: 60px;
		right: 14%;
		bottom: 20%;
		background-image: url('img/cta_click.png');
		background-size: cover;
	}

main#landing-suscripcion > header .cta .btn {
	font-size: 1.6em;
	padding: 10px 20px;
	line-height: 1.1;
}

main#landing-suscripcion .box-video-summary { 
	margin-top: -10%; 
}

main#landing-suscripcion .box-video-summary > .container {
	max-width: 900px; 
	margin: 0 auto;
}

main#landing-suscripcion header .cta {

}


/* Content */
main#landing-suscripcion .content {
	background-color: #f0f5f5;
	padding: 60px 0;
}

main#landing-suscripcion .content > .container {
	max-width: 800px;
	margin: 0 auto;
}

main#landing-suscripcion .content header {
	text-align: center;
	margin-bottom: 60px;
}

main#landing-suscripcion .content header .container {
	max-width: 800px;
	margin: 0 auto;
}

main#landing-suscripcion .content header h2 {
	font-size: 3em;
	margin-bottom: 10px;
}

main#landing-suscripcion .content header .inline {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
}

main#landing-suscripcion .content .box-stats {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

main#landing-suscripcion .content .box-stats .item {
	text-align: center;
	background-color: #c4d8d2;
	color: #3c4248;
	padding: 20px;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px 20px 10px;
}

main#landing-suscripcion .content .box-stats .item .container {
	
}


main#landing-suscripcion .content .box-stats .item .big {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 5em;
	margin-top: -25px;
}

main#landing-suscripcion  .content .box-stats .item .small  {
	font-size: 1.2em;
}

main#landing-suscripcion .content .description {
	text-align: center;
	margin-bottom: 50px;
	font-size: 1.1em;
}

main#landing-suscripcion .content .cta {
	display: flex;
	justify-content: center;
	align-items: center;
}

main#landing-suscripcion .content .cta .btn {
	font-size: 1.6em;
	padding: 10px 20px;
	line-height: 1.1;
}

main#landing-suscripcion .testimonials {
	padding: 60px 0;
}

main#landing-suscripcion .testimonials .container {
	display: flex;
	justify-content: space-between;
}

main#landing-suscripcion .testimonials .container .item {
	text-align: center;
	margin:  0 50px;
}

main#landing-suscripcion .testimonials .container .item .name {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.6em;
	font-style: italic;
	color: #435f57;
	margin-bottom: 10px;
}

main#landing-suscripcion .testimonials .container .item .text {
	max-width: 300px;
	margin: 0 auto;
}

main#landing-suscripcion .testimonials .container .item .stars {
	margin-bottom: 10px;
}


/*------------------------------------*\
    My account
\*------------------------------------*/

main#my-account .banner-suscribete-myaccount {
	background-color: #768983;
	padding: 20px;
	border-radius: 4px;
	text-align: center;
}

main#my-account #accordion {
	margin: 20px 2px;
}

main#my-account #accordion h3 {
	background-color: #c4dbd5;
	display: inline-block;
	font-weight: 700;
	padding: 10px 20px 10px 10px;
}

main#my-account #accordion .ui-state-active {
	color: #515151;
}

main#my-account .banner-suscribete-myaccount .title {
	color: #fff;
	font-size: 1.8em;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	margin-bottom: 10px;
}


main#my-account .banner-suscribete-myaccount .text {
	color: #fff;
	margin-bottom: 20px;
}

main#my-account .banner-suscribete-myaccount a {
	text-decoration: none;
	color: #fff;
}


main#my-account.general {
	padding-top: 120px;
}

main#my-account.not-logged-in {
	background-color: #c5dcd5;
	background-image: url('img/bg_form_login.jpg');
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



main#my-account.not-logged-in  h1 {
	margin-bottom: 5px;
	text-align: center;
}


main#my-account.not-logged-in  h2 {
	margin-bottom: 30px;
	text-align: center;
}


main#my-account.not-logged-in section {
    width: 100%;
    margin-right: 0;
}


main#my-account.not-logged-in .woocommerce > p,
main#my-account.not-logged-in .woocommerce .lost_reset_password,
main#my-account.not-logged-in .woocommerce form.login {
	max-width: 400px;
	margin: 0 auto;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
   	background-color: #fff;
   	padding: 20px;
   	
    -webkit-box-shadow: 0px 0px 15px 5px rgb(118 137 131 / 15%); 
	box-shadow: 0px 0px 15px 5px rgb(118 137 131 / 15%);
}

main#my-account.not-logged-in .woocommerce-notices-wrapper {
    max-width: 400px;
    margin: 0 auto;
}
main#my-account.not-logged-in .box-suscribe {
    background-color: #768983;
    max-width: 400px;
    margin: 0 auto;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

}

main#my-account.not-logged-in .box-suscribe .container {

    color: #fff;
    padding: 20px 30px;
    text-align: center;

}

main#my-account.not-logged-in  .box-suscribe h3 {
    margin: 5px 0;
    font-size: 1.4em;
}

main#my-account.not-logged-in  .box-suscribe p {
    margin: 5px 0;
}

/* Logged in */

main#my-account.logged-in {
	background-color: #c5dcd5;
}

main#my-account > .wrapper {
	padding: 0;
}

/* Baja */
main#my-account .box-baja {
	padding: 20px 0;
	margin-left: 30px;
	width: 30%;
}

main#my-account .woocommerce-EditAccountForm {
	width: 70%;
}

main#my-account .box-baja .container {
	background-color: #f0f3f2;
	padding: 30px;
}

main#my-account .box-my-account-details {
	display: flex;
}

main#my-account .box-baja .title {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.1;
}

main#my-account .aviso-prebaja {
	margin: 10px 0 20px 0;
	font-size: 1em;
	display: none;
}

main#my-account #real-baja {
	display: inline-block;
	display: none; 
	
}


main#my-account .my-acccount-dashboard-logout {
	color: #b95767;
	font-size: 0.9em;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex;
	list-style: none;
	padding-left: 0;
    margin-bottom: 0;
    padding-bottom: 7px;
	flex-wrap: wrap;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	padding-top: 14px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    background-color: #fff;
    padding: 10px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: 2px;
	white-space: nowrap;
    
}


.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover li {
	background-color: #768983;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(.is-active) a {
	-webkit-box-shadow: inset -1px -7px 11px -10px #768983;
	-moz-box-shadow: inset -1px -7px 11px -10px #768983;
	box-shadow: inset -1px -7px 11px -10px #768983;
    }




.woocommerce .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active {
	
}

.woocommerce .woocommerce-MyAccount-content {
	background-color: #fff;
	padding: 40px;
}


.woocommerce .woocommerce-MyAccount-content a {
	color: #768983;
	text-decoration: underline;
}

/* Certificados */

main#my-account.general section.certificados .admin {
	background-color: antiquewhite;
	padding: 20px 20px;
	margin-top: 50px;
}

main#my-account.general section.certificados .admin h4 {
	margin-top: 0;
}

main#my-account.general section.certificados {
	width: auto;
}

main#my-account.general section.certificados h3 {
	margin-bottom: 5px;
}

main#my-account.general section.certificados .box-iniciacion,
main#my-account.general section.certificados .box-profundizacion {
	padding-left: 30px;
}

main#my-account.general section.certificados .intro {
	padding-bottom: 20px;
}

main#my-account.general section.certificados .texto {
	margin-bottom: 10px;
}


/*------------------------------------*\
    Suscripción
\*------------------------------------*/

main#suscription {
	background-color: #c5dcd5;
	background-image: url('img/bg_form_login.jpg');
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

main#suscription aside {
    display: none;
}



main#suscription .checkout-soporte {
	padding-bottom: 10px;
}

main#suscription .checkout-soporte a {
	color: #768983;
	text-decoration: underline;
}

main#suscription section {
	background-color: #fff;
	padding: 40px;
	border-radius: 4px;
}

main#suscription section h1 {
	margin: 0 0 20px 0;
}

main#suscription section .title {
	font-weight: 700;
	font-size: 1.6em;
	margin-bottom: 10px;
}

main#suscription section .box-description {
	margin-bottom: 20px;
}

main#suscription section .box-description .description {
	font-size: 1.2em;
}

main#suscription section .box-description .ip-message { 
	font-size: 1.2em;
	margin: 10px 0 20px 0;
	line-height: 1.3; 
	padding: 30px;
	background-color: #f0f3f2;
	border-radius: 5px;
	border-radius: 4px;
}

main#suscription section .box-description .ip-message li {
	margin-bottom: 10px;
}

main#suscription section .text {
	margin-bottom: 20px;
}


#payment .payment_methods li .payment_box fieldset.card-saved {
	border: 0;
	font-size: 1.1em !important;
}



	.woocommerce-checkout .box-background {
		background-color: #768983;
		padding: 20px;
		border-radius: 4px;
		text-align: center;
		color: #fff;
		font-size: 1.2em;
		line-height: 1.2;
		margin-bottom: 20px;
	}

.woocommerce-checkout .box-background .title {
	font-size: 1.2em !important;
	font-weight: 700;
	margin: 10px 0 !important;
}




/*------------------------------------*\
	Actualizaciones y novedades
\*------------------------------------*/

/* header */

main#actualizaciones > header {
	background-color: #c5dcd5;
}

main#actualizaciones header .container {
	align-items: center;
	padding: 40px 0 0 0;
}

main#actualizaciones header .container .box-text {
	width: 40%;
	margin-top: 100px;
	margin-bottom: 50px;
}

main#actualizaciones header .container .box-text h1 {
	font-size: 4em;
}

main#actualizaciones header .container .box-text .inline {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.8em;
	font-style: italic;
	color: #435f57;
}

main#actualizaciones header .container .box-image {
	width: 60%;
	text-align: center;
	padding: 0 10%;
}

main#actualizaciones header .container .box-image img {
	margin-bottom: -7%;
	max-width: 650px;
	width: 90%;
}



	/* aside */
	main#actualizaciones section.actualizaciones aside {
		width: 90%;
		max-width: 250px;
		min-width: 200px;
	}
	
	main#actualizaciones section.actualizaciones aside ul {
		list-style: none;
		font-size: 1.1em;
		margin: 0;
		padding: 0;
	}
	
	main#actualizaciones section.actualizaciones aside ul li {
		padding: 4px 10px;
	}
	
	main#actualizaciones section.actualizaciones aside ul li.current-menu-item {
		background-color: #f0f3f2;
		display: inline-block;
	}
	
	/* content */
	
	main#actualizaciones section.actualizaciones {
		padding: 100px 0 60px 0;
	}
	
	main#actualizaciones section.actualizaciones .content {
		width: 100%;	
	}
	
	main#actualizaciones section.actualizaciones .content h2 {
		font-style: italic;
		position: relative;
		display: inline-block;
	}
	
	main#actualizaciones h2 {
		font-style: italic;
		position: relative;
		display: inline-block;
		z-index: 2;
	}
	
	main#actualizaciones h2:before {
		content: '';
		width: 115%;
		position: absolute;
		height: 10px;
		background-color: #c6d7d1;
		bottom: 3px;
		transform: translateX(-6%);
		z-index: -1;
		opacity: 0.4;
	}
	
	
	
	main#actualizaciones section.actualizaciones .content > .text{
		margin-bottom: 60px;
	}
	
	main#actualizaciones section.actualizaciones .content .texto a {
		color: #435f57;
	}
	
	main#actualizaciones section.actualizaciones .container {
		
	}
	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones {
		padding: 40px 60px;
	}
	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones header {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	
	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones.sistema {
		background-color: #f8f8f8;
	}
	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones.contenido {
		background-color: #f0f3f2;
	}	


	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones.online .list-cursos {
		padding-left: 20px;
		font-size: 1.2em;
	}
	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones ul.list-cursos  {
		list-style: none;
		margin-bottom: 25px;
	}
	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones ul.list-cursos  a {
		text-decoration: underline;
	}
	
	
	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones ul.list-cursos  a:after {
		content:'';
		background-image: url('img/icons/icon_link.png');
		background-size: cover;
		width: 20px;
		height: 20px;
		position: relative;
		display: inline-block;
		margin-left: 10px;
		
	}
	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones ul.list-cursos .ponente {
		font-size: 0.8em;
		margin-bottom: 20px;
		color: #435f57;
	}
	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones .list-cursos li {
		position: relative;
		margin-bottom: 5px;
		font-size: 1.2em;
	}
	
	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones .list-cursos ol {
		font-size: 0.9em;
	}
	
	main#actualizaciones section.actualizaciones .content .box-list-actualizaciones .list-cursos li:before {
		content: '+';
		position: absolute;
		left: -15px;
	}

/*------------------------------------*\
	Sesiones gratis
\*------------------------------------*/

/* header */

main#gratis > header {
	background-color: #c5dcd5;
}

main#gratis header .container {
	align-items: center;
	padding: 40px 0 0 0;
}

main#gratis header .container .box-text {
	width: 40%;
	margin-top: 100px;
	margin-bottom: 50px;
}

main#gratis header .container .box-text h1 {
	font-size: 2.3em;
	margin-bottom: 10px;
}

main#gratis header .container .box-text .inline {
	font-family: 'Playfair Display', serif;
	margin: 0;
	line-height: 1.2;
	font-size: 1.8em;
	font-style: italic;
	color: #435f57;
	margin-bottom: 20px;
}

main#gratis header .container .box-text .description {
	margin: 0;
	line-height: 1.2;
	font-size: 1.3em;
	color: #435f57;
	margin-bottom: 20px;
}

main#gratis header .container .box-text .btn {
	font-size: 1.3em;
}

main#gratis header .container .box-image {
	width: 60%;
	text-align: center;
	padding: 0 10%;
}

main#gratis header .container .box-image > div {
	-webkit-box-shadow: 0px 10px 10px 0px rgba(67,95,87,0.25);
	-moz-box-shadow: 0px 10px 10px 0px rgba(67,95,87,0.25);
	box-shadow: 0px 10px 10px 0px rgba(67,95,87,0.25);
}

main#gratis header .container .box-image img {
	margin-bottom: -7%;
	max-width: 650px;
	width: 90%;
}


/*------------------------------------*\
    Footer
\*------------------------------------*/

footer.main {
	background-color: #c4dbd5;
	padding: 40px 0;
}

footer.main a {
	color: #444;
}

footer.main a:hover {
	color: #768983;
}


footer.main > .container {
	display: flex;
	justify-content: space-between;
}

footer.main .logo {
	max-width: 140px;
}

footer.main .logo-landscape {
	max-width: 220px;
	width: 90%;
}

footer.main nav.footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

footer.main nav.footer ul li {
}

footer.main .box-info {
	font-size: 0.9em;
	text-align: center;
}

footer.main .box-info p {
	margin: 0;
}

footer.main .box-info p.title {
	font-size: 1.1em;
	font-weight: 700;
	color: #435f57;
}

footer.main .rrss  {
	margin-right: 10px;
}

footer.main .rrss .container {
	display: flex;
}

footer.main .bookings {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

footer.main .box-icons {
    display: flex;
    align-items: center;
}

footer.main .rrss .container .item-rs {
	width: 23px;
	margin-right: 10px;
}


.box-copyright {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;
}

.copyright {
	font-size: 0.8em;
	margin: 10px 0 0 0;

}

.page-template-home footer .menu {
	margin: 10px 0 20px 0;
	padding: 0;
}

footer .logo-footer {
    width: 80px;
    margin: 0 10px 7px 10px;
}


/* ---------------------------------------------- */
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}


@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}


.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover{opacity:.9}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4)}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__progress__bar{background:#ccc;height:3px}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}

.splide__arrow:disabled {
	display: none;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:1920px) {
	
}
	
	
@media only screen and (max-width:1336px) {
	.lastest-courses .box-courses .container .course .course-title {
		font-size: 1.5em;
	}
	
	
	header.main nav.main ul.menu li {
		padding: 12px 10px;
	}
	
	header.main .rrss .container .item-rs {
		margin-right: 5px;
	}

	main#home-2026 .premios-y-becas .container {
		flex-direction: column;
		gap: 40px;
	
	}

	main#home-2026 .premios-y-becas .box-text {
		width: 100%;
		padding: 0;
		text-align: center;
	}
	main#home-2026 .premios-y-becas .box-image {
		width: 70%;
	}

	
	
}



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

	header.main .logo {
		max-width: 80px;
	}
	
	header.main .logo img {
		min-width: 80px;
		width: 80px;
		max-width: 110px;
	}
	
	header.main .box-header {
		padding-left: 100px;
	}


	header.main nav.main ul.menu li {
		padding: 12px 10px;
	}
	
	.btn-main {
		font-size: 1em;
	}

	/* La fundación */
	
	main#la-fundacion header .container {
		padding: 80px 0 0 0;
	}
	
	main#la-fundacion header .container .box-text {
		width: 40%;
	}
	
	main#la-fundacion header .container .box-image {
		width: 60%;
	}

	main#la-fundacion header .container .box-image {
		padding: 0 2%;
	}
	
	main#la-fundacion header .container .box-text h1 {
		font-size: 2.8em;
	}
	
	main#la-fundacion header .container .box-text .inline {
		font-size: 1.3em;
	}
	
	header.main.is-sticky nav.main ul.menu li {
		padding: 22px 11px;
	}
	
	

}

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

	
	header.main .box-header {
		padding-left: 90px;
	}
	
	
	header.main nav.main ul.menu li {
		padding: 12px 10px;
	}
	
	header.main .box-header .box-my-account span {
		display: none;
	}
		
		
}




@media only screen and (max-width:1024px) {
	
	main header h1 {
		font-size: 2em !important;
	}
	
	main header .box-text .inline {
		font-size: 1.5em !important;

	}
	
	header.main .box-icons {
		display: none;
	}
	
	/* burger */
	
	button.ham {
		display: block;
	}
	
	header.main {
	}
	
	header.main .box-header {
		display: none;
	}

	header.main .logo {
		max-width: 60px;
	}

	header.main .logo img {
		min-width: 60px;
		width: 60px;
		max-width: 110px;
	}

	#home section.portada .box-text {
		padding: 150px 0 50px;
	}
	
	main#la-fundacion header .container {
		padding: 150px 0 0 0;
	}
	
	.spacer {
		background-color: transparent;
	}
	
	/*
	section.curso > .container {
		overflow: hidden;
	}
	
	section.curso > .container aside {
		width: 50%;
		position: absolute;
		right: 0;
		top: 0;
		transform: translateX(100%);
		padding: 30px;
		background-color: #e2f0ec;
		-webkit-box-shadow: -10px 0px 5px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: -10px 0px 5px 0px rgba(0,0,0,0.1);
		box-shadow: -10px 0px 5px 0px rgba(0,0,0,0.1);
	}
	
	section.curso > .container aside .container {
		padding-left: 0px;
	}
	
	section.curso > .container #box-curso {
		width: 95%;
	}
	*/
	
	section.curso > .container aside {
		width: 100%;
	}
	
	section.curso > .container #box-curso {
		width: 100%;
	}
	
	section.curso > .container aside .box-aside {
		margin-right: 20px;
	}
	
	section.curso > .container aside h3 {
		font-size: 1em;
	}
	
	section.curso > .container {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	
	section.curso > .container aside .box-aside .btn-level {
		font-size: 0.8em;
		margin-left: 5px;
		margin-bottom: 1px;
	}
	
	section.curso > .container aside .box-aside.categories,
	section.curso > .container aside .box-aside.tags {
		display: none;
	}
	
	section.curso > .container aside .container {
		padding-left: 0;
		display: flex;
	}
	
	/* Single curso */
	
	main.single-curso .top > .container {
		flex-wrap: wrap;
	}
	
	main.single-curso .top .box-video {
		width: 100%;
		padding-bottom: 20px;
	}

	main.single-curso .top aside {
		padding-left: 0;
	}
	
	main.general aside,
	main.single-curso .top aside {
		width: 100%;
	}
	
	main.general .content > .container,
	main.single-curso .content > .container {
		flex-wrap: wrap;
	}
	#box-curso .group {
		padding-left: 0;
	}
	
	main.general .content .main-content,
	main.single-curso .content .main-content {
		width: 100%;
		margin-right: 0;
	}
	
	main.single-curso .content aside {
		width: 100%;
	}

	
	main.page.general {
		
	}
	


	
	
	main.page.general > div {
		padding-top: 140px;
		flex-wrap: wrap;
	}	
	
	main.page.general > div > section {
		width: 100%;
		margin-bottom: 50px;
		margin-right: 0;
	}
	
	main.general .content article {
		width: 100%;
		margin-right: 0;
	}
	
	/* Gratis */
	
	main#gratis header .container {
		flex-wrap: wrap;
	}
	main#gratis header .container .box-image,
	main#gratis header .container .box-text {
		width: 100%;
		text-align: center;
	}
	
	main#gratis header .container .box-image {
		margin-bottom: 20px;
	}
	
	.mensaje-superior .container {
		justify-content: left;
	}
	
	.mensaje-superior .lastest-courses-mini {
		display: none;
	}

	/* Regalos */

	main.exchange-gift .flex{
		flex-wrap: wrap;
	}

	main.exchange-gift article {
		width: 100%;
		margin-bottom: 40px;
		margin-right: 0;
	}

	main.exchange-gift aside {
		width: 100%;
		margin-bottom: 40px;
	}
	
	main#give-pastor-online article.details section .text {
		font-size: 1.7em;
	}

		
}


@media only screen and (min-width:1025px) {
		
	header.main.showMenu {
	    transform: translateY(-100%);
	}
	
	
	
	
	
}



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

	.lastest-courses .new {
		top: 15px;
		font-size: 0.7em;
	}
	
	.lastest-courses .box-courses .container .course .course-title {
		font-size: 1.1em;
	}

	.lastest-courses .box-courses .container .course .course-subtitle {
		font-size: 1em;
	}

	section.curso {
		padding-top: 30px;
	}
	
		
	header.main.burger .box-icons {
		display: block;
	}
	
	/* Single */
	
	main.single-curso .content .main-content .recommended-sessions .list .session {
		flex-basis: 50%;
	}

	/* Curso */

	#box-curso h2.bloque {
		font-size: 1.4em;
		margin-bottom: 10px;
	}
	
	#box-curso h2.unidad {
		font-size: 1.2em;
	}
	
	#box-curso .box-unidad .speaker {
		font-size: 1.1em;
		line-height: 1.2;
	}
	
	#box-curso .box-unidad .nivel {
		margin-left: 20px;
		margin-bottom: 10px;
	}
	
	#box-curso .group {
		grid-template-columns: repeat(3, 1fr);
	}

	#box-curso .box-unidad .box-title {
		flex-wrap: wrap;
		flex-direction: column-reverse;
		align-items: baseline;
	}

	/* footer */
	
	footer.main > .container {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	footer.main .logo {
		margin-bottom: 20px;
	}
	
	.box-copyright {
	    flex-wrap: wrap;
	}
	footer.main .box-info {
	    width: 100%;
	    justify-content: center;
	}

	footer.main nav.footer ul {
		flex-wrap: wrap;
		text-align: center;
		margin-top: 20px;
	}
	
	footer.main nav.footer li {
		width: 100%;
	}

	/* Cursos presenciales */


	main#cursos-presenciales .separator {
		display: none;
	}

	
	/* La fundación */
	
	main#la-fundacion section.cursos .container {
		flex-wrap: wrap;
	}
	
	main#la-fundacion section.cursos aside {
		max-width: none;
		text-align: center;
		margin-bottom: 30px;
	}
	
	main#la-fundacion .separator {
		display: none;
	}
	
	#box-curso .group {
		grid-template-columns: repeat(3, 1fr);
	}

	/* Mi cuenta */
	main#my-account .box-my-account-details {
		flex-wrap: wrap;
	}
	
	main#my-account .woocommerce-EditAccountForm {
		width: 100%;
	}
	
	main#my-account .box-baja {
		width: 100%;
		margin-left: 0;
	}

	/* Actualizaciones */
	
	main#actualizaciones section.actualizaciones .container {
		flex-wrap: wrap;
	}
	
	main#actualizaciones section.actualizaciones aside {
		max-width: none;
		text-align: center;
		margin-bottom: 30px;
	}
	
	main#actualizaciones .separator {
		display: none;
	}
	
	#home-2026 .slider .splide__slide {
		aspect-ratio: 4 / 3;
	}

	/* Landing - email */
	main#home-2026 > header .box-intro,
	main#home-landing > header .box-intro,
	main#landing-suscripcion > header .box-intro {
		flex-wrap: wrap;
	}
	
	main#home-2026 > header .box-intro > div,
	main#home-landing > header .box-intro > div,
	main#landing-suscripcion > header .box-intro > div {
		width: 100%;
	}
	
	main#home-2026 > header .text,
	main#home-landing > header .text,
	main#landing-suscripcion > header .text {
		margin-bottom: 100px;
	}
	
	main#home-2026 > header .text .container,
	main#home-landing > header .text .container,
	main#landing-suscripcion > header .text .container {
		margin:  0 auto;
		text-align: center;
	}
	
	main#home-2026 > header .cta:after,
	main#home-landing > header .cta:after,
	main#landing-suscripcion > header .cta:after {
		display: none;
	}
	
	main#home-2026 > header,
	main#home-landing > header,
	main#landing-suscripcion > header {
		padding: 160px 0 15% 0;
	}
	
	main#home-2026  .content .box-stats .item,
	main#home-landing .content .box-stats .item,
	main#landing-suscripcion .content .box-stats .item {
		margin: 10px auto;
	}
	
	main#home-2026  .testimonials .container,
	main#home-landing .testimonials .container,
	main#landing-suscripcion .testimonials .container {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	main#home-2026  .testimonials .container .item,
	main#home-landing .testimonials .container .item,
	main#landing-suscripcion .testimonials .container .item {
		margin: 0 50px 50px 50px;
	}
	
	main#home-2026  .content header h2,
	main#home-landing .content header h2,
	main#landing-suscripcion .content header h2 {
		font-size: 2.3em;
	}
	
	main#home-2026  .content header h3,
	main#home-landing .content header h3,
	main#home-landing .content header .inline,
	main#landing-suscripcion .content header .inline {
		font-size: 1.3em;
	}
	
	main#home-2026 .premios-y-becas .box-image,
	main#home-landing .premios-y-becas .box-image {
		width: 90%;
		margin: 0 auto 30px auto;
		text-align: center;
		max-width: 500px;
	}
	
	main#home-2026  .premios-y-becas .box-text,
	main#home-landing .premios-y-becas .box-text {
		width: 90%;
		margin: 0 auto;
		text-align: center;
		max-width: 500px;
		padding: 0;
	}
	
	main#home-2026  section.home-courses,
	main#home-landing section.home-courses {
		flex-wrap: wrap;
	}
	
	main#home-2026 section.home-courses > article,
	main#home-landing section.home-courses > article {
		width: 100%;
	}

	/* Regalos */

	main#give-pastor-online article.details section {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}

	main#give-pastor-online article.details section .text {
		text-align: center !important;
	}
	


}


@media only screen and (max-width:650px) {
	main#la-fundacion header > .container {
		flex-wrap: wrap;
	}
	
	main#la-fundacion header .container .box-image,
	main#la-fundacion header .container .box-text {
		width: 100%;
	}

	main#la-fundacion header .container .box-text {
		margin-bottom: 20px;
	}
	

	
	
}


@media only screen and (max-width:480px) {
	
	/* contacto */
	
	main.general .flex {
		flex-wrap: wrap;
	}
	main.general aside,
	main.general .wrapper section {
		width: 100%;
	}
	
	/* Box aside */
	
	section.curso > .container aside .container {
		flex-wrap: wrap;
	}
	
	section.curso > .container aside .box-aside {
		width: 100%;
		margin-bottom: 10px;
	}
	
	section.curso > .container aside h3 {
		font-size: 1em;
		margin: 4px 0;
	}
	
	#box-curso .group {
		grid-template-columns: repeat(2, 1fr);
	}
	
	#box-curso.lista .group .leccion {
		border-bottom: 1px solid #d9d4d4;
	}
	
	#popup-course-structure .container {
		padding: 20px;
	}
	
	#popup-course-structure .container {
		width: 96%;
	}
	
	
	.mensaje-superior .box-texto {
		flex-wrap: wrap;
	}
	
	section.ponentes .listado-ponentes li .title {
		font-size: 1.1em;
	}
	section.ponentes .listado-ponentes li .position {
		font-size: 0.9em;
	}
	section.ponentes {
		padding: 40px 0 30px 0;
	}
	
	.lastest-courses {
		padding: 0 0 30px 0;
	}
	
	/* Single */
	
	main.single-curso .content .main-content .recommended-sessions .list .session {
		flex-basis: 100%;
	}


	#home-2026 .slider .splide__slide {
		position: relative;
		aspect-ratio: 1 / 1;
	}
	
}

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

	#box-curso .group {
			grid-template-columns: repeat(1, 1fr);
	
		}
	
	section.curso > .container {
		display: flex;
		flex-wrap: wrap;
	}
	
	section.curso > .container #box-curso {
		width: 100%;
	}
	
	#box-curso .group {
		padding-left: 20px;
	}
	
	#home section.portada .box-text h1 {
		font-size: 2em;
		margin-bottom: 20px;
	}
	
	.lastest-courses .new {
		font-size: 0.7em;
	}
	
	.lastest-courses .box-courses .container .course .course-title {
		font-size: 1.2em;
	}
	
	.lastest-courses .box-courses .container .course .course-subtitle {
		font-size: 1em;
	}
	
	main.single-ponentes .content > .container {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	
	main.single-ponentes .content > .container aside {
		width: 100%;
	}
	
	main.single-ponentes .content > .container .main-content {
		width: 100%;
		margin-right: 0;
	}
	
	main.single-ponentes .content aside .box-aside.target {
		display: none;
	}
	
	main.single-ponentes .top h1 {
		font-size: 1.3em;
	}
	
	/* ¿Tienes dudas? */
	
	section.faq .main-accordion {
			padding-bottom: 40px;
			padding-left: 10px;
	}
	
	section.faq .main-accordion .accordion {
		font-size: 1.1em;
	}

	section.faq .main-accordion .panel {
		font-size: 1em;
	}
	
	section.faq .main-accordion .panel {
		padding: 5px 30px 15px 30px;
	}
	
	main.general h2 {
		margin: 20px 0 10px 0;
	}
	
	section.faq h2 {
		margin-bottom: 10px;
	}
	
	
	main.general h1 {
		font-size: 2em;
		margin: 10px 0 10px 0;
	}
	
	main.general section.content {
		padding: 30px 0;
	}
	
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}



/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/*------------------------------------*\
    News: etiquetas de categorías
\*------------------------------------*/
.our-news .categorias {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.our-news .categorias .categoria {
	display: inline-flex;
    align-items: center;
    padding: 3px 6px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 13px;
    line-height: 1;
    color: #1f2937;
}

.our-news .categorias .categoria + .categoria {
	margin-left: 0; /* por si hubiese estilos previos */
}