



:root {
  --color-principal: #000000;
  --color-principal-claro: #666666;
  --color-principal-oscuro: #333333;
  --color-principal-oscuro-2: #ac1414;
  --color-principal-contraste: #FFF;
  --color-secundario: #FDB819;
  --color-link-texto: #000000;
  --color-boton-principal: #FDB819;
  --color-boton-principal-rollover: #000000;
  --color-boton-principal-texto: #000000;
  --color-boton-principal-texto-rollover: #FFF;
  --color-boton-secundario: #000000;
  --color-boton-secundario-rollover: #FDB819;
  --color-boton-secundario-texto: #FDB819;
  --color-boton-secundario-texto-rollover: #000000;
  --color-gris-claro: #EFEFEF;
  --color-gris: #CCCCCC;
  --color-bg-submenu-1: #FFF;
  --color-pastel: #ece8e0;
  --color-whatsapp: #0C6;
}

/* 	------------------------------------------
	BLOQUE FONDOS
---------------------------------------------- */
.bg-principal {
	background-color:var(--color-principal);
}
.bg-azul {
	background-color:#00468c;
}
.bg-negro {
	background-color:#000000;
	color: #FFF;
}
.bg-blanco {
	background-color:#FFFFFF;
}
.bg-gris-oscuro {
	background-color:#001c38;
}
.bg-gris-medio {
	background-color:#666;
}
.bg-gris-claro {
	background-color:#EFEFEF;
}
.bg-transparente {
	background-color: transparent;
}
.bg-blanco {
	background-color: #FFF;
	color: #333;
}
.bg-pastel {
	background-color: var(--color-pastel);
}
.bg-gradiente-principal-180-1 {
	background: var(--color-principal);
	background: linear-gradient(180deg,  var(--color-principal) 25%,  var(--color-principal-oscuro) 100%);
	color: #000;
}
.bg-gradiente-principal-180-2 {
	background: var(--color-principal);
	background: linear-gradient(180deg,  var(--color-principal) 25%,  var(--color-principal-oscuro-2) 100%);
	color: #000;
}
.bg-gradiente-principal-45-1 {
	background: var(--color-principal);
	background: linear-gradient(45deg,  var(--color-principal) 25%,  var(--color-principal-oscuro) 100%);
	color: #000;
}
.bg-gradiente-principal-45-2 {
	background: var(--color-principal);
	background: linear-gradient(45deg,  var(--color-principal) 25%,  var(--color-principal-oscuro-2) 100%);
	color: #000;
}
.bg-principal {
	background: var(--color-principal);
	color: #000;
}
.bg-principal-oscuro {
	background: var(--color-principal-oscuro);
	color: #CCC;
}
.bg-principal-oscuro-2 {
	background: var(--color-principal-oscuro-2);
	color: #CCC;
}



