/*
Theme Name: The7 Child
Theme URI: https://the7.io/
Template: The7/dt-the7
Author: Dream-Theme
Author URI: https://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Tags: multipurpose,responsive,retina ready,SEO ready,mobile friendly,iOS,material design,clean,minimal,business,corporate,portfolio,creative,photography,one page site,micro site
Version: 12.4.0.1743678530
Updated: 2025-04-03 11:08:50

*/

/*LOGO*//*
img.preload-me {
    width: 100px;
    height: 100px;
}*/
.page-title-breadcrumbs{
    display: none;
}

/*Titulo bloque de 3 imagenes*/

  .titulo-bloqueimg,
  .titulo-bloqueimg * {
      color: #8abcde !important;
      text-align: center !important;
      /*font-family: "Mulish" !important;*/

  }
  
  .titulo-bloqueimg:hover,
  .titulo-bloqueimg:hover * {
      color: #888484 !important;
      text-align: center !important;
  }

  .single-share-box{
    display: none;
  }

/*Margenes*/
.margen-arriba{
    margin-top: 10rem;
}
.margen-abajo{
    margin-bottom: 10rem;
}
/*Justificar*/
.justificado{
    text-align: justify;
}
.margen-arriba2{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.modulo-descargable {
    position: relative !important;
    height: 360px !important;
    text-align: center !important;
    padding: 20px 15px 60px !important;
    overflow: hidden !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 12px !important;
    background-color: #fff !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;

  }
  
 /* SLIDER DENTRO DE NOTICIAS */


.modulo-descargable:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
  border-color: #00bcd4 !important;
}
  
  /* Ícono abajo centrado */
  .modulo-descargable .vc_icon_element {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 0 !important;
  }



/*HOVER ICONOS*/
.icono-hover {
    transition: filter 0.3s ease, color 0.3s ease !important;
  }
  
  /* Efecto al hacer hover: solo cambia visualmente */
  .icono-hover:hover {
    filter: brightness(1.5) !important;
  }
  

/*Filtros noticias*/

.filter-categories {
    max-width: 50rem; /* Ajusta el valor según lo que necesites */
    gap: 1em;
}
  
.images-container{
    display: none;
}
.titulo-proyectos{
    color:white;
    text-align: center;

}

.edificios{
    background-image: url(/wp-content/uploads/2025/04/edificios2.png);
    background-size: contain;
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 200px;
    margin-top: 6em;
}
.titulo-noticia{
  text-align: center;
  font-size: 2em;
  margin-bottom: 2rem;
  margin-top: 1rem;
}


/*TITULO OBJETIVOS*/
.fila-categorias {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap; /* evita que salten de línea */
    gap: 30px;
    overflow-x: auto; /* scroll horizontal si no caben */
    padding: 20px 0;
  }
  
.bloque-categoria {
    background-color: white;
    border-radius: 16px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 230px;
    flex-shrink: 0; /* evita que se reduzcan para encajar */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 280px;
}  
.bloque-categoria img {
    max-width: 80px;
    margin-bottom: 15px;
}
.titulo-objetivos{
    color:white;
}
.iconos{
    transition: transform 0.3s ease !important;
}



/*BLOQUE IMAGEN*/
/* La FILA debe tener posición relativa y altura fija */
.contenedor-boton-premios {
    position: relative;
    min-height: 500px; /* ajusta a la altura visible de la imagen */
  }
  
  /* La COLUMNA debe ocupar todo el espacio y centrar su contenido */
  .centrar-boton-premios {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* El BOTÓN con estilo visual */
  .boton-descarga-premios {
    color: #fff !important;
    font-weight: 600;
    padding: 16px 36px;
    border-radius: 20px;
    font-size: 18px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: center;
  }
  
  /* Hover */
  .boton-descarga-premios:hover {
    color: #000 !important;
    transform: scale(1.05);
  }



/*TIPO DE CONTENIDO VIDEOS*/
.videos-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    padding: 40px 0;
  }
  
  .video-card {
    width: 100%;
    max-width: 550px;
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.2s ease;
  }
  
  .video-card:hover {
    transform: translateY(-5px);
  }
  
  .video-card iframe {
    width: 100%;
    height: 300px;
    display: block;
    border: none;
  }
  
  .video-card-title {
    font-weight: 600;
    font-size: 16px;
    padding: 15px;
    text-align: center;
    background-color: #f5f5f5;
    color: #333;
  }

  

/* =============================================================================
   BIBLIOTECA - ACORDEÓN
============================================================================= */

