/************************  GENERAL  ************************/
/* vc_hidden-lg vc_hidden-md vc_hidden-sm vc_hidden-xs */


p a, .post-navigation a {
    text-decoration: underline;
}
/*ocultar copy predet.*/
footer.site-info {
    display: none;
}
/*ocultar aviso dev WPML*/
.otgs-development-site-front-end {
    display: none !important;
}
.grecaptcha-badge {
    display: none !important;
}
/*Back to top*/
.generate-back-to-top {
    right: 5px !important;
    bottom: 50px !important;
}
/*Elementos SVG*/
.mad-svg{
    height: 22px;
}
.mad-svg:hover{
    fill: var(--base-a) !important;
}
.svg-accent-2 .mad-svg {
    fill: var(--accent-2);
}
/*Colores*/
.text-white, .text-white * {
  color: #fff;
}
.color-accent{
    color:var(--accent);
}
.color-base{
    color: var(--base);
}
.color-base-a{
    color: var(--base-a)
}
.color-base-b{
    color: var(--base-b)
}
.bg-base-b{
    background: var(--base-b)
}

.section-accent{
    background: var(--accent)
}
/*Tamaños*/
.mad_xl{
    font-size:1.5em;
}
.mad_lg{
    font-size:1.1em;
}
.mad_sm{
    font-size:0.9em;
}
.p-20{
    font-size: 20px;
}
.mg-bot-0{
    margin-bottom: 0 !important;
}
.mg-bot-10{
    margin-bottom: 10px !important;
}
/*Alinear elementos*/
/* mad_center-sm */
/* mad_left-sm */
/* mad_left-xs */
/* mad_center-xs */
.mad-justify{
    text-align: justify !important;
}
.margin-b-0{
    margin-bottom: 0 !important;
}
.pad-R-5 {
    padding-right: 5% !important;
}
/*Selector WPML nav-list*/
.wpml-ls-menu-item a {
  padding: 5px !important;
  font-size: 0.7em !important;
}
/*Botones*/
.btn-center p {
    text-align: center;
}
.btn-main a {
    padding: 15px 40px;
    width: fit-content;
    border-radius: 10px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    transition: background-color 0.5s ease, color 0.5s ease;
	text-decoration: none;
}
.btn-main a:hover {
    cursor: pointer;
}
.btn-accent a,
.btn-accent a:active,
.btn-accent a:focus{
    background: var(--accent);
    color: #fff;
	text-decoration: none;
}
.btn-accent a:hover{
    color: var(--base-b);
}
.btn-claro a{
    color: #fff;
    background-color: var(--accent-b);
	text-decoration: none;
}
.btn-claro a:hover{
    color: var(--base-a);
}
.box-rrss .ult-content-box {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

/* .box-rrss .wpb_single_image {
	margin-top: 10px;
} */


/************************  HEADER  ************************/
nav#secondary-navigation {
    padding-top: 10px;
    padding-bottom: 10px;
}
.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container, .secondary-nav-above-header .secondary-navigation .inside-navigation.grid-container {
    padding: 0 40px !important;
}
div#primary-menu {
    background: var(--base-b);
    border-radius: 50px;
}
.main-navigation.sticky-navigation-transition .main-nav > ul > li > a, .sticky-navigation-transition .menu-toggle, .main-navigation.sticky-navigation-transition .menu-bar-item > a, .sticky-navigation-transition .navigation-branding .main-title {
    line-height: 40px !important;
}
#site-navigation {
    padding-left: 20px;
}

/************************  NAVIGACIÓN  ************************/

.main-navigation .menu-bar-item>a {
    padding-right: 0 !important;
}
.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
    padding-top: 10px;
    padding-bottom: 10px;
}
.menu-nav-adicional {
    display: flex;
    margin-left: 30px;
    gap: 20px;
	align-items: center;
}
.menu-nav-adicional a,
.menu-nav-adicional a:active,
.menu-nav-adicional a:focus {
    color: var(--base-a);
}
.menu-nav-adicional a:hover{
    color: var(--base-a);
}
.nav-contacto{
	text-transform: capitalize !important;
}
.inside-header {
    justify-content: space-between;
}
.nav-float-right #site-navigation {
    margin-left: unset !important;
}
.slideout-navigation ul ul {
    background: none !important;
    margin-top: 10px;
}
.slideout-navigation ul ul li a{
	padding: 0 !important;
}
#primary-menu {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.menu-item-has-children .dropdown-menu-toggle {
    margin-left: 0 !important;
}
.icono-svg-nav {
    border-radius: 30px;
    background: var(--accent-b);
}
.icono-svg-nav svg{
	height: 30px;
    width: 30px;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
	fill: var(--accent);
}
.icono-svg-nav svg:hover,
.icono-svg-nav svg:active,
.icono-svg-nav svg:focus{
	fill: var(--accent-2) !important;
}
/************************  HOME  ************************/
.frase-header-home {
    margin-bottom: -40px !important;
    z-index: 2;
    position: relative;
    margin-top: 50px;
}