/* ------------------------------------- */
/* BUSCADOR - SEARCH Y FILTER */
/* ------------------------------------- */
form.searchandfilter {
	display: block!important;
	position: relative;
    float: left;
    width: 100%;
}
form.searchandfilter > ul {
	padding: 0px;
	margin: 0px;
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
form.searchandfilter > ul > li {
	
}
form.searchandfilter > ul > li > label {
	width: 100%;
}
form.searchandfilter > ul > li > label > input,
form.searchandfilter > ul > li > label > select {
	width: 100%;
}
@media (max-width: 575.99px) {
	form.searchandfilter > ul > li {
		display: block;
		float: left;
		width: 100%;
		padding-right: 0px;
	}
	form.searchandfilter > ul > li > label {
		width: 100%;
	}
}
@media (min-width: 576px) {
	form.searchandfilter > ul > li {
		display: inline-block;
		float: left;
		padding-right: 16px;
	}
	form.searchandfilter > ul > li > label {
		width: 100%;
	}
}
@media (min-width: 767px) {
	form.searchandfilter > ul > li {
		display: inline-block;
		float: left;
		padding-right: 16px;
	}
	form.searchandfilter > ul > li > label {
		width: 100%;
	}
}





a {
	text-decoration: none !important;
		color: #000000;
}
a:hover,
a:visited,
a:link {
	text-decoration: none !important;
	color: #000000;
}

li {
	list-style-type: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.4px;
}
h1,h2,h3,h4,h5,h6
.content-area .elementor-widget-theme-post-content h1,
.content-area .elementor-widget-theme-post-content h2,
.content-area .elementor-widget-theme-post-content h3,
.content-area .elementor-widget-theme-post-content h4,
.content-area .elementor-widget-theme-post-content h5,
.content-area .elementor-widget-theme-post-content h6 {
	margin-top:0px;
	margin-bottom: 0px;
}
strong,
b {
	font-weight: 600;
}




/* --------------------------- */
/* TEXTOS */
/* --------------------------- */

.text-principal {
	color: var(--color-principal)
}







/* --------------------------- */
/* WHATSAPP */
/* --------------------------- */

.WA-contenedor {
	display:block;
	position:fixed;
	right:24px;
	width:60px;
	height:60px;
	z-index:1000;
	border-radius:100%;
	background-color:#FFF;
}
.ICO-wa-1 {
	display:block;
	position:relative;
	float:left;
	width:100%;
	height:100%;
}
.ICO-wa-1 > .ico {
	fill:#0C6;
	width:100%;
	height:100%;
}
.ICO-wa-1:hover,
.ICO-wa-1 > .ico:hover {
	fill:var(--color-gris);
	color: var(--color-gris);
}
@media (max-width: 575.98px) {
	.WA-contenedor {
		bottom:90px;
	}
}
@media (min-width: 576px) {
	.WA-contenedor {
		bottom:90px;
	}
}
@media (min-width: 768px) {
	.WA-contenedor {
		bottom:24px;
	}
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}


/* ------------------------------------- */
/* BOTON CONSULTA */
/* ------------------------------------- */

.CONS-bot-contenedor,
.CONS-bot-contenedor-WA {
	display:block;
	position:fixed;
	z-index:1000;
}
.CONS-bot-contenedor .boton,
.CONS-bot-contenedor-WA .boton {
	text-align:center;
	display:block;
	background-color:#FFF;
	border-radius:100%;
	-webkit-box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.24);
	-moz-box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.24);
	box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.24);
}
.CONS-bot-contenedor .boton > .ico {
	fill: var(--color-principal);
}
.CONS-bot-contenedor .boton > span{
	color:var(--color-principal);
}
@media (max-width: 575.98px) {
	.CONS-bot-contenedor {
		bottom:80px;
		right:10px;
	}
	.CONS-bot-contenedor-WA {
		bottom:130px;
		right:10px;
	}
	.CONS-bot-contenedor .boton {
		width:45px;
		height:45px;
		padding-top:4px;
	}
	.CONS-bot-contenedor .boton > span{
		font-size:24px;
	}
}
@media (min-width: 576px) {
	.CONS-bot-contenedor {
		bottom:80px;
		right:10px;
	}
	.CONS-bot-contenedor-WA {
		bottom:130px!important;
		right:10px;
	}
	.CONS-bot-contenedor .boton {
		width:50px;
		height:50px;
		padding-top:4px;
	}
	.CONS-bot-contenedor .boton > span{
		font-size:28px;
	}
}
@media (min-width: 768px) {
	.CONS-bot-contenedor {
		bottom:20px;
		right:10px;
	}
	.CONS-bot-contenedor-WA {
		bottom:80px!important;
		right:10px;
	}
	.CONS-bot-contenedor .boton,
	.CONS-bot-contenedor-WA .boton {
		width:55px;
		height:55px;
		padding-top:8px;
	}
	.CONS-bot-contenedor .boton > span{
		font-size:32px;
	}
}
@media (min-width: 992px) {
	.CONS-bot-contenedor {
		bottom:20px;
		right:20px;
	}
	.CONS-bot-contenedor-WA {
		bottom:80px!important;
		right:20px;
	}
}
@media (min-width: 1200px) {
	.CONS-bot-contenedor {
		bottom:30px;
		right:30px;
	}
	.CONS-bot-contenedor-WA {
		bottom:90px!important;
		right:30px;
	}
}