.biblioteca-acordeon-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Acordeón Item */
.biblioteca-acordeon-item {
    background: #fff;
    border-radius: 12px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
}

.biblioteca-acordeon-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

.biblioteca-acordeon-item.activo {
    box-shadow: 0 6px 16px rgba(103, 198, 221, 0.2);
}

/* Header del Acordeón */
.biblioteca-acordeon-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px;
    cursor: pointer;
    background: #fff;
    transition: background 0.3s ease;
    gap: 15px;
}

.biblioteca-acordeon-header:hover {
    background: #f9fafb;
}

.biblioteca-acordeon-item.activo .biblioteca-acordeon-header {
    background: #f0f9ff;
    border-bottom: 2px solid #e0f2fe;
}

.biblioteca-acordeon-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #1f2937;
    flex: 1;
}

.biblioteca-acordeon-contador {
    padding: 6px 14px;
    background: #e0f2fe;
    color: #0c4a6e;
    font-size: 13px;
    font-weight: 600;
    border-radius: 20px;
}

.biblioteca-acordeon-icono {
    color: #67c6dd;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.biblioteca-acordeon-item.activo .biblioteca-acordeon-icono {
    transform: rotate(180deg);
}

/* Contenido del Acordeón */
.biblioteca-acordeon-contenido {
    display: none;
    padding: 20px 28px 28px;
}

.biblioteca-documentos-lista {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Item de Documento */
.biblioteca-documento-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 20px;
    background: #f9fafb;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.biblioteca-documento-item:hover {
    background: #fff;
    border-color: #67c6dd;
    transform: translateX(8px);
    box-shadow: 0 4px 12px rgba(103, 198, 221, 0.15);
}

/* Imagen destacada */
.biblioteca-documento-imagen {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    background: #e5e7eb;
}

.biblioteca-documento-imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.biblioteca-imagen-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #67c6dd 0%, #4a9fb0 100%);
}

.biblioteca-imagen-placeholder svg {
    color: #fff;
    opacity: 0.7;
}

/* Info del Documento */
.biblioteca-documento-info {
    flex: 1;
    min-width: 0;
}

.biblioteca-documento-titulo {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
    line-height: 1.4;
}

.biblioteca-documento-anio {
    display: inline-block;
    padding: 4px 10px;
    background: #e5e7eb;
    color: #6b7280;
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
}

/* Icono de Descarga */
.biblioteca-documento-descarga {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #67c6dd;
    border-radius: 50%;
    color: #fff;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.3s ease;
}

.biblioteca-documento-item:hover .biblioteca-documento-descarga {
    opacity: 1;
    transform: scale(1);
}

/* Responsive */
@media (max-width: 768px) {
    .biblioteca-acordeon-wrapper {
        padding: 15px;
    }
    
    .biblioteca-acordeon-header {
        padding: 18px 20px;
        flex-wrap: wrap;
    }
    
    .biblioteca-acordeon-header h3 {
        font-size: 18px;
        flex-basis: 100%;
        margin-bottom: 8px;
    }
    
    .biblioteca-acordeon-contenido {
        padding: 20px 20px 20px;
    }
    
    .biblioteca-documento-item {
        padding: 14px 16px;
    }
    
    .biblioteca-documento-imagen {
        width: 50px;
        height: 50px;
    }
    
    .biblioteca-documento-titulo {
        font-size: 15px;
    }
    
    .biblioteca-documento-descarga {
        width: 36px;
        height: 36px;
    }
}
  
  
  

/*MAPA*/
/* Contenedor principal */
#municipios-container {
    position: relative;
    display: flex;
    width: 100%;
    height: 65vh;
    overflow: visible;
    box-sizing: border-box;
    margin-bottom: -35px;
    z-index: 0;
}
/* Buscador */
#buscador {
    width: 350px;
    background-color: #f8f8f8;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
#buscar-municipio {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
    flex-shrink: 0;
}
#lista-municipios {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#lista-municipios li {
    padding: 12px;
    margin: 5px 0;
    background-color: #f4f4f4;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
#lista-municipios li:hover {
    background-color: #e9e9e9;
}
/* Mapa */
#mapa {
    flex: 1;
    height: 100%;
    border: none;
    min-width: 0;
}
/* Capas internas de Leaflet */
.leaflet-pane,
.leaflet-control {
    z-index: 400;
}
/* Modal */
#modal-municipio {
    position: absolute;
    display: none;
    z-index: 1000;
    max-height: 90%;
    max-width: 400px;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}