/************************  QUIÉNES SOMOS  ************************/
.box-4 .ult-content-box {
    display: grid;
    grid-template-columns: 1fr 3fr;
	align-items: center;
	gap: 30px;
}
.logo-entidad {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}
.logos-kit {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/************************  QUÉ HACEMOS  ************************/
.i-objetivo {
    margin-bottom: 10px !important;
}
.i-objetivo svg {
    height: 40px;
	fill: var(--accent);
}
.i-objetivo img {
    max-width: 155px !important;
}

/************************  BLOG  ************************/
h2.wp-block-heading,
h2.widget-title{
    font-size: 28px;
}
.sidebar .widget {
    background: var(--base-b) !important;
}
/************************  NOTÍCIAS  ************************/
/* Filas eventos */
a.mad_evento_icono:before {
    font-size: 38px;
    content: "\2b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}
table.mad_eventos_tabla,
td {
    border: unset !important;
}
.mad_eventos_tabla td,
.mad_eventos_tabla th {
    padding: 30px;
}
.mad_eventos_tabla * {
    color: var(--accent-2);
}
/************************  CONTACTO  ************************/
.pad-formulario {
    padding: 0 5% !important;
}
.section-contacto .icono-svg-nav svg {
    height: 35px;
    width: 35px;
	fill: var(--contrast);
}
.section-contacto .icono-svg-nav {
    background: unset !important;
}
.section-contacto .box-rrss .ult-content-box{
	gap: 0;
}
/************************  FOOTER  ************************/

.site-footer{
    background: var(--accent);
    overflow: hidden;
    color: var(--base-a);
}
.site-footer .wpb_raw_html {
    margin-bottom: 10px;
}
#mad-footer{
    max-width: 1360px;
    padding: 40px;
    margin-left: auto;
    margin-right: auto;
    background: url(https://forested.es/wp-content/uploads/2024/09/patron-flechas-1.png);
    content: "";
    display: block;
    background-size: cover;
    background-repeat: repeat-x;
    background-position-y: -50px;
}
#mad-copyright {
    max-width: 1360px;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}
.logo-ft {
    width: 130px;
}
.menu-ft {
    text-align: right;
}
.menu-ft a {
    color: var(--base-a);
    text-transform: uppercase;
    line-height: 2;
}
.menu-ft a:hover,
.menu-ft a:focus,
.menu-ft a:active{
    color: var(--base-b);
}
.box-ft-copy .ult-content-box {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
    text-align: right;
}

/* COOKIE BAR */

#cookie-law-info-bar, .cli-modal-content {
    border-radius: 35px;
    padding: 12px 25px 25px !important;
}

#wt-cli-cookie-banner {
    font-weight: 400;
    color: var(--contrast);
    font-size:16px;
}

.cli-bar-btn_container {
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.cli-plugin-button {
    font-size: 12px !important;
	border-radius: 20px !important;
    display: flex;
    margin: 5px 0 !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

#wt-cli-privacy-save-btn {
    font-size: 12px !important;
    margin: 5px 0 !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    background-color: var(--accent);
    color: var(--base);
    text-transform: uppercase;
    transition: all 0.2s ease;
}

#wt-cli-privacy-title, #wt-cli-cookie-banner-title {
	color: var(--accent);
	font-size: 26px;
}

#wt-cli-reject-btn, #wt-cli-settings-btn {
    border: 1px solid var(--accent) !important;
    text-decoration: none;
}

.cli-bar-btn_container a:hover, .cli-bar-btn_container a:focus  {
    opacity: .8;
}

#wt-cli-policy-link {
    padding-right: 0 !important;
}

#wt-cli-policy-link:hover, #wt-cli-policy-link:focus {
    color: var(--contrast) !important;
}

.cli-switch input:checked + .cli-slider {
    background-color: var(--accent);
}