/* --------------------------- */
/* ICONOS REDES */
/* --------------------------- */

.ICO-red-contenedor-1 {
	display:block;
	z-index:500;
	top:20px;
	text-align:center;
}
.ICO-red-contenedor-2 {
	float:left;
	display:block;
	z-index:500;
	width:100%;
	margin-top:10px;
}
.ICO-red-contenedor-1 .ICONO,
.ICO-red-contenedor-2 .ICONO {
	display:inline-block;
	position:relative;
	width:40px;
	height:40px;
	overflow:hidden;
	text-align:center;
}

@media (max-width: 575.98px) {
	.ICO-red-contenedor-1 {
		position:absolute;
		left:50px;
	}
	.ICO-red-contenedor-2 {
		text-align:left;
	}
}
@media (min-width: 576px) {
	.ICO-red-contenedor-1 {
		position:absolute;
		left:50px;
	}
	.ICO-red-contenedor-2 {
		text-align:left;
	}
}
@media (min-width: 768px) {
	.ICO-red-contenedor-1 {
		position:absolute;
		left:50px;
	}
	.ICO-red-contenedor-2 {
		text-align:left;
	}
}
@media (min-width: 992px) {
	.ICO-red-contenedor-1 {
		position:absolute;
		left:40px;
	}
}
@media (min-width: 1200px) {

}



/* --------------------------- */
/* ICONOS */
/* --------------------------- */

.ico {
	vertical-align: middle;
	overflow: hidden;
	text-align:center;
	-webkit-transition: fill 0.5s, width 0.5s, height 0.5s, transform 0.5s; /* For Safari 3.1 to 6.0 */
	transition: fill 0.5s, width 0.5s, height 0.5s, transform 0.5s;
}
.ico:hover {
	fill: ;
	transform: scale(1.1);
	transform: translateY(-8px)
}

.ico-16,
.ico-20,
.ico-24,
.ico-25,
.ico-30,
.ico-32,
.ico-40,
.ico-48,
.ico-56,
.ico-64,
.ico-72,
.ico-80,
.ico-88,
.ico-96,
.ico-100{
	display:inline-block;
	position:relative;
	overflow: visible;
	text-align:center;
	vertical-align:top;
}
.ico-16 {
	width:16px;
	height:16px;
}
.ico-20 {
	width:20px;
	height:20px;
}
.ico-24 {
	width:24px;
	height:24px;
}
.ico-25 {
	width:25px;
	height:25px;
}
.ico-30 {
	width:30px;
	height:30px;
}
.ico-32 {
	width:32px;
	height:32px;
}
.ico-40 {
	width:40px;
	height:40px;
}
.ico-48 {
	width:48px;
	height:48px;
}
.ico-56 {
	width:56px;
	height:56px;
}
.ico-64 {
	width:64px;
	height:64px;
}
.ico-72 {
	width:72px;
	height:72px;
}
.ico-80 {
	width:80px;
	height:80px;
}
.ico-88 {
	width:88px;
	height:88px;
}
.ico-96 {
	width:96px;
	height:96px;
}
.ico-100 {
	width:100px;
	height:100px;
}
.ico-txt {
	display:inline;
	position:relative;
	width:auto;
	text-align:center;
	vertical-align:top;
}

.ico-redondo {
	border-radius: 100%;
}


.ico-borde-2 {
	border-style: solid;
	border-width: 2px;
}
.ico-borde-4 {
	border-style: solid;
	border-width: 4px;
}
.ico-borde-6 {
	border-style: solid;
	border-width: 6px;
}
.ico-borde-8 {
	border-style: solid;
	border-width: 8px;
}


.ico-borde-principal {
	border-color: var(--color-principal);
}
.ico-borde-negro {
	border-color: #000;
}
.ico-borde-blanco {
	border-color: #FFF;
}