/* Contenido del modal */
.modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    max-height: inherit;
    overflow-y: auto;
    position: relative;
}
/* Imagen */
.modal-content img {
    max-width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 15px;
}
/* Título */
.modal-content h2 {
    font-size: 24px;
    margin-top: 15px;
    color: #333;
}
/* Texto */
.modal-content p {
    font-size: 16px;
    color: #555;
    margin-bottom: 10px;
}
/* Enlace */
#modal-enlace {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 20px;
    text-decoration: none;
    color: #fff;
    background-color: #2a80d9;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}
#modal-enlace:hover {
    background-color: #1e60a9;
}
/* Cerrar */
.cerrar {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
    transition: color 0.3s ease;
}
.cerrar:hover {
    color: #333;
}
/* Responsive */
@media (max-width: 768px) {
    #municipios-container {
        flex-direction: column;
        height: 650px;
        overflow: hidden;
    }
    #mapa {
        height: 500px;
        width: 100%;
        order: 1;
        flex-shrink: 0;
    }
    #buscador {
        width: 100%;
        height: 250px;
        order: 2;
        flex-shrink: 0;
    }
    #lista-municipios {
        max-height: 180px;
        overflow-y: scroll;
    }
    #modal-municipio {
        position: fixed;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: 90%;
        max-width: 90%;
        max-height: 80vh;
        z-index: 9999;
        padding: 0;
    }
}






/*Noticias*/
.comments-area{
    display: none;
}


.post-thumbnail {
    text-align: center;
    margin: 0 auto;
}

.post-thumbnail img {
    width: 100%;
    max-width: 900px; 
    height: auto;
    display: block;
    margin: 0 auto;
}




/*DISEÑO URL*/
/* Contenedor principal */
.docs-section {
  margin: 2em 0;
}

.docs-title {
  margin-bottom: 1em;
  font-weight: bold;
}

.docs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em 2em;
  max-width: 1200px;
}

.doc-link {
  width: calc(33.333% - 1.4em); /* 3 columnas */
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #67c6dd;
}

.doc-link:hover {
  text-decoration: underline;
}

.doc-icon {
  width: 20px;
  height: 20px;
  margin-right: 0.5em;
  flex-shrink: 0;
}

.doc-text {
  font-size: 1em;
}

/* Tablet: 2 columnas */
@media (max-width: 992px) {
  .doc-link {
    width: calc(50% - 1em);
  }
}

/* Móvil: 1 columna */
@media (max-width: 600px) {
  .doc-link {
    width: 100%;
  }
}

.page-title.solid-bg {
  background: linear-gradient(to bottom, #67c6dd 0%, #e8f1f8 100%);

}
.entry-title{
  color:#003049	!important;
}



.filtro-btn {
  background: #eee;
  border: none;
  padding: 10px 20px;
  margin: 5px;
  cursor: pointer;
  font-weight: bold;
}

.filtro-btn.activo {
  background: #00abc8;
  color: #fff;
}







/*NOTICIAS DENTRO SINGLE-MUNICIPIOS*/

/* Contenedor para la vista de masonry */
.the7-masonry-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
  max-width: 1200px;
  margin: 0 auto;
  align-items: flex-start; 
}


.the7-masonry-post {
  width: calc(33.333% - 13.34px); /* 3 columnas con gap */
  margin: 0;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 6px;
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  display: block; /* 👈 No uses flex aquí */
}


/* Efecto hover en la tarjeta */
.the7-masonry-post:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Contenedor de la imagen */
.the7-masonry-thumb img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

/* Zoom en hover a la imagen */
.the7-masonry-post:hover .the7-masonry-thumb img {
    transform: scale(1.05);
}

/* Contenido del post */
.the7-masonry-content {
    padding: 15px;
}

/* Fecha */
.the7-masonry-date {
    font-size: 0.9em;
    color: #999;
    margin-bottom: 5px;
}

/* Título */
.the7-masonry-title {
    font-size: 1.2em;
    margin: 0 0 10px;
    line-height: 1.3em;
}
.the7-masonry-title a {
    color: #333;
    text-decoration: none;
}
.the7-masonry-title a:hover {
    color: #0073aa;
}

/* Extracto */
.the7-masonry-excerpt {
    font-size: 0.95em;
    color: #555;
    margin-bottom: 15px;
}