#wt-cli-privacy-readmore {
    color: var(--accent);
}

.cli-modal .cli-modal-close {
    right: 15px;
    top: 10px;
    padding: 5px;
}

.cli-modal-close svg {
    fill: var(--accent);
}

/************************  PLANTILLA EVENTOS  ************************/
.mad_eventos_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; 
}
.mad_eventos_card {
    background: var(--base-a);
    padding: 30px;
    border-radius: 10px;
    transition: transform 0.3s ease;
}
.mad_eventos_card:hover {
    transform: scale(1.02);
}
.mad_eventos_header {
    display: flex;
    justify-content: space-between;
    color: var(--accent-2-a);
}
.mad_eventos_info_corta {
    color: var(--accent-2-a);
}
a.mad_eventos_boton {
    border: 1px solid var(--accent-2);
    padding: 5px 20px;
    border-radius: 10px;
    color: var(--accent-2);
    font-size: 18px;
    text-transform: uppercase;
}
a.mad_eventos_boton:hover {
    background: var(--accent-2);
    color: var(--base-a);
}
.mad_eventos_info_corta {
    font-size: 18px;
}
a.mad_eventos_titulo:hover {
    color: var(--accent-2);
}
.mad_eventos_card h5 {
		font-weight: 600;
}
/************************  PLANTILLA POSTS  ************************/
.mad_posts_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.mad_posts_card {
    background: var(--base-a);
    border-radius: 10px;
    transition: transform 0.3s ease;
}
.mad_posts_card:hover {
    transform: scale(1.02);
}
.mad_posts_header {
    display: flex;
    justify-content: space-between;
    color: var(--accent-2-a);
    padding: 20px 30px;
}

.mad_posts_date {
    font-size: 18px;
    color: var(--accent-2-a);
}

.mad_posts_thumbnail img {
	width: 100%;
    height: 220px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    object-fit: cover;
}

.mad_posts_contenido {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.mad_posts_titulo h5 {
    margin: 0;
    text-decoration: none;
}
a.mad_posts_titulo:hover {
    color: var(--accent-2);
}
a.mad_posts_boton {
    display: inline-block;
    border: 1px solid var(--accent-2);
    padding: 5px 20px;
    border-radius: 10px;
    color: var(--accent-2);
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 30px;
    text-align: center;
    display: block;
    width: fit-content;
    min-width: 150px;
}

a.mad_posts_boton:hover {
    background: var(--accent-2);
    color: var(--base-a);
}

/************************  PLANTILLA RECURSOS  ************************/
.mad_recursos_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.mad_recursos_card {
    display: flex;
    flex-direction: row; 
    background: var(--base-a);
    padding: 0; 
    border-radius: 10px;
    align-items: stretch; 
    overflow: hidden; 
    position: relative; /* Necesario para el posicionamiento absoluto del icono */
}

.mad_recursos_imagen {
    flex: 1;
    overflow: hidden;
}

.mad_recursos_imagen img {
    width: 100%;
    height: 100%; 
    object-fit: cover;
    display: block; 
}

.mad_recursos_contenido {
    flex: 2;
    padding: 20px; 
    background: var(--base-b);
}

.mad_recursos_fecha {
    color: var(--accent);
    font-size: 16px;
    margin-bottom: 10px;
}

.mad_recursos_titulo {
    color: var(--accent-2);
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
	height: 53px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.mad_recursos_info_corta {
    font-size: 18px;
    margin-bottom: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.mad_recursos_botones {
    display: flex;
    gap: 10px;
}

.mad_recursos_boton {
    padding: 5px 20px;
    border-radius: 10px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.mad_recursos_boton_verde {
    border: 1px solid var(--accent);
    color: var(--accent);
}

.mad_recursos_boton_marron {
    border: 1px solid var(--accent-2);
    color: var(--accent-2);
}

.mad_recursos_boton_verde:hover {
    background-color: var(--accent);
    color: var(--base-a);
}

.mad_recursos_boton_marron:hover {
    background-color: var(--accent-2);
    color: var(--base-a);
}

/*  SINGLE RECURSO  */

.recurso .featured-image{
	width: 100%;
    aspect-ratio: 4 / 2;
    overflow: hidden;
    position: relative;
}

.recurso .featured-image img{
	width: 100%;
    height: 100%;
    object-fit: cover; /* Cubre el contenedor sin deformarse */
    object-position: center; /* Centra la imagen */
}