.ico-error {
	fill:#e12129;
}
.ico-ok {
	fill:var(--color-principal);
}
.ico-negro {
	fill: #000;
}
.ico-blanco {
	fill: #FFF;
}
.ico-principal {
	fill:var(--color-principal);
}
.ico-wa,
.ico-verde {
	fill:#0C6!important;
}






/* ------------------------------------- */
/* FORMULARIOS */
/* ------------------------------------- */

form input,
form textarea,
form select {
	padding: 8px 16px;
	border: solid 1px #999;
	border-radius: 4px;
}
form > p > label {
	margin-bottom: 0px;
	font-size: 16px;
	width: 100%;
}
form > p > label input,
form > p > label textarea {
	width: 100%;
}


/* MENSAJE DE ONFIRMACIÓN */
div.wpforms-container-full .wpforms-confirmation-container-full, 
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	
}
@media (max-width: 767.99px) {
	div.wpforms-container-full .wpforms-confirmation-container-full, 
	div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
		background: var(--color-gris-claro)!important;
		border: 1px solid #CCC!important;
	}
}
@media (min-width: 768px) {
	div.wpforms-container-full .wpforms-confirmation-container-full, 
	div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
		background: #FFF!important;
		border: none!important;
	}
}



.wpcf7 form > p {
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 8px!important;
}
.wpcf7 form > p > label {
	margin-bottom: 0px;
}
.wpcf7 form > p > label input[type="file"] {
	background-color: #FFF;
}

.wpcf7 > form .frm-consulta {
	text-align: left;
}
.wpcf7 form.sent .wpcf7-response-output {
	border: solid 1px #999;
	padding: 16px;
	border-radius: 4px;
}
form .wpcf7-response-output {
	float: left;
	width: 100%;
	margin: 0px 0!important;
}
.wpcf7-not-valid-tip {
	font-size: 11px!important;
}


/* MENSAJE DE ESPERA MIENTRAS SE ENVIA EL FORMULARIO */
.wpcf7-spinner {
	margin: 0px;
	width: 60px;
	height: 60px;
	z-index: 500;
	position: fixed;
	left: calc(50% - 30px);
	top: calc(50% - 40px);
	background-color: #000;
}
.wpcf7-spinner::after {
	content: 'PROCESANDO...';
	color: #FFF;
	font-weight: 700;
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 400;
	left: 0px;
	top: 0px;
	padding-top: calc(50vh + 40px);
	text-align: center;
	background: rgba(0, 0, 0, 0.7);
}
.wpcf7-spinner::before {
	top: 10px;
	left: 10px;
	width: 12px;
	height: 12px;
	transform-origin: 20px 20px;
	background-color: #FFF;
}
/* //MENSAJE DE ESPERA MIENTRAS SE ENVIA EL FORMULARIO */




/* 	------------------------------------------
	FILL COLOR
---------------------------------------------- */

.fill-blanco {
	fill: #FFF;
}
.fill-negro {
	fill: #000;
}


/* ------------------------------------- */
/* COMENTARIOS */
/* ------------------------------------- */

#respond {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
#reply-title {
	margin-bottom: 16px;
}

form.comment-form {
	
}
form.comment-form > p {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
form.comment-form > p > label {
	display: block!important;
	position: relative;
	float: left;
	width: 100%;
}
form.comment-form > p > input[type=text],
form.comment-form > p > textarea {
	display: block!important;
	position: relative;
	float: left;
	width: 100%;
}
form.comment-form > p.form-submit {
	padding: 0px;
}
form.comment-form > p > input[type=checkbox] {
	width: 32px;
	height: 20px;
	margin-right: 12px;
	margin-top: 8px;
	float: left;
	display: block;
}
form.comment-form > p.comment-form-cookies-consent > label {
	width: calc(100% - 50px)!important;
	float: left;
}

ol.commentlist {
	margin: 16px 0 16px 0;
	padding-left: 0px;
}
ol.commentlist > li {
	padding: 24px;
	margin-bottom: 8px;
	border-radius: 16px;
	background: #FFF;
}
ol.commentlist > li.thread-alt {
	margin-left: 16px;
}





.lp-course-price {
	font-size: 28px;
}