/* Botón "Leer más" con flecha y color turquesa */
.the7-masonry-button {
    display: inline-flex;
    align-items: center;
    background-color: #4acecb; 
    color: #fff;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

/* Hover del botón */
.the7-masonry-button:hover {
    background-color: #31b2b1; 
    color:white;
}
/* Tablet: 2 columnas */
@media (max-width: 992px) {
  .the7-masonry-post {
    width: calc(50% - 10px);
  }
}

/* Móvil: 1 columna, ancho completo */
@media (max-width: 768px) {
  .the7-masonry-container {
    flex-direction: column;
  }

  .the7-masonry-post {
    width: 100%;
  }

  .the7-masonry-post > * {
    width: 100%;
  }

  .the7-masonry-thumb,
  .the7-masonry-content,
  .the7-masonry-excerpt {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
}



/*Jornadas y talleres*/
.filter-by{
    display: none;
}
.custom-blocks-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 3rem 0;
  }
  
  .custom-block {
    background: #fff;
    border-left: 6px solid #01a0c6;
    padding: 1.5rem 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  }
  
  .block-title {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #01a0c6;
  }
  
  .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
  }
  
  .video-wrapper iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }
  
  ul.pdf-list {
    list-style: none !important;
    padding-left: 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.8rem;
    max-width: 1000px;
  }
  
  ul.pdf-list li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .pdf-button {
    display: inline-block;
    background-color: #01a0c6;
    color: #fff;
    padding: 0.6rem 1.2rem;
    border-radius: 8px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    transition: background 0.3s ease, transform 0.2s;
    min-width: 180px;
    max-width: 100%;
    white-space: normal;
  }
  
  .pdf-button:hover {
    background-color: #007a96;
    transform: translateY(-3px);
  }
  
  @media (max-width: 600px) {
    .pdf-button {
      min-width: 100%;
    }
  }

  

  /*Diseño 2*/
  .jornada-bloques {
    max-width: 900px;
    margin: 3rem auto;
    padding: 2rem;
    background: #f8fafa;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
  }
  
  .jornada-bloques h3 {
    font-size: 1.6rem;
    color: #01a0c6;
    margin-bottom: 2rem;
    border-left: 4px solid #01a0c6;
    padding-left: 1rem;
  }
  
  .jornada-bloques .bloque {
    background: white;
    border-left: 6px solid #01a0c6;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    transition: transform 0.3s ease;
  }
  
  .jornada-bloques .bloque:hover {
    transform: translateY(-4px);
  }
  
  .jornada-bloques .bloque iframe {
    width: 100%;
    aspect-ratio: 16/9;
    border: none;
    border-radius: 6px;
  }
  
  .jornada-bloques .bloque a {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.7rem 1.2rem;
    background-color: #01a0c6;
    color: white;
    font-weight: 600;
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.3s ease;
  }
  
  .jornada-bloques .bloque a:hover {
    background-color: #0087a8;
  }
  








/*DEscargables proyectos*/
.downloads-wrapper {
    padding: 4rem 2rem;
  }
  
  .attachments-title {
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 3rem;
    color: #222;
  }
  
  .downloads {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }
  
  .download-item {
    width: 140px;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    color: #333;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
    padding: 1rem 0.5rem;
  }
  
  .download-item .icon {
    background: #01a0c6;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.8rem;
    transition: background-color 0.25s ease;
  }
  
  .download-item .icon img {
    width: 24px;
    height: 24px;
    filter: invert(1);
  }
  
  .download-item .label {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.3;
    font-family: 'Open Sans', sans-serif;
    color: #333;
  }
  
  /* Hover destacado */
  .download-item:hover {
    box-shadow: 0 6px 18px rgba(0, 160, 198, 0.25);
    border-color: #01a0c6;
  }
  
  .download-item:hover .icon {
    background-color: #028aae;
  }
  
  @media (max-width: 600px) {
    .download-item {
      width: 42%;
    }
  }
  
  @media (max-width: 360px) {
    .download-item {
      width: 100%;
    }
  }
  

/*Tamaño imagen noticias*/




