/*
Theme Name:     Reca
Theme URI:      https://mutta.es
Template:       kadence
Author:         Mutta
Author URI:     https://fgrweb.es
Description:    Custom theme for Reca
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
:root{
	--max-width: 1720px;
	--verde-oficial: #6EA637;
	--negro: #211915;
	--agricola: #41693A;
	--forestal: #FF9B26;
	--alimentaria: #2DAFC0;
	--vitivinicola: #814A8A;
	--cursos-proximos: #FF8845;
}
/* Componentes */
.reca-width,
body.post-template-default.single-post.content-style-boxed article:not(.panel){
	max-width: var(--max-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: clamp(1.2rem, 0.9882rem + 0.9412vw, 2rem);
	padding-right: clamp(1.2rem, 0.9882rem + 0.9412vw, 2rem);
}
header .site-main-header-wrap .site-header-row-container-inner > .site-container,
.entry-content > div:not(.reca-full),
footer .site-footer-wrap,
body.archive.tax-tipo-recurso .reca-recursos-tipos__hero{
	max-width: var(--max-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: clamp(1.2rem, 0.9882rem + 0.9412vw, 2rem);
	padding-right: clamp(1.2rem, 0.9882rem + 0.9412vw, 2rem);
}
.reca-no-padding{
	padding-left: 0;
	padding-right: 0;
}
h1,
.reca-h1{
	font-size: clamp(3.125rem, 2.761rem + 1.6176vw, 4.5rem);
	font-style: normal;
	font-weight: 300;
	line-height: 110%; /* 4.95rem */
}
h2,
.reca-h2,
.reca-recursos-tipos__loop-cabecera .reca-numero-posts-tipo p{
	font-size: clamp(2.1875rem, 1.9393rem + 1.1029vw, 3.125rem);
	font-style: normal;
	font-weight: 300;
	line-height: clamp(2.29688rem, 1.995rem + 1.3419vw, 3.4375rem);
}
h3,
.reca-h3,
body.post-template-default.single-post h1.entry-title{
	font-size: clamp(1.6875rem, 1.6268rem + 1.1029vw, 2.8125rem);
	font-style: normal;
	font-weight: 300;
	line-height: 110%; /* 3.09375rem */
}
h4,
.reca-h4{
	font-size: clamp(1.5625rem, 1.3971rem + 0.7353vw, 2.1875rem);
	font-style: normal;
	font-weight: 300;
	line-height: 110%; /* 2.40625rem */
}
h5,
.reca-h5{
	font-size: clamp(1.375rem, 1.2426rem + 0.5882vw, 1.875rem);
	font-style: normal;
	font-weight: 300;
	line-height: 110%; /* 2.0625rem */
}
h6,
.reca-h6{
	font-size: clamp(0.9375rem, 0.8548rem + 0.3676vw, 1.25rem);
	font-style: normal;
	font-weight: 400;
	line-height: 110%; /* 1.375rem */
}
h7,
.reca-h7{
	font-size: clamp(0.625rem, 0.5588rem + 0.2941vw, 0.875rem);
	font-style: normal;
	font-weight: 400;
	line-height: clamp(0.6875rem, 0.5915rem + 0.4265vw, 1.05rem);
}
p,
.reca-p,
.reca-li{
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 300;
	line-height: 120%; /* 1.5rem */
	word-break: keep-all;
}
.reca-keep-word{
	word-break: keep-all;
	overflow: hidden;
}
.reca.boton-1{
	font-size: 1.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 110%; /* 2.0625rem */
}
.reca-boton-2{
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 400;
	line-height: 110%; /* 1.03125rem */
}
/* Header */
header .main-navigation .primary-menu-container > ul > li.menu-item > a,
header .header-navigation .header-menu-container ul ul li.menu-item > a{
	font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
header .header-navigation .header-menu-container ul ul li.menu-item > a{
	font-size: 1.2rem;
}
.header-navigation ul ul.sub-menu, .header-navigation ul ul.submenu{
	left: 1.1rem;
}
header .header-navigation .header-menu-container ul ul li.menu-item > a{
	width: 27rem;
	padding: .5rem 1rem 0 1rem;
}
header .header-navigation .header-menu-container ul ul li.menu-item:first-of-type > a{
	padding-top: 1rem;
}
header .header-navigation .header-menu-container ul ul li.menu-item:last-of-type > a{
	padding-bottom: 1rem;
}
/* Footer */
body:not(.single-centros) footer{
	margin-top: clamp(3rem, 1.1471rem + 8.2353vw, 10rem);
}
body.single-centros footer div.site-top-footer-wrap{
	display: none;
}
@media (max-width: 767px) {
	footer .site-top-footer-wrap .kt-inside-inner-col figure{
	   max-width: 40%;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
	footer .site-top-footer-wrap .kt-inside-inner-col figure{
	   width: 40%;
    }
}
img.reca-logo-movil{
	max-width: 58px;
    position: absolute;
	top: -3.5rem;
}
.popup-drawer .site-header-item.site-header-item-mobile-navigation{
	margin-top: 5rem;
}
.popup-drawer .site-header-item.site-header-item-mobile-navigation nav ul li.menu-item a{
	font-size: 1.875rem;
	font-weight: 400;
	padding-bottom: 1rem;
	padding-left: 0;
}
.popup-drawer .drawer-header button span.toggle-close-bar{
	left: 90%;
}
.popup-drawer .drawer-header button{
	margin-top: 1.4rem;
}
/* Home */
.reca-tooltip-img{
	display: none;
	position: absolute;
    top: -21rem;
    z-index: 99;
}
@media (min-width: 1025px) {
	.reca-tooltip-text:hover + .reca-tooltip-img{
		display: block;
	}
}
/* Tooltip Cursos. */
body .kt-inside-inner-col .wp-block-kadence-column.reca-cursos-tooltip-img{
	position: fixed;
	/* top: -200px; */
	height: 400px;
	width: 500px;
	object-fit: cover;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 99;
}
.reca-home-ttoltip-centro__container >div{
	padding: 3rem;
}
.reca-home-ttoltip-centro__container a{
	display: block;
	max-width: fit-content;
}
a.reca-tooltip-text:hover h2{
	color: var(--negro);
	font-style: normal;
	font-weight: 300;
	text-decoration-line: underline;
}
.reca-home-objetivos__container{
	padding-top: clamp(3.87rem, 3.0574rem + 3.6118vw, 6.94rem);
	padding-bottom: clamp(3.87rem, 3.0574rem + 3.6118vw, 6.94rem);
}
.reca-home-cursos-item__section-title{
	max-width: 40rem
}
.reca-home-cursos-item__section-lottie dotlottie-player{
	width: 110px;
}
@media screen and (max-width:767px){
	.reca-home-cursos-item__section-lottie-mob dotlottie-player{
		width: 80px;
	}
}
/* .reca-home-cursos-item__section>div{
	padding: 1.5rem;
} */
/* Centro single */
.reca-centro__img-cabecera1 img{
	width: clamp(21.875rem, 10.5919rem + 50.1471vw, 64.5rem);
	max-width: 1032px;
}
.reca-centro__img-cabecera2{
	position: absolute;
    right: 0;
	top: 17rem;
	max-width: 50%;
}
@media (max-width:1025px){
	.reca-centro__img-cabecera2{
		max-width: 50%;
    	top: 15rem;
	}
}
@media (max-width:769px){
	.reca-centro__img-cabecera1 img{
		max-width: 60vw;
	}
	.reca-centro__img-cabecera2{
		top: 5rem;
	}
	.reca-centro__footer div.kt-inside-inner-col{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}
.reca-centro__desc{
	max-width: 40rem;
	margin: 0 auto;
}
.reca-centro-rectangulo__1{
    position: absolute;
	transform: rotate(90deg);
	right: -3rem;
}
.reca-centro-rectangulo__2{
	position: absolute;
  	left: 38%;
  	top: -5px;
}
/* Blog */
.reca-titulo-loop{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	padding: 0;
}
/* Post single */
body.post-template-default.single-post h1.entry-title{
	max-width: 60rem;
}
body.post-template-default.single-post .entry-content{
	max-width: 55rem;
}
/* Proyectos */
@media (min-width: 768px) {
	.reca-proyectos-titulo-movil{
		display: none;
	}
}
/* Que es reca */
.reca-image-rotate-90 img{
	transform: rotate(90deg);
}
@media(min-width:768px){
    .reca-estrella-reca{
	   position: absolute;
    	right: 5%;
	   top: -5%;
	   z-index: 99;
    }	
}
@media (max-width: 767px) {
	.reca-que-flechaverde img{
		transform: rotate(90deg);
	}
	.reca-que-flechablanca img{
		transform: rotate(135deg);
	}
}
.entry-content div.reca-section-beneficios{
	max-width: 81rem;
}
@media (min-width: 1025px) {
	.reca-que-lottie-estrella{
		position: absolute;
		  right: -5.5rem;
		top: 11rem;
	}
}
/* Cursos */
.reca-cursos-lottie-container .kb-lottie-container{
    width: clamp(8.3125rem, 7.7004rem + 2.7206vw, 10.625rem);
}
@media (max-width:767px){
	.reca-cursos-lottie-container .kb-lottie-container:nth-child(1),
	.reca-cursos-lottie-container .kb-lottie-container:nth-child(3){
		margin-left: 20%
	}
	.reca-cursos-lottie-container .kb-lottie-container:nth-child(2){
		margin-left: 50%
	}
}
.reca-cursos-loop__container ul li{
	border-left: 1px solid #6ea637;
	border-bottom: 1px solid #6ea637;
}
.reca-cursos-loop__container ul li.estado-proximo{
	border-left: 1px solid #ff8845;
	border-bottom: 1px solid #ff8845;
}
reca-cursos-loop__container ul li.estado-finalizado{
	border-left: 1px solid #211915;
	border-bottom: 1px solid #211915;
}
.reca-cursos-loop__container ul li:last-of-type{
	border-right: 1px solid #6ea637;
}
.reca-cursos-loop__container ul li.estado-proximo:last-of-type{
	border-right: 1px solid #ff8845;
}
.reca-cursos-loop__container ul li.estado-finalizado:last-of-type{
	border-right: 1px solid #211915;
}
.reca-cursos-loop__container ul li.estado-finalizado:nth-of-type(1),
.reca-cursos-loop__container ul li.estado-finalizado:nth-of-type(2),
.reca-cursos-loop__container ul li.estado-finalizado:nth-of-type(3){
	border-top: 1px solid #211915;
}
body .reca-cursos-loop__container ul li.estado-finalizado{
	border-color: #211915;
}
@media (max-width:767px){
	.reca-cursos-loop__container ul li:not(:last-of-type),
	.reca-cursos-loop__container ul li:not(:nth-of-type(3)){
		border-right: 1px solid #6ea637;
	}
	.reca-cursos-loop__container ul li.estado-proximo:not(:last-of-type),
	.reca-cursos-loop__container ul li.estado-proximo:not(:nth-of-type(3)){
		border-right: 1px solid #ff8845;
	}
	.reca-cursos-loop__container ul li.estado-finalizado:not(:last-of-type),
	.reca-cursos-loop__container ul li.estado-finalizado:not(:nth-of-type(3)){
		border-top: 1px solid #211915;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {	
	.reca-cursos-loop__container ul li:nth-of-type(2){
		border-right: 1px solid #6ea637;
		border-top: none!important;
	}
	.reca-cursos-loop__container ul li.estado-finalizado{
		border-top: 1px solid #211915!important;
	}
}
@media (max-width: 1024px){
	.reca-cursos-loop__container ul li:not(:first-of-type){
		border-top: 1px solid #6ea637;
	}
	.reca-cursos-loop__container ul li.estado-proximo{
		border-top-color: #ff8845;
	}
}
@media screen and (min-width: 1025px){
	.reca-cursos-loop__container ul li:nth-of-type(3){
		border-right: 1px solid #6ea637;
	}
	.reca-cursos-loop__container ul li.estado-proximo:nth-of-type(3){
		border-right: 1px solid #ff8845;
	}
	.reca-cursos-loop__container ul li.estado-finalizado:nth-of-type(3){
		border-right: 1px solid #211915;
	}
}
.reca-cursos-loop__container .reca-cursos-loop-item_padding-left{
	padding-left: 1.87rem;
}
.reca-cursos-loop__container .reca-cursos-loop-item_padding-right{
	padding-right: 1.87rem;
}
.reca-cursos-loop__container .reca-cursos-loop-item_padding-top{
	padding-top: 1.87rem;
}
.reca-cursos-loop-item__lottie-estado .kt-inside-inner-col p {
	position: absolute;
	bottom: 22px;
	left: 22px;
}
.reca-cursos-loop-item__lottie-estado .kt-inside-inner-col lottie-player{
	width: 6.875rem;
}
.reca-cursos-loop-item__botones-container{
	width: 100%;
}

.reca-cursos-loop-item__botones-container a span{
	font-size: clamp(1.25rem, 1.1865rem + 0.2824vw, 1.49rem);
}
.reca-cursos-lottie-activo,
.reca-cursos-lottie-activo-mobile,
.reca-cursos-lottie-proximo,
.reca-cursos-lottie-proximo-mobile,
.reca-cursos-lottie-finalizado,
.reca-cursos-lottie-finalizado-mobile,
.reca-recursos-agricola,
.reca-recursos-alimentaria,
.reca-recursos-forestal,
.reca-recursos-vitivinicola{
	cursor: pointer;
}
svg.reca-cursos-proximos-fondo{
	height: 100%;
	width: 66.75%;
}
@media(max-width:1024px){
	svg.reca-cursos-proximos-fondo{
		display: none;
	}
}
/* Ajustes en la tabla de los loops de cursos */
.reca-cursos-loop__container .reca-curso-columnas-fecha >div{
	height: 6rem;
}
.reca-cursos-loop__container h3.reca-cursos-loop-item_title{
	/* height: 11rem; */
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

/* Archivo Recursos */
body.archive.tax-tipo-recurso div#inner-wrap{
	z-index: 9;
    margin-top: -13rem;
}
.reca-recursos-tipos__color-taxonomia{
	display: none;
}
.reca-recursos-tipos__loop-cabecera .reca-numero-posts-tipo p{
	margin: 0;
	color: #fff;
	padding-top: 1.8rem;
	padding-bottom: 1.8rem;
}
.reca-query-tipos__item p{
	margin: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	body .reca-recursos-lotties-container dotlottie-player{
		width: 300px;
	}
}
/* Taxonomia Recursos */
.reca-lottie-recurso-tax dotlottie-player{
	width: clamp(8rem, 6.2794rem + 7.6471vw, 14.5rem);
}
@media screen and (max-width: 767px){
	.reca-recursos-tipos__hero > div{
		flex-direction: row-reverse;
	}
}