



:root {
  --color-principal: #071c2c;
  --color-principal-claro: #FF0004;
  --color-principal-oscuro: #FF0004;
  --color-principal-oscuro-2: #FF0004;
  --color-principal-contraste: #FFF;
  --color-link-texto: #FF0004;
  --color-boton-principal: #e80a4d;
  --color-boton-principal-rollover: #071c2c;
  --color-boton-principal-texto: #FFF;
  --color-boton-principal-texto-rollover: #FFF;
  --color-boton-secundario: #FFF;
  --color-boton-secundario-rollover: #e80a4d;
  --color-boton-secundario-texto: #000;
  --color-boton-secundario-texto-rollover: #FFF;
  --color-gris-claro: #f2f2f3;
  --color-gris-oscuro: #001c38;
  --color-bg-submenu-1: #FFF;
  --color-pastel: #d3e1ee;
  --color-whatsapp: #0C6;
}

/* AMARILLO: #fef102 */


/* 	------------------------------------------
	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:#e9e9eb;
}
.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;
}





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

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



/* --------------------------- */
/* BOTONES BOOTSTRAP */
/* --------------------------- */

a.post-edit-link {
    text-transform: uppercase;
	font-size: 12px;
	font-weight: 600!important;
    padding: 4px 8px;
    background-color: var(--color-principal);
    color: #FFF!important;
}


.btn-secondary,
.btn-secondary:link,
.btn-secondary:active,
.btn-secondary:visited {
	background-color: var(--color-boton-secundario)!important;
	color: var(--color-boton-secundario-texto)!important;
	border: solid 2px #000 !important;
	border-radius:0px;
	font-weight:600;
	text-decoration:none;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.btn-secondary:hover {
	background-color: var(--color-boton-secundario-rollover)!important;
	color: var(--color-boton-secundario-texto-rollover)!important;
	border: solid 1px #FFF !important;
}

button.close,
input[type=button],
input[type=submit],
input[type=reset],
form.commerce-add-to-cart #edit-submit,
button,
button:link,
button:visited,
button:active,
button:focus,
.btn-primary,
.btn-primary:link,
.btn-primary:visited,
.btn-primary:active,
.btn-primary:focus,
.button-primary,
.button-primary:link,
.button-primary:visited,
.button-primary:active,
.button-primary:focus,
.btn-secondary,
.btn-secondary:link,
.btn-secondary:visited,
.btn-secondary:active,
.btn-secondary:focus,
.pager-item > a,
.pager .pager-next > a,
.pager .pager-previous > a {
	background-color: var(--color-boton-principal);
	color: var(--color-boton-principal-texto);
	border: none !important;
	border-radius:0px;
	font-weight:600;
	text-decoration:none;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#slider .button-bold {
	font-weight:600;
	text-shadow: none;
}
button.close:hover,
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
form.commerce-add-to-cart #edit-submit:hover,
button:hover,
.btn-primary:hover,
.button-primary:hover,
.pager-item > a:hover,
.pager .pager-next > a:hover,
.pager .pager-previous > a:hover {
	background-color: var(--color-boton-principal-rollover);
	color: var(--color-boton-principal-texto-rollover);
}

@media (max-width: 575.98px) {
	button.close,
	input[type=button],
	input[type=submit],
	input[type=reset],
	form.commerce-add-to-cart #edit-submit,
	button,
	button:link,
	button:visited,
	button:active,
	button:focus,
	.btn-primary,
	.btn-primary:link,
	.btn-primary:visited,
	.btn-primary:active,
	.btn-primary:focus,
	.button-primary,
	.button-primary:link,
	.button-primary:visited,
	.button-primary:active,
	.button-primary:focus,
	.btn-secondary,
	.btn-secondary:link,
	.btn-secondary:visited,
	.btn-secondary:active,
	.btn-secondary:focus,
	.pager-item > a,
	.pager .pager-next > a,
	.pager .pager-previous > a {
		padding:8px 16px 10px 16px;
		font-size:14px;
	}
}
@media (min-width: 576px) {
	button.close,
	input[type=button],
	input[type=submit],
	input[type=reset],
	form.commerce-add-to-cart #edit-submit,
	button,
	button:link,
	button:visited,
	button:active,
	button:focus,
	.btn-primary,
	.btn-primary:link,
	.btn-primary:visited,
	.btn-primary:active,
	.btn-primary:focus,
	.button-primary,
	.button-primary:link,
	.button-primary:visited,
	.button-primary:active,
	.button-primary:focus,
	.btn-secondary,
	.btn-secondary:link,
	.btn-secondary:visited,
	.btn-secondary:active,
	.btn-secondary:focus,
	.pager-item > a,
	.pager .pager-next > a,
	.pager .pager-previous > a {
		padding:8px 16px 10px 16px;
		font-size:16px;
	}
}
@media (min-width: 768px) {

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

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

}




.wp-block-getwid-images-slider.has-arrows-inside,
.wp-block-getwid-media-text-slider.has-arrows-inside,
.wp-block-getwid-post-slider.has-arrows-inside,
.wp-block-getwid-post-carousel.has-arrows-inside {
	display: block;
	float: left;
	width: 100%;
}




/* 	------------------------------------------
	CONTENEDORES
---------------------------------------------- */

.row {
	position: relative;
}
.col-12 {
	float: left;
}

.bloque,
#bloque_HEADER,
#bloque_SLI,
#bloque_PAGINA,
#bloque_FOOTER {
	position:relative;
	display:block;
	float:left;
	width:100%;
}