/*FOOTER*/
.footer-logos-container {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 30px 0;
  }
  
  .footer-logos {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    width: 100%;
    padding: 0 20px;
  }
  
  .footer-logos a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .footer-logos img {
    max-height: 70px;
    height: auto;
    width: auto;
    display: block;
    transition: transform 0.3s ease;
  }
  
  .footer-logos a:hover img {
    transform: scale(1.05);
  }
  
  /* 🔽 RESPONSIVE: una imagen debajo de otra */
  @media (max-width: 768px) {
    .footer-logos {
      flex-direction: column;
      gap: 25px;
    }
  }
  
  .footer-logos a:hover img {
    transform: scale(1.05);
  }
  .footer-legal {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.6;
  }
  
  .footer-legal p {
    margin: 5px 0;
  }
  
  .footer-legal a {
    color: #ffffff;
    text-decoration: none;
    margin: 0 5px;
  }
  .footer-legal-line2 a{
    color: white !important;

  }
  
  .footer-legal a:hover {
    text-decoration: underline;
  }


  /* Color blanco para los textos del top bar */

.top-bar,
.top-bar * {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* ─────────────────────────────────────────────
   1) Ocultar los enlaces originales J1/J2
───────────────────────────────────────────── */
.iso-filter .filter-categories a[data-filter=".category-596"],
.iso-filter .filter-categories a[data-filter=".category-597"] {
  display: none !important;
}

/* ─────────────────────────────────────────────
   2) Contenedor de subcategorías
───────────────────────────────────────────── */
#subcats-jornadas {
  display: none;      /* oculto por defecto */
  width: 100%;        /* toda la línea */
  clear: both;        /* salto de línea */
  margin: 12px 0;     /* separación arriba/abajo */
  text-align: center; /* centra los botones */
}

/* ─────────────────────────────────────────────
   3) Botones — estilo base igual que menú
───────────────────────────────────────────── */
#subcats-jornadas .filtro-btn {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  font: 700 14px/18px "Mulish", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
  color: var(--the7-title-color);
  background: transparent;
  border: none;
  padding: 6px 15px;
  margin: 0 3px;
  border-radius: 100px;
  overflow: hidden;
  cursor: pointer !important;
  transition: background-color .2s, color .2s;
}

/* ─────────────────────────────────────────────
   4) Hover — mismo color de texto que enlaces
───────────────────────────────────────────── */
#subcats-jornadas .filtro-btn:hover {
  color: var(--the7-links-color) !important;
}

/* ─────────────────────────────────────────────
   5) Activo — igual que “Jornadas” activo
───────────────────────────────────────────── */
#subcats-jornadas .filtro-btn.active {
  background-color: var(--the7-accent-color) !important;
  color: #fff !important;
}




/*CAMPAÑAS*/
/* Asegura que el contenedor del grid se centra y limita el ancho */
.campanas-grid-wrapper {
    max-width: 1000px; /* Ancho máximo del grid completo */
    margin: 0 auto; /* Centrado horizontal */
    padding: 40px 20px; /* Separación */
}

.page-id-57725 .wf-container-main {
    display: block !important; /* Elimina el grid del tema */
}

.campanas-grid {
    display: grid;
    grid-template-columns: repeat(3, 300px);
    gap: 40px;
    max-width: 960px;
    margin: 0 auto;
    justify-content: center;
}

.campanas-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Mantiene el orden */
    height: 100%;
    border-radius: 10px;
    overflow: hidden; /* Para que el borde redondeado afecte a todo */
    background-color: #fff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.campanas-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

.campanas-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 0 0; /* Redondea solo la parte superior */
}

.campanas-titulo {
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    margin: 15px 15px 20px; /* Aumentamos el espacio inferior */
}

.campanas-subtitulo {
    font-size: 1em;
    color: #ffffff; /* Texto en blanco */
    background-color: #007BFF; /* Fondo azul clarito */
    padding: 8px 12px;
    border-radius: 0; /* Sin borde redondeado */
    margin-bottom: 10px;
    display: block; /* Ocupa todo el ancho */
    text-align: center; /* Centra el texto */
    margin-top: auto; /* Empuja hacia abajo */
}


@media (max-width: 1024px) {
    .campanas-grid {
        grid-template-columns: repeat(2, 300px);
    }
}

@media (max-width: 600px) {
    .campanas-grid {
        grid-template-columns: 300px;
    }
}





@media (max-width: 768px) {
  .imagen-red {
    display: block;
    margin: 20px auto; /* Centrado horizontal y margen superior/inferior */
    max-width: 80%; /* Opcional: ajusta el ancho máximo para móviles */
    height: auto; /* Mantiene la proporción original */
  }
}



.single-postlike .post-thumbnail {
    max-width: 600px !important;
    margin: 0 auto !important;
	margin-bottom:30px !important;
}

.ocultar{
	display: none;
}

