/*
Theme Name: TheGov Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: -
Version: 1.0
Template: thegov
Text Domain:  thegov-child
*/
.imagenes-comarcas {
  transition: transform 0.3s ease, filter 0.3s ease;
  max-width: 100%;
  height: auto;
}

.imagenes-comarcas:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}
/* Base */
.bloque-banner,
.bloque-banner2{
  padding:25px;
  border-radius:12px;
  text-align:left;
  display:flex;
  gap:20px;
  align-items:center;
  box-shadow:0 8px 16px rgba(0,0,0,.15);
  background-color:#ffffff;
  transition:transform .3s ease, box-shadow .3s ease;
  margin:.5em !important;
  text-decoration:none;
  color:inherit;

  /* IMPORTANTE: define un borde por defecto transparente */
  border-left:6px solid transparent;
}

/* Hover (igual que ya tenías) */
.bloque-banner:hover,
.bloque-banner2:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 24px rgba(0,0,0,.1);
  text-decoration:none;
}

/* Imagen (igual) */
.bloque-banner img,
.bloque-banner2 img{
  max-width:80px;
  height:auto;
}

/* Colores con mayor especificidad */
.bloque-banner.bloque1, .bloque-banner2.bloque1{ border-left-color:#005a87 !important; }
.bloque-banner.bloque2, .bloque-banner2.bloque2{ border-left-color:#1b77a5 !important; }
.bloque-banner.bloque3, .bloque-banner2.bloque3{ border-left-color:#b3dff1 !important; }
.bloque-banner.bloque4, .bloque-banner2.bloque4{ border-left-color:red !important; } /* nuevo en rojo para comprobar */

@media (max-width: 1024px) {
  .elementor-677 .elementor-element.elementor-element-339407e > .elementor-element-populated {
    padding: 0px !important;
  }
}
#scroll_up{
	background-color:#4083AD !important;
}
/* Asegura que las tarjetas .enlaces estén centradas igual en todos los bloques */
.contenedor-imagenes .enlaces {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 280px;
  height: 240px;
  margin: 20px;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  text-align: center;
  box-sizing: border-box;
}

/* Hover igual para .enlaces también */
.contenedor-imagenes .enlaces:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

#comments{
  display:none !important;
}
.time_line-curve:after {
  filter: brightness(0) saturate(100%) invert(16%) sepia(95%) saturate(2164%) hue-rotate(185deg) brightness(97%) contrast(96%);
}
.header_search-field{
  display: none !important;
}
.resoluciones {
  background: #f6faff; /* azul muy claro */
  border: 1px solid #d0e4f5;
  padding: 2rem;
  box-shadow: 0 8px 20px rgba(0, 93, 155, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.resoluciones:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 93, 155, 0.12);
}

.resoluciones h3 {
  font-weight: 700;
  color: #004a7c; /* azul FEMP fuerte */
  margin-bottom: 0.5rem;
}

h3, h3 span, a h3 span {
  line-height: 44px !important;
}

.resoluciones p {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  margin: 0;
}

.resoluciones i {
  font-size: 2.2rem;
  color: #0073c2; /* azul intermedio para iconos */
  margin-bottom: 0.8rem;
}


.plan {
  background: #f6faff; /* azul muy claro */
  border: 1px solid #d0e4f5;
  padding: 2rem;
  box-shadow: 0 8px 20px rgba(0, 93, 155, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.plan:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 93, 155, 0.12);
}

.plan h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #004a7c; /* azul FEMP fuerte */
  margin-bottom: 1rem;
}

.plan p {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
  margin: 0;
}

.plan i {
  font-size: 2.2rem;
  color: #0073c2; /* azul intermedio para iconos */
  margin-bottom: 0.8rem;
}
.financiado-por {
  display: flex;
  align-items: center;
  gap: 15px;
}

.financiado-por p {
  color: #cccccc;
  font-size: 16px;
  margin: 0;
}

.financiado-por img {
  max-height: 70px;
}