.content,
.container,
.contenedor,
.col-full {
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
  display:block;
  box-sizing:border-box;
}
@media (max-width: 771.99px) {
	.content,
	.container,
	.contenedor,
	.col-full {
		max-width:100%;
		padding: 0 8% 0 8%;
	}
}
@media (min-width: 772px) {
	.content,
	.container,
	.contenedor,
	.col-full {
		max-width:100%;
		padding: 0 6% 0 6%;
	}
}
@media (min-width: 1400px) {
	.content,
	.container,
	.contenedor,
	.col-full {
		max-width: 1366px;
		padding: 0 16px 0 16px;
	}
}




/* --------------------------- */
/* CONTENEDOR ANGOSTO */
/* --------------------------- */

.contenedor-angosto-1,
.contenedor-angosto-2 {
	display:block;
	position:relative;
	float:left;
}
@media (max-width: 575.98px) {
	.contenedor-angosto-1,
	.contenedor-angosto-2 {
		margin:0px;
		width:100%;
		padding-left:24px;
		padding-right:24px;
	}
}
@media (min-width: 576px) {
	.contenedor-angosto-1,
	.contenedor-angosto-2 {
		margin:0px;
		width:100%;
		padding-left:24px;
		padding-right:24px;
	}
}
@media (min-width: 768px) {
	.contenedor-angosto-1 {
		width:83.3333333%;
		margin-left:8.3333333%;
		margin-right:8.3333333%;
		padding-left:0px;
		padding-right:0px;
	}
	.contenedor-angosto-2 {
		margin:0px;
		width:100%;
		padding-left:24px;
		padding-right:24px;
	}
}
@media (min-width: 992px) {
	.contenedor-angosto-1 {
		width:66.66666666%;
		margin-left:16.666666%;
		margin-right:16.666666%;
	}
	.contenedor-angosto-2 {
		width:50%;
		margin-left:25%;
		margin-right:25%;
	}
}
@media (min-width: 1200px) {
	.contenedor-angosto-1 {
		width:60%;
		margin-left:20%;
		margin-right:20%;
	}
	.contenedor-angosto-2 {
		width:33.3333333%;
		margin-left:33.3333333%;
		margin-right:33.3333333%;
	}
}
@media (min-width: 1400px) {
	.contenedor-angosto-1 {
		width:50%;
		margin-left:25%;
		margin-right:25%;
	}
	.contenedor-angosto-2 {
		width:33.3333333%;
		margin-left:33.3333333%;
		margin-right:33.3333333%;
	}
}


/* --------------------------- */
/* 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;
}



/* ------------------------------------- */
/* LOGO SITIO */
/* ------------------------------------- */

.logo-sitio {
	display: block;
	z-index: 1000;
	margin-top: 32px;
	margin-bottom: 10px;
}
.logo-sitio > a {
	position: relative;
	display: block;
	float: left;
	z-index: 1000;
	padding-top: 30%; /* ALTO LOGO */
	width: 100%;
	background-image: url("");
	background-position: center center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}
.logo-movil {
	float: right;
	margin-right: 32px
}
.logo-desktop {
	float: left;
}
.menu-desktop-contenedor {
	display: block;
	position: relative;
	float: left;
}