.mini-contacts.clock.show-on-desktop.in-top-bar-left.near-logo-second-switch.show-on-second-switch.first.last {
  color: #ffffff;
}
.fa-fw.icomoon-the7-font-the7-mail-011::before {
  color: #ffffff;
}
/*PROYECTOS FILTRO Y BUSCADOR*/
/* =============================================================================
   FILTRO DE PROYECTOS - ESTILOS CSS
============================================================================= */

/* Container principal */
.filtro-proyectos-wrapper {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 30px 20px;
}

/* Buscador - 70% / 30% */
.filtro-proyectos-buscador-row {
    display: grid;
    grid-template-columns: 70% 1fr;
    gap: 20px;
    margin-bottom: 50px;
}

.filtro-input-wrapper,
.filtro-select-wrapper {
    position: relative;
}

.filtro-proyecto-input,
.filtro-proyecto-select {
    width: 100%;
    height: 54px;
    padding: 0 22px;
    border: 2px solid #e5e7eb;
    font-size: 15px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    background: #fff;
    font-family: inherit;
}

.filtro-proyecto-input {
    padding-right: 50px;
}

.filtro-proyecto-input:focus,
.filtro-proyecto-select:focus {
    outline: none;
    border-color: #67c6dd;
    box-shadow: 0 0 0 4px rgba(103, 198, 221, 0.1);
}

.search-icon {
    position: absolute;
    right: 20px;
    top: 17px;
    color: #9ca3af;
    pointer-events: none;
    transition: color 0.3s;
}

.filtro-proyecto-input:focus + .search-icon {
    color: #67c6dd;
}

.filtro-proyecto-select {
    appearance: none;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 18px center;
    padding-right: 45px;
    cursor: pointer;
}

/* Loading */
.proyectos-loading {
    text-align: center;
    padding: 80px 0;
}

.spinner-wrap p {
    margin-top: 20px;
    color: #6b7280;
    font-size: 15px;
}

.spinner {
    border: 3px solid #f3f4f6;
    border-top: 3px solid #67c6dd;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: spin 0.7s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* GRID DE 3 COLUMNAS */
.proyectos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    min-height: 500px;
}

.proyecto-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.proyecto-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.proyecto-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.12), 0 10px 10px -5px rgba(0,0,0,0.08);
}

.proyecto-imagen {
    position: relative;
    width: 100%;
    padding-top: 75%;  
    overflow: hidden;
    background: #f9fafb;
}

.proyecto-imagen img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.proyecto-card:hover .proyecto-imagen img {
    transform: scale(1.12);
}

.proyecto-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(103, 198, 221, 0.95) 0%, rgba(74, 159, 176, 0.95) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.proyecto-card:hover .proyecto-overlay {
    opacity: 1;
}

.ver-proyecto-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    transform: translateY(10px);
    opacity: 0;
    transition: all 0.4s ease 0.1s;
}

.proyecto-card:hover .ver-proyecto-btn {
    transform: translateY(0);
    opacity: 1;
}

.proyecto-sin-imagen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #67c6dd 0%, #4a9fb0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.proyecto-info {
    padding: 24px 22px 22px;
}

.proyecto-categoria {
    display: inline-block;
    padding: 5px 12px;
    background: rgba(103, 198, 221, 0.1);
    color: #67c6dd;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 6px;
    margin-bottom: 12px;
}

.proyecto-titulo {
    font-size: 19px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 16px;
    line-height: 1.45;
    min-height: 55px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.proyecto-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 14px;
    border-top: 1px solid #f3f4f6;
}

.proyecto-fecha {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #6b7280;
}

.proyecto-fecha svg {
    opacity: 0.6;
}

.proyecto-flecha {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #f9fafb;
    border-radius: 50%;
    color: #67c6dd;
    transition: all 0.3s ease;
}

.proyecto-card:hover .proyecto-flecha {
    background: #67c6dd;
    color: #fff;
    transform: translateX(3px);
}

/* Sin resultados */
.no-proyectos-mensaje {
    text-align: center;
    padding: 100px 20px;
}

.no-proyectos-mensaje svg {
    color: #d1d5db;
    margin-bottom: 20px;
}

.no-proyectos-mensaje p {
    font-size: 20px;
    font-weight: 600;
    color: #4b5563;
    margin: 0 0 8px;
}

.no-proyectos-mensaje span {
    font-size: 15px;
    color: #9ca3af;
}

/* Paginación */
.proyectos-paginacion {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #f3f4f6;
}

.pag-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.pag-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 8px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #4b5563;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.pag-btn:hover {
    background: #67c6dd;
    border-color: #67c6dd;
    color: #fff;
    transform: translateY(-2px);
}