/* Comportamiento en pantallas pequeñas */
@media (max-width: 600px) {
  .financiado-por {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
}
/*NORMATIVA*/



/*RESPONSIVO*/
/*bloques de inicio*/
@media (max-width: 768px) {
  .wgl-infobox_item_link {
    width: 100% !important;
    display: block !important;
    margin-bottom: 20px !important;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border-radius: 10px;
  }

  /* Opcional: espacio solo entre columnas si siguen en flex */
  .elementor-column {
    margin-bottom: 20px !important;
  }

  .wgl-infobox_item_link:last-child {
    margin-bottom: 0 !important;
  }

  .wgl-infobox_item_link .infobox_wrapper {
    text-align: center;
    justify-content: center;
    flex-direction: column;
  }
}

/*normativa*/
.cartas-normativa {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  margin: 60px 0;
}

.carta-normativa {
  border: 2px solid #0073aa;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  padding: 30px 20px;
  text-align: center;
  width: 280px;
  transition: all 0.3s ease;
}

.carta-normativa:hover {
  border-color: #00557a;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  transform: translateY(-6px);
}

.carta-normativa i {
  font-size: 38px;
  color: #0073aa;
  margin-bottom: 18px;
}

.carta-normativa h6 {
  font-size: 17px;
  font-weight: 600;
  color: #003366;
  line-height: 1.5;
  margin: 0;
}

/*ENLACES*/
@media (max-width: 768px) {
  .contenedor-imagenes {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px 0;
  }

  .contenedor-imagenes .enlaces {
    width: 100%;
    max-width: 280px;
    margin: 20px auto !important; /* este es el espacio entre tarjetas */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column;
    text-align: center;
  }
}
.wgl-portfolio-item .item-content {
  height: auto !important;
  padding: 20px !important;
  white-space: normal !important;
  overflow: visible !important;
  background: rgba(0, 0, 0, 0.6) !important;
}

.wgl-portfolio-item .item-content h3,
.wgl-portfolio-item .item-content .title {
  font-size: 18px !important;
  line-height: 1.4 !important;
  word-break: break-word !important;
  color: #ffffff !important;
}
.inside_image .wgl-portfolio-item_title .title {
  font-size: 16px !important;
}
.elementor-icon svg {
  color: #4083AD !important;
  fill: #4083AD !important;
}
.bloques-inicio:hover .elementor-icon svg {
  color: white !important;
  fill: white !important;
}
.elementor-677 .elementor-element.elementor-element-339407e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-677 .elementor-element.elementor-element-339407e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #0E3851 !important;
}
a[data-filter=".guias-y-manuales"] {
  text-transform: none !important;
}
/*NORMATIVA*/

/* 🔁 RESPONSIVE: tablet y móvil */
@media (max-width: 1024px) {
  .carta-normativa {
    width: 45%;
  }
}

@media (max-width: 768px) {
  .carta-normativa {
    width: 100%;
    max-width: 350px;
  }

  .cartas-normativa {
    gap: 30px;
  }
}
/* Tablet: 3 por fila */
@media (max-width: 991px) {
  .bloques-inicio {
    flex: 0 1 calc(33.33% - 20px) !important;
  }
}

/* Móvil: 2 por fila */
@media (max-width: 767px) {
  .bloques-inicio {
    flex: 0 1 calc(50% - 20px) !important;
  }
}

/* Móvil muy estrecho: 1 por fila */
@media (max-width: 480px) {
  .bloques-inicio {
    flex: 0 1 100% !important;
  }
}

/***** MAPA ****/
body.page-id-4284 .wgl-container {
    width: 100%;
    padding: 0;
    margin: 0;
}
body.page-id-4284 #main {
    width: 100%;
    padding: 0;
    margin: 0;
}
#map_api{
    width: 100% !important;
    aspect-ratio: 1 / 0.43;
    position:relative;
    background-color:#0d3852;
    background-image: url('https://mancomunidadesycomarcas.es/wp-content/uploads/2025/11/FEMP_45_logo_500.png');
    background-size: 500px;
    background-position: center;
    background-repeat: no-repeat;

    height: calc(100vh - 120px);
}

/*CPT DOCUMENTOS*/
/* ===== SELECT ===== */
.doc-filtro-select {
    margin-bottom: 25px;
    text-align: center;
}

#docFiltroSelect {
    padding: 10px 16px;
    font-size: 16px;
    border: 1px solid #d0d5da;
    background: #fff;
    color: #023056;
    min-width: 260px;
    max-width: 90%;
    width: auto;
}

/* ===== LISTA ===== */
.doc-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.doc-row {
    background: #f6f7f9;
    border: 1px solid #e1e4e7;
    padding: 16px;
    display: none;
    align-items: center;
}

.doc-link-row {
    display: flex;
    align-items: center;
    gap: 18px;
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.doc-row-img img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.doc-row-text h3 {
    font-size: 17px;
    color: #023056;
    margin: 0;
    font-weight: 600;
}

.doc-row-cat {
    margin: 4px 0 0 0;
    font-size: 14px;
    color: #215575;
}

/* ===== BOTÓN CARGAR MÁS ===== */
.doc-loadmore-wrapper {
    text-align: center;
    margin-top: 100px;
}

#docLoadMore {
    background: #2c78a6;
    color: #fff;
    border: none;
    padding: 12px 28px;
    font-size: 16px;
    cursor: pointer;
}

#docLoadMore:hover {
    background: #215575;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
    .doc-row {
        flex-direction: column;
        text-align: center;
    }

    .doc-link-row {
        flex-direction: column;
    }

    .doc-row-img img {
        width: 100%;
        height: auto;
        max-width: 260px;
    }
}

.select__field:before{
	display:none !important;
}
/* ===== SELECT con flecha dentro ===== */
#docFiltroSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23023056' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center; /* flecha dentro a la derecha */
    background-size: 16px;
    padding-right: 40px !important; /* espacio para la flecha */
    cursor: pointer;
}