@media (max-width: 575.98px) {
	.bloque-header .logo-sitio {
		width: 160px;
	}
}
@media (min-width: 576px) {
	.bloque-header .logo-sitio {
		width: 180px;
	}
}
@media (min-width: 768px) {
	.bloque-header .logo-sitio {
		width: 180px;
	}
}
@media (min-width: 992px) {
	.bloque-header .logo-sitio {
		width: 200px;
	}
}
@media (min-width: 1200px) {

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

}



/* ------------------------------------- */
/* 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%;
}


.wpcf7 form > p {
	float: left;
	display: block;
	width: 100%;
}
.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;
}

/* 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 */


/* ------------------------------------- */
/* FORMULARIO COMERCIAL */
/* ------------------------------------- */

.FRM-contacto-comercial {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.FRM-contacto-comercial > div > form > p:nth-child(2),
.FRM-contacto-comercial > div > form > p:nth-child(3),
.FRM-contacto-comercial > div > form > p:nth-child(4),
.FRM-contacto-comercial > div > form > p:nth-child(5),
.FRM-contacto-comercial > div > form > p:nth-child(7),
.FRM-contacto-comercial > div > form > p:nth-child(8) {
	width: 50%;
}
.FRM-contacto-comercial > div > form > p:nth-child(2) > label,
.FRM-contacto-comercial > div > form > p:nth-child(4) > label,
.FRM-contacto-comercial > div > form > p:nth-child(7) > label {
	width: calc(100% - 20px);
}




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

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


/* 	------------------------------------------
	REC LISTA 1
---------------------------------------------- */

.REC-lista-contenedor-1 {
	display: block;
	position: relative;
	float: left;
	padding-right: 24px;
}
.REC-lista-imagen {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 16px;
}
.CNT-lista-imagen > a > img {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}
.CNT-lista-contenido {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	min-height: 200px;
}
.CNT-lista-titulo {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.CNT-lista-fecha {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
}
.CNT-lista-descripcion {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	max-height: 54px;
	overflow: hidden;
}


@media (max-width: 575.98px) {
	.CNT-lista-contenedor-1 {
		width: 100%
	}
}
@media (min-width: 576px) {
	.CNT-lista-contenedor-1 {
		width: 100%
	}
}
@media (min-width: 768px) {
	.CNT-lista-contenedor-1 {
		width: 33.3333%
	}
}
@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {

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

}


/* ------------------------------------- */
/* 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;
}





/* ------------------------------------- */
/* RECURSO ITEM */ 
/* ------------------------------------- */

.REC-contenedor {
	display: flex;
	position: relative;
	width: 100%;
	align-items: stretch; /* ESTO DETERMINA QUE EL ALTO DE LOS HIJOS SEA EL 100% */
	flex-wrap: wrap;
	min-height: 400px;
	z-index: 5;
}
.REC-item-col-2 > div {
	
}
.REC-item-col-3 > div {
	
}
.REC-item-col-4 > div {
	
}
.REC-item-contenedor-1 {
	display: block;
	position: relative;
	float: left;
	padding: 0px;
	background-color: #FFF;
	margin-bottom: 32px;
}
.REC-item-contenedor-1 .REC-boton-contenedor {
	display: block;
	position: absolute;
	width: 100%;
	float: left;
	bottom: 32px;
	left: 32px;
	z-index: 50;
}
.REC-item-contenedor-1 .REC-boton-contenedor > a {
	color: var(--color-principal);
	font-weight: 600;
}
.REC-item-contenedor-1 .REC-bloque-imagen {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.REC-item-contenedor-1 .REC-bloque-imagen > a > img {
	width: 100%;
	object-fit: cover;
	object-position: center center;
}
.REC-item-contenedor-1 .REC-bloque-texto {
	display: block;
	position: relative;
	width: 100%;
	float: left;
	padding: 32px 32px 64px 32px;
}
.REC-item-contenedor-1 .REC-bloque-texto .REC-bloque-titulo,
.REC-item-contenedor-1 .REC-bloque-texto .REC-bloque-descripcion {
	display: block;
	position: relative;
	width: 100%;
	float: left;
}

@media (max-width: 575.98px) {
	.REC-item-col-2 > div {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.REC-item-col-3 > div {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.REC-item-col-4 > div {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.REC-item-contenedor-1 .REC-bloque-imagen > a > img {
		height: 280px;
	}
}
@media (min-width: 576px) {
	.REC-item-col-2 > div {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.REC-item-col-3 > div {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.REC-item-col-4 > div {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	.REC-item-contenedor-1 .REC-bloque-imagen > a > img {
		height: 280px;
	}
}
@media (min-width: 768px) {
	.REC-item-col-2 > div {
		width: calc(50% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	.REC-item-col-3 > div {
		width: calc(50% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	.REC-item-col-4 > div {
		width: calc(50% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	.REC-item-contenedor-1 .REC-bloque-imagen > a > img {
		height: 320px;
	}
}
@media (min-width: 992px) {
	.REC-item-col-2 > div {
		width: calc(50% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	.REC-item-col-3 > div {
		width: calc(33.333333% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	.REC-item-col-4 > div {
		width: calc(25% - 32px);
		margin-left: 16px;
		margin-right: 16px;
	}
	.REC-item-contenedor-1 .REC-bloque-imagen > a > img {
		height: 240px;
	}
}
@media (min-width: 1200px) {
	.REC-item-contenedor-1 .REC-bloque-imagen > a > img {
		height: 280px;
	}
}



/* ------------------------------------- */
/* RECURSO - DETALLE */
/* ------------------------------------- */



.REC-detalle {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.REC-imagen {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.REC-imagen .REC-imagen-movil,
.REC-imagen .REC-imagen-desktop {
	position: relative;
	float: left;
	width: 100%;
}
.REC-imagen .REC-imagen-movil > img,
.REC-imagen .REC-imagen-desktop > img {
	display:block;
	position:relative;
	width:100%;
	height:auto;
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.REC-contenido {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding-top: 32px;
}
.REC-contenido .REC-datos-especificos {
	display: block;
	position: relative;
	float: left;
	width: 20%;
	padding-bottom:20px;
	padding-top:16px;
	font-size:14px;
}
.REC-contenido .REC-datos-especificos .autor,
.REC-contenido .REC-datos-especificos .fecha {
	display:block;
	position:relative;
	float:left;
	width: 100%;
}
.REC-contenido .REC-datos-generales {
	display: block;
	position: relative;
	float: left;
	width: 60%;
}
.REC-contenido .REC-datos-generales > h1 {
	margin-top:0px;
	text-align:left;
	margin-bottom:30px;
	font-weight:400;
}
.REC-contenido .REC-datos-generales .contenido > p {
	padding-bottom:30px;
}
.REC-contenido .REC-datos-generales .contenido a {
	color: var(--color-principal)!important;
	font-weight: 600 !important;
}
.REC-contenido .REC-datos-generales .contenido,
.REC-contenido .REC-datos-generales .video {
	display:block;
	position:relative;
	float:left;
	width:100%;
}
.REC-contenido .REC-datos-generales .video > .youtube-container--responsive {
	margin-bottom:30px;
}
.REC-contenido .REC-datos-generales .contenido > .paragraphs-items {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.REC-contenido .REC-datos-generales .contenido > .paragraphs-items > div {
	margin-bottom: 24px;
}
.REC-contenido .REC-datos-generales .contenido > .paragraphs-items > .paragraphs-item-par-img > a,
.REC-contenido .REC-datos-generales .contenido > .paragraphs-items > .paragraphs-item-par-img > a > img {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}
.REC-contenido .REC-datos-generales .contenido > .paragraphs-items > .paragraphs-item-par-txt {
	display: block;
	position: relative;
	float: left;
	width: 100%;
}
.REC-contenido .REC-datos-generales .contenido p {
	padding-bottom:25px;
	margin-bottom:0px;
}
.REC-contenido .REC-datos-generales .contenido > p > a {
	color:var(--color-principal);
}

@media (max-width: 991.99px) {
	.REC-imagen .REC-imagen-movil {
		display: block;
	}
	.REC-imagen .REC-imagen-desktop {
		display: none;
	}
	.REC-contenido .REC-datos-especificos {
		width: 100%;
	}
	.REC-contenido .REC-datos-generales {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.REC-imagen .REC-imagen-movil {
		display: none;
	}
	.REC-imagen .REC-imagen-desktop {
		display: block;
	}
	.REC-contenido .REC-datos-especificos {
		width: 20%;
	}
	.REC-contenido .REC-datos-generales {
		width: 60%;
	}
}