.pag-btn.activo {
    background: #67c6dd;
    border-color: #67c6dd;
    color: #fff;
    cursor: default;
    pointer-events: none;
    box-shadow: 0 4px 6px -1px rgba(103, 198, 221, 0.3);
}

.pag-prev,
.pag-next {
    padding: 0;
}

.pag-dots {
    color: #9ca3af;
    padding: 0 6px;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .proyectos-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .filtro-proyectos-buscador-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .proyectos-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .proyecto-titulo {
        font-size: 17px;
        min-height: auto;
    }
    
    .filtro-proyectos-wrapper {
        padding: 20px 0px;
    }
}

/* Sección de Destacados */
.proyectos-destacados-seccion {
    margin-bottom: 50px;
}

.destacados-titulo {
    font-size: 28px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 30px;
}

.proyectos-destacados-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.destacado-oculto {
    display: none;
}

.cargar-mas-wrapper {
    text-align: center;
    margin-top: 40px;
}

.btn-cargar-mas {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    background: #67c6dd;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(103, 198, 221, 0.3);
}

.btn-cargar-mas:hover {
    background: #4a9fb0;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(103, 198, 221, 0.4);
}

.btn-cargar-mas svg {
    transition: transform 0.3s ease;
}

.btn-cargar-mas:hover svg {
    transform: translateY(3px);
}
.todos-proyectos-titulo {
    font-size: 28px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 30px;
}
/* Responsive */
@media (max-width: 1024px) {
    .proyectos-destacados-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .destacados-titulo {
        font-size: 22px;
        margin-bottom: 25px;
    }
    
    .proyectos-destacados-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}





/* =============================================================================
   BUENAS PRÁCTICAS - SHORTCODE
============================================================================= */

.buenas-practicas-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Filtros */
.practicas-filtros-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 50px;
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.filtro-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filtro-item label {
    font-size: 13px;
    font-weight: 600;
    color: #4b5563;
    margin: 0;
}

.filtro-input-wrapper {
    position: relative;
}

.filtro-input,
.filtro-select {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.3s ease;
    background: #fff;
    font-family: inherit;
}

.filtro-input {
    padding-right: 50px;
}

.filtro-input:focus,
.filtro-select:focus {
    outline: none;
    border-color: #67c6dd;
    box-shadow: 0 0 0 4px rgba(103, 198, 221, 0.1);
}

.icono-buscar {
    position: absolute;
    right: 18px;
    top: 16px;
    color: #9ca3af;
    pointer-events: none;
}

.filtro-select {
    appearance: none;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 18px center;
    padding-right: 45px;
    cursor: pointer;
}

/* Grid de prácticas */
.practicas-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 60px;
}

.practica-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.practica-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.12);
}

.practica-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.practica-imagen {
    position: relative;
    width: 100%;
    padding-top: 65%;
    overflow: hidden;
    background: #f9fafb;
}

.practica-imagen img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.practica-card:hover .practica-imagen img {
    transform: scale(1.1);
}

.practica-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #67c6dd 0%, #4a9fb0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.practica-placeholder svg {
    color: #fff;
    opacity: 0.7;
}

.practica-contenido {
    padding: 24px;
}

.practica-categoria {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: rgba(103, 198, 221, 0.1);
    color: #67c6dd;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 6px;
    margin-bottom: 12px;
}

/* Categorías específicas con colores */
.practica-categoria.categoria-economia-circular {
    background: #fcc13c;
    color: #fff;
}

.practica-categoria.categoria-sensibilizacion-y-concienciacion-ciudadana {
    background: #ed6f8a;
    color: #fff;
}

.practica-categoria.categoria-soluciones-basadas-en-la-naturaleza {
    background: #7dbd5c;
    color: #fff;
}

.practica-categoria-icono {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.practica-titulo {
    font-size: 19px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 16px;
    line-height: 1.4;
    min-height: 55px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.practica-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f3f4f6;
}

.practica-ubicacion,
.practica-poblacion {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #6b7280;
}

.practica-ubicacion svg,
.practica-poblacion svg {
    color: #67c6dd;
    flex-shrink: 0;
}

.practica-extracto {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.practica-leer-mas {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #67c6dd;
    font-size: 14px;
    font-weight: 600;
    transition: gap 0.3s ease;
}

.practica-card:hover .practica-leer-mas {
    gap: 10px;
}

/* Sin prácticas */
.no-practicas {
    grid-column: 1 / -1;
    text-align: center;
    padding: 80px 20px;
}

.no-practicas svg {
    color: #d1d5db;
    margin-bottom: 20px;
}

.no-practicas p {
    font-size: 18px;
    font-weight: 600;
    color: #4b5563;
    margin: 0 0 8px;
}

.no-practicas span {
    font-size: 14px;
    color: #9ca3af;
}

/* Responsive - Shortcode */
@media (max-width: 1024px) {
    .practicas-filtros-grid {
        grid-template-columns: 1fr 1fr;
    }
    
    .practicas-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .practicas-filtros-grid {
        grid-template-columns: 1fr;
        padding: 20px;
    }
    
    .practicas-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .practica-titulo {
        font-size: 17px;
        min-height: auto;
    }
}

/* =============================================================================
   BUENAS PRÁCTICAS - SINGLE
============================================================================= */

.single-practica-wrapper {
    background: #fff;
    padding: 60px 0;
}

.single-practica-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Breadcrumb */
.practica-breadcrumb {
    margin-bottom: 30px;
}

.practica-breadcrumb a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #67c6dd;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: gap 0.3s ease;
}

.practica-breadcrumb a:hover {
    gap: 12px;
}

/* Header */
.practica-header {
    margin-bottom: 40px;
}

.practica-header-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
}

.practica-single-categoria {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(103, 198, 221, 0.1);
    color: #67c6dd;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 6px;
}

/* Categorías específicas en single */
.practica-single-categoria.categoria-economia-circular {
    background: #fcc13c;
    color: #fff;
}

.practica-single-categoria.categoria-sensibilizacion-y-concienciacion-ciudadana {
    background: #ed6f8a;
    color: #fff;
}

.practica-single-categoria.categoria-soluciones-basadas-en-la-naturaleza {
    background: #7dbd5c;
    color: #fff;
}

.practica-single-categoria-icono {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.practica-single-titulo {
    font-size: 40px;
    font-weight: 800;
    color: #1f2937;
    line-height: 1.3;
    margin: 0 0 24px;
}

.practica-header-info {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 20px;
    background: #f9fafb;
    border-radius: 10px;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #4b5563;
}

.info-item svg {
    color: #67c6dd;
    flex-shrink: 0;
}

.info-item strong {
    color: #1f2937;
}

/* Imagen destacada */
.practica-imagen-destacada {
    margin-bottom: 40px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

.practica-imagen-destacada img {
    width: 100%;
    height: auto;
    display: block;
}

/* Contenido */
.practica-contenido-principal {
    font-size: 17px;
    line-height: 1.8;
    color: #374151;
    margin-bottom: 60px;
    text-align: justify;
}

.practica-contenido-principal p {
    margin-bottom: 20px;
}

.practica-contenido-principal h2,
.practica-contenido-principal h3 {
    margin-top: 32px;
    margin-bottom: 16px;
    color: #1f2937;
    font-weight: 700;
    text-align: left;
}

.practica-contenido-principal h2 {
    font-size: 28px;
}

.practica-contenido-principal h3 {
    font-size: 22px;
}

.practica-contenido-principal ul,
.practica-contenido-principal ol {
    margin-bottom: 20px;
    padding-left: 30px;
}

.practica-contenido-principal li {
    margin-bottom: 8px;
}

/* Navegación */
.practica-navegacion {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-top: 40px;
    border-top: 2px solid #f3f4f6;
}

.nav-practica {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: #f9fafb;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.nav-practica:hover {
    background: #fff;
    border-color: #67c6dd;
    transform: translateX(0);
}

.nav-prev:hover {
    transform: translateX(-5px);
}

.nav-next:hover {
    transform: translateX(5px);
}

.nav-next {
    justify-content: flex-end;
}

.nav-practica svg {
    color: #67c6dd;
    flex-shrink: 0;
}

.nav-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nav-next .nav-info {
    align-items: flex-end;
}

.nav-label {
    font-size: 12px;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nav-titulo {
    font-size: 15px;
    font-weight: 600;
    color: #1f2937;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Responsive - Single */
@media (max-width: 768px) {
    .practica-single-titulo {
        font-size: 28px;
    }
    
    .practica-header-info {
        flex-direction: column;
        gap: 12px;
    }
    
    .practica-contenido-principal {
        font-size: 16px;
    }
    
    .practica-navegacion {
        grid-template-columns: 1fr;
    }
}


.widget.widget_presscore-accordion-widget.wf-cell.wf-1-1 {
    display: none !important;
}