/* Hoja de estilo de José Antonio Tamudo */
@import "https://unpkg.com/splitting/dist/splitting-cells.css";
@import "https://unpkg.com/splitting/dist/splitting.css";

/*Separador UI del titulo*/
article h1 {
   padding-left: 10%;
}

/*nav*/
.block-system-breadcrumb-block nav {
   display: block;
   max-width: 1920px;

   /* margin-left: 5%;
   padding: 20px 0 0; */
   padding-right: 2%;
    /* padding-left: 2%; */
}

.block-system-breadcrumb-block nav .breadcrumb {
   /* margin-left: unset;
   justify-content: flex-start;
   align-items: center;
   padding: 8px 28px 0; */

   color: #000;
   font-size: 1rem;
   font-weight: 400;
}

.block-system-breadcrumb-block nav .breadcrumb .breadcrumb-item:hover {
   text-decoration: underline;
}




.block-system-breadcrumb-block nav .breadcrumb .breadcrumb-item a {
   color: #000;
}

.block-system-breadcrumb-block nav .breadcrumb .active {
   color: #000;
}

.block-system-breadcrumb-block nav .breadcrumb .active:hover {
   text-decoration: unset;
}


.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
   opacity: 0.2;
   color: #83b62c;
   content: url(/themes/custom/iepnb/build/img/flecha_migas.svg);
}

/*sidebar*/
.block--aside-img .field__item img {
   width: 400px;
   vertical-align: middle;
   display: inline-block;
}

@media (max-width: 639px) {
   article h1 {
      font-size: 2rem;
      padding-left: 5%;
   }

   .linea-titulo {
      width: 70px;
      margin-left: 5%;
   }

   .block-system-breadcrumb-block nav {
      padding: 5px 0px;
   }

   .block-system-breadcrumb-block nav .breadcrumb {
      margin-left: unset;
      justify-content: flex-start;
      align-items: center;
      padding: 8px 0px;
      margin-bottom: 0px;

      color: #000;
      font-size: 16px;
      font-weight: 400;
   }
}

@media (max-width: 479px) {
   article h1 {
      font-size: 1.75rem;
      padding-left: 5%;
   }

   .linea-titulo {
      width: 50px;
      margin-left: 5%;
   }

   .block-system-breadcrumb-block nav .breadcrumb {
      font-size: 14px;
   }

   .block-system-breadcrumb-block nav .breadcrumb .breadcrumb-item a {
      font-size: 14px;
   }

   .block-system-breadcrumb-block nav .breadcrumb .active {
      font-size: 14px;
   }
}

/*Main quienes somos*/
.img_fija {
   height: 400px;
}

.link_text:hover {
   color: #52a9d9;
}

/*Diseño de nodo "Indicadores"*/
.nodo-personalizado-quienes-somos {
   background-color: #c5e5f4;

   display: flex;
   flex-direction: row-reverse;
}

.nodo-personalizado-quienes-somos .ancho_mod2 h2 span {
   border-left: 8px solid #fed331;
   padding-left: 15px;

   display: block;
   line-height: 50px;
}

.nodo-personalizado-quienes-somos .contenedor_boton_banner {
   -webkit-align-items: start !important;
   align-items: start !important;
}

.nodo-personalizado-quienes-somos .ancho_mod2 {
   padding-top: 30px;
   padding-left: 35px;
   padding-bottom: 55px;
}

.nodo-personalizado-quienes-somos .ancho_mod2 .text_gota {
   padding-right: 35px;
   font-size: 18px;
}

.nodo-personalizado-quienes-somos .ancho_mod2 .boton_linea_verde {
   border: 2px solid black;
}

.nodo-personalizado-quienes-somos .ancho_mod2 .boton_linea_verde:hover {
   border: 2px solid white;
   background-color: white;
}

.nodo-personalizado-quienes-somos .imagen_gota_wrapper {
   padding-right: 40px;
   padding-top: 10px;
   padding-right: 30px;

   width: 50%;
}

.nodo-personalizado-quienes-somos .imagen_gota_wrapper .imagen_gota {
   border-radius: 150px 150px 0px 150px;
}

.borde_amarillo {
   display: none;
}

.nodo-personalizado-quienes-somos .imagen_gota_wrapper .borde_amarillo {
   display: initial;

   position: absolute;
   width: 100px;
   height: 100px;

   margin-left: -30px;
   border: 6px solid #fed331;
   border-top-right-radius: 150px;
   border-bottom-left-radius: 150px;
   border-bottom-right-radius: 150px;
}

/*Diseño de nodo "Informes"*/
.nodo-personalizado-quienes-somos2 {
   background-color: #fff6d6;

   display: flex;
   flex-direction: row-reverse;

   margin-left: -10px;
}

.nodo-personalizado-quienes-somos2 .ancho_mod2 h2 span {
   border-left: 8px solid #40a9d9;
   padding-left: 15px;

   display: block;
   line-height: 50px;
}

.nodo-personalizado-quienes-somos2 .contenedor_boton_banner {
   -webkit-align-items: start !important;
   align-items: start !important;
}

.nodo-personalizado-quienes-somos2 .ancho_mod2 {
   padding-top: 30px;
   padding-left: 35px;
   padding-bottom: 55px;
}

.nodo-personalizado-quienes-somos2 .ancho_mod2 .text_gota {
   padding-right: 35px;
   font-size: 18px;
}

.nodo-personalizado-quienes-somos2 .ancho_mod2 .boton_linea_verde {
   border: 2px solid black;
}

.nodo-personalizado-quienes-somos2 .ancho_mod2 .boton_linea_verde:hover {
   border: 2px solid white;
   background-color: white;
}

.nodo-personalizado-quienes-somos2 .imagen_gota_wrapper {
   padding-right: 40px;
   padding-top: 10px;
   padding-right: 30px;
}

.nodo-personalizado-quienes-somos2 .imagen_gota_wrapper .imagen_gota {
   border-radius: 0px 150px 150px 150px;
}

.borde_amarillo {
   display: none;
}

.nodo-personalizado-quienes-somos2 .imagen_gota_wrapper .borde_amarillo {
   display: initial;

   position: absolute;
   width: 100px;
   height: 100px;
   margin-left: 120px;
   top: 155px;
   border: 6px solid #40a9d9;
   border-radius: 150px 150px 0px;
}

@media only screen and (max-width: 1450px) {
   [data-history-node-id="20"] {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      padding-top: 30px;
   }

   [data-history-node-id="20"] .ancho_mod2 .text_gota {
      padding-right: 0px;
      font-size: 16px;
   }

   [data-history-node-id="20"] .imagen_gota_wrapper {
      padding-right: unset;
      padding-top: unset;
      padding-right: unset;

      width: unset;
   }

   [data-history-node-id="20"] .imagen_gota_wrapper .borde_amarillo {
      margin-left: -15px;
   }

   /* [data-history-node-id="21"] {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      padding-top: 30px;
   } */

   [data-history-node-id="21"] .ancho_mod2 .text_gota {
      padding-right: 0px;
      font-size: 16px;
   }

   [data-history-node-id="21"] .imagen_gota_wrapper {
      padding-right: unset;
      padding-top: unset;
      padding-right: unset;

      width: unset;
   }
}

@media only screen and (max-width: 975px) {
   .wrapper-indicadores-informes {
      flex-direction: column;
   }

   [data-history-node-id="20"] {
      margin-top: 20px;
   }

   /* [data-history-node-id="21"] {
      margin-top: 20px;
      margin-left: -2em;
   } */
}

@media only screen and (max-width: 600px) {
   .wrapper-indicadores-informes {
      flex-direction: column;
   }

   [data-history-node-id="20"] {
      margin-top: 20px;
   }

   [data-history-node-id="21"] {
      margin-top: 20px;
      margin-left: 0em;
   }
}

/*Página entidades colaboradoras*/
.entidades-colaboradoras-flex {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
}

.entidades-colaboradoras-flex img {
   height: 120px;
   width: auto;
}

.entidades-colaboradoras-flex .wp-block-column {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

.entidades-colaboradoras-flex p {
   text-align: center;
}

@media only screen and (max-width: 1050px) {
   .entidades-colaboradoras-flex {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
   }
}

@media only screen and (max-width: 500px) {
   .entidades-colaboradoras-flex {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
   }
}

/*Página quien es quien*/
.h1-gobernanza {
   font-size: 32px;
   font-weight: 400;

   display: block;
   line-height: 50px;

   padding-left: 15px;
   border-left: 8px solid #83b62c;
}

.h2-gobernanza {
   font-size: 23px;
   font-weight: 400;

   padding-left: 0px;
   line-height: 30px;
}

.p-gobernanza {
   margin-top: 10px;
   padding-left: 65px;
}

.img-p-gobernanza {
   display: flex;
   justify-content: center;
   align-items: center;

   margin-left: 65px;
}

.linea-amarilla-gobernanza {
   margin-top: -18px;
   margin-left: 65px;
   width: 60px !important;

   height: 8px !important;
   opacity: 1 !important;

   color: #fed331;
}

.boton-gobernanza a {
   background-color: #83b62c;
   border-radius: 15px 0 15px 15px;
   color: #000;
   font-size: 15px;
   padding-left: 100px;
   padding-right: 100px;
   padding-bottom: 15px;
}

@media only screen and (max-width: 992px) {
   .img-p-gobernanza {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;

      margin-left: 65px;
   }

   .img-p-gobernanza p {
      margin-top: 10px;
      margin-left: -33px;
   }

   .boton-gobernanza {
      margin-top: 20px;
      margin-left: 35px !important;
   }
}

@media only screen and (max-width: 600px) {
   .img-p-gobernanza {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;

      margin-left: 65px;
   }

   .img-p-gobernanza p {
      margin-top: 10px;
      margin-left: unset;
   }

   .boton-gobernanza {
      margin-top: 20px;
      margin-left: 35px !important;
   }

   .boton-gobernanza a {
      font-size: 15px;

      padding-left: 50px;
      padding-right: 50px;
      padding-bottom: 15px;

      border-radius: 15px;

      white-space: nowrap;
   }
}

/*Página normativa de referencia*/
.block-facets-summary {
   padding: 0;
}

.block-facets-summary li.breadcrumb-item {
   margin-bottom: 0;
}

.source-summary-count::before {
   margin-top: -6px;
}

.block-facets-summary .breadcrumb {
   padding: 0;
   margin-bottom: 0;

   display: flex;
   justify-content: flex-start;
   align-items: center;
}

.block-facets-summary-blocknormativa-summary {
   padding-top: 5px;
   padding-bottom: 10px;
   padding-left: 10px;
}

.source-summary-count {
   font-weight: 600;
   font-family: 'Raleway';
   font-size: 14px;

   display: block;

   margin: 0;
   margin-top: -8px;
   margin-left: 50px;

   padding: 0;
}

form#views-exposed-form-buscador-block-1 {
   display: flex;
   align-items: baseline;
   background: #ede8e8;
   padding: 0 1rem;
   margin: 1rem 0 3rem 0;
}
form#views-exposed-form-buscador-block-1 .buscador-lupa {
   margin-right: 1rem;
}

.js-form-item-search-api-fulltext label {
   /*visibility: hidden;*/
   display: none;
}

.js-form-item-search-api-fulltext input {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-left-radius: 10px;
}

.breadcrumb li a {
   font-family: 'Raleway';
}

/*rotaciones flechas*/
.accordion-button::after {
   transition: all 0.3s ease;
}

.wrapper-seleccionar-filtros {
   display: flex;
   align-items: center;
   border-bottom: 1px solid rgb(212, 212, 212);
   padding-bottom: 10px;
}

.mini-gota-verde {
   width: 20px;
   height: 20px;
   background-color: #83b62c;
   border-top-left-radius: 50px;
   border-top-right-radius: 50px;
   border-bottom-left-radius: 50px;
}

.wrapper-seleccionar-filtros span {
   margin-left: 10px;
   font-weight: 600;
}

.accordion-body {
   padding: 0;
   padding-left: 5px;
}

.accordion-button {
   margin-top: 16px;

   padding: 0px;
}

.col-class-normativa #block-facetsblock h2 {
   margin: 0;
}

.col-class-normativa #block-facetsblock .facets-widget-dropdown {
   max-width: 300px;
}

.col-class-normativa #block-facetsblock .facets-widget-dropdown select {
   margin: 0;
   padding-right: 20px;
}

.col-class-normativa {
   margin-top: -80px;

   margin-bottom: 20px;

   padding-left: 150px;
}

@media (max-width: 991px) {
   .col-class-normativa {
      margin-top: -80px;

      margin-bottom: 20px;

      padding-left: 0;
   }
}

.col-class-normativa #block-facetsblock .wrapper-seleccionar-filtros {
   display: none !important;
}

.col-class-normativa .accordion-item {
   border: 0px solid;
}

.col2-class-normativa {
   margin-top: -80px;
}

.block-facets-summary {
   width: 75%;
}

#views-exposed-form-normativa-block-1 {
   margin-bottom: 50px !important;
}

.block--facetsblock-2:not(.node-52 .block--facetsblock-2) {
   margin-left: 25px !important;
}

.block--facetsblock-2 h2 {
   margin-left: 17px !important;
}

.wrapper-fields-lista-gobernanza {
   display: flex;
   margin-top: 20px !important;
}

.icono-pdf {
   max-width: 40px !important;
   height: auto !important;
}

.titulo-normativa {
   margin-left: 15px !important;
   font-size: 1.25rem !important;
   font-weight: 400 !important;
   line-height: 25px !important;

   color: #4F8400 !important;

   cursor: pointer !important;
}

.titulo-normativa:hover {
   color: #007FAC !important;
}

.lista-ul-normativa {
   margin-top: 10px !important;
   margin-left: 25px !important;
}

.separador-lista-normativa {
   margin-top: 35px !important;

   width: 97.5% !important;
   height: 1px !important;
   background-color: lightgray !important;
}

@media (max-width: 991px) {
   .row-class-normativa {
      flex-direction: column !important;
   }

   .col-class-normativa {
      width: 100% !important;
   }

   .col2-class-normativa {
      width: 100% !important;
   }

   #block-normativa-summary {
      margin-top: 40px !important;
   }

   #views-exposed-form-normativa-block-1 {
      margin-left: 30px !important;
   }
}

.body-normativa {
   overflow-x: hidden !important;
}

/*Página espacios protegidos*/
.resume-form.block-iepnb-menu-ajax {
   position: static;
}

.body-espacios {
   overflow-x: hidden;
}

.widget-header-espacios {
   display: flex;
   column-gap: 20px;


   margin-bottom: 20px !important;
}

.widget-header-espacios .nav-item {
   padding: 5px !important;
   background-color: white;

   border-radius: 0 15px 0px 0px;
   border: 2px solid #dadada;
}

.widget-header-espacios .ui-tabs-active {
   background-color: #dadada !important;
   box-shadow: unset !important;
}

.widget-header-espacios .nav-item a {
   border: 0 !important;
}

.widget-header-espacios .nav-item:hover {
   background-color: #83B62C;
}

.tabla-espacios {
   box-shadow: none !important;
   max-width: 1215px;
}

.tabla-espacios thead tr {
   background-color: #83B62C;
}

.tabla-espacios thead tr th:nth-child(1),
.tabla-espacios thead tr th:nth-child(2),
.tabla-espacios thead tr th:nth-child(3) {
   text-transform: uppercase;
   border-right: 2px solid white;
}

.tabla-espacios thead tr {
   background-color: unset;
}

.tabla-espacios tbody tr:nth-of-type(even) {
   background-color: unset;
}

.tabla-espacios tbody tr {
   border-bottom: 1px solid #83B62C;
}

.tabla-espacios tbody tr td:nth-child(1) {
   font-family: "Raleway" !important;
}

.tabla-espacios tbody tr td .wrapper-table-cells {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;

   text-align: center;
}

.tabla-espacios tbody tr td .wrapper-table-cells img {
   max-width: 100%;
   max-height: unset;
}

.tabla-espacios tbody tr td .wrapper-table-cells a {
   margin-top: 10px;
}

.tabla-espacios tbody tr td .link-espacio {
   color: #4F8400;
}

.tabla-espacios tbody tr:last-of-type {
   border-bottom: 1px solid #83B62C;
}

.tabla-espacios tbody tr td .link-espacio:hover {
   color: #007FAC;
}

.primera-celda-tabla th:nth-child(1) {
   display: flex;
   align-content: center;
   justify-content: center;
   align-items: center;

   column-gap: 10px;
}

.primera-celda-tabla th:nth-child(1) {
   background-color: #83B62C;
   color: black;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
}

.primera-celda-tabla th:nth-child(2) {
   background-color: #83B62C;
   color: black;
}

.primera-celda-tabla th:nth-child(3) {
   background-color: #83B62C;
   color: black;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
}

.boton-busqueda-button {
   border-style: none;
   background-color: unset;
   background-repeat: none;
   border-radius: 5px;

   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
}

.busqueda-button {
   background: url(https://uploads-ssl.webflow.com/627e050469c34cd3188fdbf0/62a9872209ce8afef048b2ce_icon_tab_lupa.svg);

   width: 25px;
   height: 25px;
}

.boton-busqueda-button:hover {
   background-color: grey;
}

.wrapper-terminos-lupa {
   display: flex;
   background-color: white;

   padding-left: 10px;
   border-radius: 5px;
}

.wrapper-terminos-lupa label {
   width: 0;
   opacity: 0;
}

.wrapper-terminos-lupa input {
   border-style: none;
   background-color: unset;

   max-width: 125px;
}

.wrapper-terminos-lupa input:focus {
   outline: none;
}

.wrapper-paginacion-tabla-espacios {
   max-width: 1080px;
   margin: 0px !important;
}

.paginacion-tabla-espacios {
   display: flex;
   justify-content: center;
   align-items: center;
}

.paginacion-tabla-espacios a {
   line-height: unset;
   color: #5a7f23;
   font-weight: 700;

   padding: 0 !important;
   margin-left: 15px;
   margin-right: 15px;
}

.paginacion-tabla-espacios a:hover {
   color: #52a9d9;
}

.paginacion-tabla-espacios span {
   letter-spacing: normal;
   padding: 0 !important;
   line-height: unset;
}

.field--type-text-with-summary a span:hover {
   color: #007FAC;
}



/*Pagina espacio individual*/
.body-wrapper-espacio {
   display: flex;
   justify-content: center;
   align-items: center;
}

.body-wrapper-espacio .wrapper-auxiliar .wrapper-filtros {
   display: flex;
   justify-content: space-between;
   align-items: center;
   column-gap: 20px;
}

.wrapper-padre-h1p {
   width: 60%;
   margin-right: 100px;
}

.wrapper-padre-h1p h1 {
   font-weight: 400;
   padding: unset;
   padding-left: 25px;
   font-family: 32px;
}

.wrapper-padre-h1p-img {
   display: flex;
}

.wrapper-padre-img {
   margin-top: 100px;

   display: flex;
   /* justify-content: center; */
   align-items: center;

   position: relative;
}

.wrapper-padre-img img {
   z-index: 1;
   width: 100%;
}

.marquesina-verde {
   position: absolute;
   z-index: 0;
   background-color: #83b62d;

   width: 110%;
   max-height: 217px;
   height: 100%;
}

.wrapper-padre-h1p p {
   margin-top: 50px;
}

.wrapper-h1 {
   display: flex;
   align-items: center;
   justify-content: flex-start;

   margin-top: 20px;
   padding-left: 0px;
   padding-top: 10px;
   padding-bottom: 10px;
}

/*Animacion h1 espacio page*/
.wrapperh1 {
   min-height: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.wrapperh1 h1 {
   margin: 0;
   font-size: 32px;
   overflow: hidden;
   line-height: auto;
   height: fit-content;
}

.wrapperh1 h1 span {
   opacity: 0;
   display: block;
   animation: reveal 2s ease forwards;
   animation-delay: 0.75s;
}

.wrapperh1 h1 span.titulo {
   font-weight: bold;
}

@keyframes reveal {
   0% {
      opacity: 0;
      transform: translate(-150%, 0%);
   }

   100% {
      opacity: 1;
      transform: translate(0, 0);
   }
}



.espaciador {
   border-right: 10px solid #83b62c;

   height: 0px;
   width: 0px;

   position: relative;
   z-index: 2;

   animation: heightanim 0.75s ease-in-out 0.5s forwards;

}

@keyframes heightanim {
   0% {
      height: 0px;
   }

   100% {
      height: 80px;
   }
}

@keyframes opacityanim {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

.asidesticky {
   position: sticky !important;
   top: 150px;
}

/*Página ayuda*/
.wp-block-column.figura-amarilla {
   max-width: 25px;
   min-width: 25px;
}

/*Página index IEPNB*/
/*.section4 {
   padding-bottom: 0;
}*/

.section4 .container-fluid {
   padding-bottom: 0 !important;
   padding-top: 0 !important;
}

.section4 .slick-next-icon {
   margin-top: -50px;
   font-size: 18px !important;
}

.section4 .slick-prev-icon {
   margin-top: -50px;
   font-size: 18px !important;
}

.contenedor-slider-inventarios {
   display: flex !important;
   justify-content: center;
   align-items: center;
   flex-direction: column;

   padding-top: 1em;
   padding-bottom: 1em;
}

/*.section4 a.w-button-outline.w-button-outline--green {
   font-size: 18px;
   text-align: center;
}*/

.leaf-slider-inventarios {
   width: 11.5rem;
   height: 11.5rem;

   margin-top: 0.5rem;
}

/*Correcciones responsive*/
.layout__region.layout__region--second {
   padding-left: 0em;
}

@media (max-width: 1200px) {
   .p-gobernanza {
      -webkit-box-orient: unset !important;
      overflow: unset !important;
   }

   .wp-block-column p {
      -webkit-box-orient: unset !important;
      overflow: unset !important;
   }

   .wp-block-image {
      margin-right: 1em;

      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
   }
}

@media (max-width: 991px) {
   .wp-block-columns {
      flex-direction: column;
   }

   .col2-class-normativa {
      margin-top: 50px;

      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
   }

   .block--facetsblock {
      margin-right: 25px;
   }

   .block--facetsblock-2 {
      margin-right: 25px;
   }
}

@media (max-width: 500px) {
   .block--enlacerelacionadodirectivainspire {
      padding: 20px;
   }

   .block--enlacesrelacionados h2 {
      margin: 0 !important;
      padding: 0 20px;
   }

   .block--enlacesrelacionados .field--type-text-with-summary {
      margin: 0 !important;
      padding: 0 20px;
   }
}

@media (max-width: 639px) {
   .field--name-field-image img {
      display: none;
   }
}

.ancho_mod2 .contenedor_boton_banner.centrado {
   position: static;
}

.ancho_mod2 {
   height: auto;
}

.ancho_mod2 .titular_areas {
   text-align: center;
}

.ancho_mod2 .text_gota {
   margin-bottom: 0;
}

@media (min-width: 600px) {
   [data-history-node-id="64"] {
      min-width: 466.5px;
   }

   [data-history-node-id="65"] {
      min-width: 466.5px;
   }

   [data-history-node-id="66"] {
      min-width: 466.5px;
   }
}

@media (min-width: 400px) {
   [data-history-node-id="64"] {
      min-width: 346.5px;
   }

   [data-history-node-id="65"] {
      min-width: 346.5px;
   }

   [data-history-node-id="66"] {
      min-width: 346.5px;
   }
}

@media (min-width: 600px) and (max-width: 1200px) {
   /* [data-history-node-id="3"] {
      min-width: 502.156px;
      max-width: 502.156px;
   } */

   [data-history-node-id="75"] {
      min-width: 502.156px;
      max-width: 502.156px;
   }

   [data-history-node-id="59"] {
      min-width: 502.156px;
      max-width: 502.156px;
   }

   /* [data-history-node-id="31"] {
      min-width: 502.156px;
      max-width: 502.156px;
   } */

   [data-history-node-id="32"] {
      min-width: 502.156px;
      max-width: 502.156px;
   }
}

@media (max-width: 600px) {
   [data-history-node-id="3"] {
      width: 100%;
      min-width: unset;
      max-width: 502.156px;
   }

   [data-history-node-id="75"] {
      width: 100%;
      min-width: unset;
      max-width: 502.156px;
   }

   [data-history-node-id="59"] {
      width: 100%;
      min-width: unset;
      max-width: 502.156px;
   }

   [data-history-node-id="31"] {
      width: 100%;
      min-width: unset;
      max-width: 502.156px;
   }

   [data-history-node-id="32"] {
      min-width: unset;
      max-width: 502.156px;
   }
}

.layout-areas-tematicas {
   margin-top: -40px !important;
}

.layoutespecies p {
   margin-bottom: 40px !important;
}

.layoutespecies .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
   display: unset !important;
}

.contenedor_titular_banner {
   height: unset;
}

.distribuidora-simple {
   display: flex;
   justify-content: center;
   align-items: center;
}

@media (max-width: 1200px) {
   .responsive_mas {
      display: flex;
      justify-content: center;
      align-items: center;

   }

   .wrapper-padre-h1p-img {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
   }

   .wrapper-padre-h1p {
      margin-right: 0;
      width: 100%;
   }

   .wrapper-padre-img {
      width: 80%;
      margin-top: 20px;
      margin-bottom: 40px;
   }

   [about="/areas-tematicas/forestal"] {
      min-width: unset;
      max-width: unset;
   }

   [about="/areas-tematicas/suelos"] {
      min-width: unset;
      max-width: unset;
   }

   [about="/areas-tematicas/recursos-geneticos"] {
      min-width: unset;
      max-width: unset;
   }
}

@media (max-width: 600px) {
   .wrapper-filtros {
      flex-direction: column;
      row-gap: 5px !important;
      align-items: flex-start !important;
   }
}

.body-wrapper-espacio {
   padding: 0 5%;
   overflow-x: hidden;
}



.layoutcol2 {
   flex: 0 1 100% !important;
   flex-grow: 0 !important;
   flex-shrink: 1 !important;
   flex-basis: 100% !important;
}



/*
Diseño de filtros
*/
.wrapper-fields-lista-gobernanza a {
   display: flex;
}

.wrapper-fields-lista-gobernanza a img {
   height: 40px !important;
}


/*
Espacios protegidos
*/
.asidesticky #item-1 label {
   font-weight: 600;
}

.contenedor_tag_filter {
   background-color: #f6f5f3;

   margin-left: 22px;
   max-width: 1215px;
   padding: 15px 30px;
}

.paragraph_tag_filter {
   font-weight: 500;
}

.nav-pills {
   border-bottom: 2px solid #dadada;

   width: 100%;
   max-width: 1215px;

   margin-left: 20px !important;
}

.nav-pills li {
   border-bottom: 2px solid #dadada;
}

.filtros-wrapper-seleccionar {
   display: flex !important;

   border-bottom: 1px solid rgb(212, 212, 212);
   padding-bottom: 10px;

   margin-bottom: 15px;
}

.gota-filtros {
   width: 20px;
   height: 20px;
   background-color: #83b62c;
   border-top-left-radius: 50px;
   border-top-right-radius: 50px;
   border-bottom-left-radius: 50px;
}

.espacios-h2-filtros {
   font-weight: 800;
   margin-left: 10px;
}

/*
Espacios protegidos datos
*/
#cifras_superficie_figuras {
   background-color: #dfedca;

   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;

   column-gap: 90px;
   row-gap: 20px;

   padding: 20px 20px;
}

.block-iepnb-graphs h2 {
   margin: 25px 0 !important;
   margin-left: 25px !important;
   padding: 5px 15px !important;

   font-size: 1.3rem !important;

   line-height: 1 !important;
}

.wrapper-gota {
   width: 200px;
   height: 200px;

   background-color: white;

   border-bottom-right-radius: 150px;
   border-top-right-radius: 150px;
   border-bottom-left-radius: 150px;

   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

.datos-gota-titulo {
   text-align: center;

   padding-left: 10px;
   padding-right: 20px;
}

.datos-gota-porcentaje {
   font-size: 1.5rem;
   font-weight: 500;
}

.block-iepnb-graphs {
   border: .5px solid #c1c1c1;
}

#cont-tab2 {
   max-width: 1220px;

   display: flex;
   column-gap: 50px;
}

#cont-tab2 div:nth-child(1) {
   border: 0;
}

#cont-tab2b div:nth-child(1) h2 {
   margin: 35px 0 !important;
   padding: 5px 15px !important;

   line-height: 1 !important;
}

#cont-tab2a {
   display: flex;
   flex-direction: column;

   row-gap: 50px;
}

#cont-tab2b {
   display: flex;
   flex-direction: column;

   row-gap: 50px;
}

#mapa1 {
   margin-top: 35px;
}

/*
TOOLTIP GRÁFICAS CIFRAS
*/
.tooltip-activo {
   position: relative;
   /*display: inline-block;*/
}

.contenedor_de_cifras .contenedor_interiorfull {
   position: relative;
}

.tooltip-cifras,
.tooltip-cifespecies {
   visibility: hidden;
   width: 120px;
   background-color: #f2f2f2;
   font-size: 10px;
   /*color: #fff;*/
   text-align: center;
   /*border-radius: 6px;*/
   border: 1px solid #7ae7c7;
   padding: 5px;
   position: absolute;
   z-index: 1;
   bottom: 65%;
   /* Posiciona el tooltip encima del elemento */
   left: 10%;
   /*transform: translateX(-50%);*/
   opacity: 0;
   /*transition: opacity 0.7s;*/
   transition: all ease 0.3s;
}

.tooltip-cifespecies {
   width: 175px;
   bottom: 50%;
   /* Posiciona el tooltip encima del elemento */
   left: 50%;
}

.tooltip-cifespecies span {
   font-weight: 600;
   font-size: 0.8rem;
}

.contenedor_interiorfull:hover .tooltip-cifespecies {
   visibility: visible;
   opacity: 1;
}

.tooltip-activo:hover .tooltip-cifras {
   visibility: visible;
   opacity: 1;
}

.tooltip-cifras:hover {
   transform: scale(1.1);
   transition: ease 0.3s;
}

/*
Rotura de flex basis
*/
.cajitaEidosLineas {
   flex-basis: 100% !important;
}

.intro-box-amarillo {
   flex-basis: 100% !important;
}

.cajitas-indicadores>div {
   flex-basis: 100% !important;

   max-width: 60%;
}

.cajitas-indicadores {
   max-width: 100% !important;

   display: flex;
   justify-content: center;
   align-items: center;
}

[data-history-node-id="3"]>h2>a>span {
   border-left: 8px solid #4f8400;
   padding-left: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
   font-weight: 400;
}

[data-history-node-id="3"]>h2 {
   margin-top: 0 !important;
   line-height: 1 !important;
}

[data-history-node-id="75"]>h2>span,
[data-history-node-id="205"]>h2>span,
[data-history-node-id="206"]>h2>span {
   border-left: 8px solid #4f8400;
   color: #4f8400;
   padding-left: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
   font-weight: 400;
}

[data-history-node-id="75"]>h2,
[data-history-node-id="205"]>h2,
[data-history-node-id="206"]>h2 {
   margin-top: 0 !important;
   line-height: 1 !important;
}

.wrapper-padre-espacios-protegidos {
   display: flex;

   width: 100%;
   max-width: 1215px;

   column-gap: 20px;
}

/* [data-history-node-id="3"] a {
   color: #4f8400;
} */


.subwrapper-espacios-protegidos-dos img {
   width: 325px;
   height: auto;
}

[data-history-node-id="3"] {
   max-width: 1215px;
   width: 100%;
}

[data-history-node-id="75"] {
   max-width: 1215px;
   width: 100%;
}

[data-history-node-id="3"]>div>div>h2 {
   margin-bottom: 25px !important;
   line-height: 1 !important;

   border-left: 8px solid #83b62c;
   padding-left: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
   font-weight: 400;
}

[data-history-node-id="75"]>div>div>h2 {
   margin-bottom: 25px !important;
   line-height: 1 !important;

   border-left: 8px solid #83b62c;
   padding-left: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
   font-weight: 400;
}

.chart-iepnb {
   padding: 0 50px;
}

/*
Indicadores
*/
[data-history-node-id="20"] .cabecera-simple .layout--twocol-section {
   display: block;
}

/*Indicadores rojo*/
.parrafo_indicadores_rojo {
   font-size: 0.9rem;
   max-width: 850px;
}

.wrapper_indicadores_rojo {
   display: flex;
   justify-content: center;
   align-items: flex-start;

   flex-direction: column;

   margin: 0;
   padding: 0;
}

.wrapper_indicadores_rojo .wp-block-column {
   align-self: center;
}

/*Indicadores verde*/
.wrapper_indicadores_verde {
   display: flex;
   justify-content: center;
   align-items: center;
}

.wrapper_verde_p {
   flex-grow: 0.5;
}

.wrapper_indicadores_verde p {
   max-width: 300px;

   font-size: 0.9rem;
}

/*Indicadores amarillo*/
.wrapper_indicadores_amarillo {
   display: flex;
   justify-content: center;
   align-items: center;
}

.wrapper_indicadores_amarillo p {
   margin-top: -50px;
   max-width: 300px;
}

.wrapper_amarillo_p {
   flex-grow: 0.5;
}

/*Indicadores azul*/
.wrapper_indicadores_azul {
   display: flex;
   justify-content: center;
   align-items: center;

   flex-direction: column;

   margin: 0;
   padding: 0;
}

/*
Responsive de indicadores
*/
@media (max-width: 991px) {
   .parrafo_indicadores_rojo {
      font-size: 1rem;
      max-width: unset;
      margin-left: -15px;
   }

   .wrapper_indicadores_verde p {
      font-size: 1rem;
      max-width: unset;
      margin-left: -15px;
   }

   .wrapper_indicadores_amarillo p {
      font-size: 1rem;
      max-width: unset;
      margin-left: -15px;
   }

   .wrapper_indicadores_azul p {
      margin-left: -15px;
   }
}

/*
Nuevo contenido
*/
/*
Plantillas de ingesta de datos
*/
/*
[data-history-node-id="204"] .forma_1pico{
   border: 0.5em solid #83b62c;
}
[data-history-node-id="204"] .contenedor_titular_banner{
   border-left-color: #83b62c !important;
}
*/

/*
Footer
*/
/* footer {
   padding-left: 4rem;
   padding-right: 4rem;
} */

.block-block-contentf2fd1ccd-ef20-4fc2-b9ac-249d80908bcb h2 {
   display: none;
}

.block-block-contentf2fd1ccd-ef20-4fc2-b9ac-249d80908bcb img {
   width: 10rem;
   height: auto;
   margin: 0 10px;
}

.menu-icon-8::before {
   content: "";
   display: inline-block;

   background-color: #83B62C;
   width: 5px;
   height: 5px;
   border-radius: 100px;

   position: absolute;
   margin-top: 17px;
   margin-left: -3px;
}

.menu-icon-9::before {
   content: "";
   display: inline-block;

   background-color: #83B62C;
   width: 5px;
   height: 5px;
   border-radius: 100px;

   position: absolute;
   margin-top: 17px;
   margin-left: -3px;
}

.menu-icon-10::before {
   content: "";
   display: inline-block;

   background-color: #83B62C;
   width: 5px;
   height: 5px;
   border-radius: 100px;

   position: absolute;
   margin-top: 17px;
   margin-left: -3px;
}

.menu-icon-11::before {
   content: "";
   display: inline-block;

   background-color: #83B62C;
   width: 5px;
   height: 5px;
   border-radius: 100px;

   position: absolute;
   margin-top: 17px;
   margin-left: -3px;
}

/*
Fix landing slider
*/
.container-fluid.p-5.slider__wrapper {
   margin-left: unset !important;
}

/*
Sticky Normativa de referencia
*/
.col-class-normativa {
   position: sticky;
   top: 100px;

   height: fit-content;
}

/*
Página Interior Simple
*/
[data-history-node-id="21"] .layout--twocol-section {
   display: initial;
}

.informes-img-custom-class {
   display: flex;
   justify-content: center;
}

/*
Arreglo cajitas azules
*/
.cajita_azul .wp-block-column {
   flex-grow: unset;
   flex-basis: unset;
}

/*
Humedales
*/
/* [data-history-node-id="70"] .block-field-blocknodepagina-interior-simplebody {
   border-left: 0.5px solid #e5e5e5;
} */

/*
Listas controladas
*/
/* [data-history-node-id="63"] .block-field-blocknodepagina-interior-simplebody {
   border-right: 0.5px solid #e5e5e5;
} */

/*
Sidebar enlaces de interés
*/
.enlace-interes-sidebar {
   font-size: 1em;
   font-weight: 600;
   line-height: 2.25em;
   margin-top: 1.25em;
   display: block;
   margin-block-start: 0.83em;
   margin-block-end: 0.83em;
   margin-inline-start: 0;
   margin-inline-end: 0;
}

.pagina-espacios h4.enlace-interes-sidebar {
   font-size: 1rem;
}

/* .block--type-basic.block.block--basic.block-block-content.block-block-contentec1a5c3c-ca0b-4fcc-a0c4-70bf5a4b1bbd,
.block--type-basic.block.block--basic.block-block-content.block-block-contentbfd540c6-a80e-4654-9b31-1d4400b3f3b5,
.block-block-content22347a89-76b4-4f33-aab8-033912042a2e {
   padding-top: 2rem;
   margin-left: 2%;
} */

.pagina-espacios .block--type-basic.block.block--basic.block-block-content.block-block-content451748cc-7bbc-4c20-acee-7f26d117633c {
   margin-top: 0.5rem;
   /* margin-left: 3rem; */
}

.block--type-basic.block.block--basic.block-block-content.block-block-contentbfd540c6-a80e-4654-9b31-1d4400b3f3b5 p,
.block-block-content22347a89-76b4-4f33-aab8-033912042a2e p {
   font-size: .9rem;
}

/*
Páginas individuales espacios protegidos
*/
.wrapper-bola-azul-desc {
   display: flex;
   justify-content: center;
   align-items: center;

   flex-direction: row;
   column-gap: 20px;

   width: fit-content;
}

.bola-azul {
   background-color: #40a9da;
   border-radius: 100px 100px 0 100px;

   width: 25px;
   height: 25px;
}

.wrapper-bola-azul-desc h2 {
   font-size: 1.5rem;
   font-weight: 400;
}

.wrapper-padre-h1p p {
   margin-top: 0px;
}

p.texto-descripcion {
 /*  text-align: justify; */
}

div.texto-normativa {
   text-align: justify;
}

div#desespecie p {
   text-align: justify;
}

.wrapper-padre-h1p {
   width: 65%;
   margin-right: 75px;
}

.wrapper-padre-img {
   width: 35%;
}

.wrapper-bola-azul-tag {
   display: flex;
   justify-content: flex-start;
   align-items: center;

   column-gap: 10px;

   width: fit-content;
}

.bola-azul-tag {
   background-color: #40a9da;
   border-radius: 100px 100px 0 100px;

   min-width: 20px;
   min-height: 20px;
}

.wrapper-tags {
   margin-top: 15px;

   display: flex;
   justify-content: flex-start;
   align-items: center;

   column-gap: 30px;

   width: fit-content;

   font-size: 0.9rem;
   font-weight: bold;
}

.tag-espacio-protegido span {
   font-weight: 400;
}

#tag-espacio-protegido {
   border-left: 5px solid #83b62d;
   padding-left: 5px;
   line-height: 1.25;
}

.lista-comunidades {
   padding: 6px;
   background-color: #f0f0f0;
   color: #4C7A07;
   border-radius: 3px;
   font-size: 14px;
}

.wrapper-filtros {
   margin-top: 25px;
}

.wrapper-filtros span {
   font-weight: 700;
}

.codigo-europeo-tag-span {
   font-weight: 400;
}

/*espacios EIDOS*/
/*.gota-eidos-en {
   background-color: #f6a54c;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
}

.gota-eidos-cr {
   background-color: rgb(253, 48, 48);
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: white;
   padding: 5px;
}*/

/*ficha especie EIDOS*/
.eidos-especie {
   width: 100%;
   margin-right: 0;
}

.wrapper-grupo h3,
.wrapper-taxonomias-nombrescomunes h3,
#comunes h3:before,
.btn-ficha-wrapper h3,
.h3-estadoconservacion,
.h2-desespecie {
   font-size: 1.25rem !important;
   display: flex;
}

.wrapper-grupo h3:before,
.wrapper-taxonomias-nombrescomunes h3:before,
#comunes h3:before,
.btn-ficha-wrapper h3:before,
.h3-estadoconservacion:before,
.h2-desespecie:before {
   content: "";
   display: inline-block;
   margin-right: 7.5px;

   background-color: #40a9da;
   border-radius: 100px 100px 0 100px;

   min-width: 21px;
   min-height: 21px;

   max-width: 21px;
   max-height: 21px;
}

.btn-ficha-wrapper {
   width: auto;
   height: auto;

   margin: 15px 0;

   display: flex;
   align-items: center;
   column-gap: 15px;
}

/*.eidos-especie #btn-pdf {
   width: auto;
   color: #000;
   text-transform: uppercase;
   background-color: rgba(0, 0, 0, 0);
   border: 2px solid #83b62c;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px;
   align-self: auto;
   margin: 10px;
   font-family: Raleway, sans-serif;
   font-size: .9em;
   font-weight: 600;
   line-height: 1.5em;
   display: inline-block;
   overflow: visible;
}

.eidos-especie #btn-pdf:hover {
   border: 0;

   background: #4F8400;
   color: #f0f0f0;

   font-weight: 700;
}*/

/* OCULTAR BOTÓN DESCARGAR CARTOGRAFÍA */
.seccion_ancho_completo #btn-carto {
   visibility: hidden;
}

.eidos-especie .btn_ficha,
.seccion_ancho_completo .btn_ficha,
.seccion_ancho_completo .btn_ficha_volver {
   width: auto;
   color: #000;
   text-transform: uppercase;
   background-color: rgba(0, 0, 0, 0);
   border: 2px solid #83b62c;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px;
   align-self: auto;
   margin: 10px;
   font-family: Raleway, sans-serif;
   font-size: .9em;
   font-weight: 600;
   line-height: 1.5em;
   display: inline-block;
   overflow: visible;
}

.seccion_ancho_completo .btn_ficha_volver {
   border: 2px solid #fed331;
}

.eidos-especie .btn_ficha:hover,
.seccion_ancho_completo .btn_ficha:hover {
   border: 2px solid #4F8400;
   background: #4F8400;
   color: #f0f0f0;
   font-weight: 700;
}

.seccion_ancho_completo .btn_ficha_volver:hover {
   border: 2px solid #fed331;
   background: #fed331;
   color: #000;
   font-weight: 700;
}

.wrapper-taxonomias-nombrescomunes {
   display: flex;
   column-gap: 10%;
}

.wrapper-taxonomias-nombrescomunes h2
{
   font-size: 1.313rem;
   color: #4f8400;
   font-weight: 600;
   margin: 0;
}

div#desespecie h2 {
   font-size: 1.313rem;
   font-weight: 600;
   margin: 0;
}

.bold {
   font-weight: 700;
}

#inf_taxonomica h3 {
   font-size: 1rem;
   margin: 0;
}

#inf_taxonomica ul {
   padding-left: 1rem;
   margin-top: 0.75rem;
   list-style: none;
}

.wrapper-nombres-comunes h3 {
   font-size: 1rem;
}

.mapa-wrapper {
   width: 100%;
   padding: 1%;
   background-color: #eff6e6;

   display: flex;
   column-gap: 1%;
}

.mapa-wrapper #imagenx {
   width: 49.5%;
   height: 100%;
   background-color: green;
}

.mapa-wrapper #mapa {
   width: 49.5%;
}

#desespecie {
   margin: 20px 0;
}

div#desespecie p {
   text-align: justify;
}

.wrapper-tags-especie-eidos {
   display: flex;
   column-gap: 20px;
}

.wrapper-taxonomias-nombrescomunes {
   margin: 20px 0;

   display: flex;
   flex-direction: row;
   justify-content: space-between;

   row-gap: 20px;
}

.flex-taxonomias {
   display: flex;

   flex-direction: column;
   row-gap: 20px;
}

/*especies-silvestres-tabs*/
.eidos-especie #tabs-nav,
.espacio-ficha #tabs-nav,
.cas-aplicaciones #tabs-nav {
   display: flex;
   column-gap: 25px;
   list-style-type: none;

   width: 100%;
   border-bottom: 2px solid #c1c1c1;

   padding-left: 5%;
   margin-top: 100px;
   margin-bottom: 25px;
}

.eidos-especie #tabs-nav li,
.espacio-ficha #tabs-nav li,
.cas-aplicaciones #tabs-nav li  {
   border: 2px solid #c1c1c1;
   border-radius: 0 10px 0 0;
   border-bottom: 0;

   padding: 3px 20px;

   font-size: 0.8rem;
   letter-spacing: 0.15rem;
   text-transform: uppercase;

   color: #c1c1c1;
}

.eidos-especie #tabs-nav li>a,
.espacio-ficha #tabs-nav li>a,
.cas-aplicaciones #tabs-nav li>a
{
   color: black;
}

.eidos-especie #tabs-nav li.active,
.espacio-ficha #tabs-nav li.active,
.cas-aplicaciones #tabs-nav li.active
 {
   background: #c1c1c1;
   font-weight: 800;
}

/*especies-silvestres-tablas*/
.eidos-especie table,
.eidos-especie table tr,
.eidos-especie table th,
.eidos-especie table td {
   border: unset;
}

.espacio-ficha table,
.espacio-ficha table tr,
.espacio-ficha table th,
.espacio-ficha table td {
   border: unset;
}

.eidos-especie table th,
.espacio-ficha table th {
   background-color: #fed231;
   border-radius: 5px;
   border: 2px solid white;
   min-width: 75px;
}

.eidos-especie table tbody tr,
.espacio-ficha table tbody tr {
   border-bottom: 2px solid #fed231;
}

.wrapper-datasets ul {
   list-style: none;
}

.wrapper-datasets {
   border-bottom: 2px solid #fed231;
}
.path-nuestros-datos .wrapper-datasets {
   border-bottom: unset;
}

.body-wrapper-espacio #tabs {
   margin-bottom: 50px;
}

/*correciones-especies-inicio*/
.wrapper-flex-especies {
   display: flex;
   column-gap: 25px;
}

.wrapper-flex-info {
   display: block;
   width: 100%;
}

/*.wrapper-flex-fotomapa {
   display: flex;
   flex-direction: column;
   row-gap: 25px;

   width: 65%;
}*/

/* IMAGEN DE ESPECIES  */
/* #especie-img.img-fluid {
   max-height: 300px;
   align-items: end;
} */

.actualiza-especies {
   margin: 2rem 0;
}

.actualiza-especies .wrapper-flex-espfotomapa img {
   /* width: 35rem; */
   height: 18.8rem;
   object-fit: fill;
}

/* button.slick-autoplay-toggle-button{
   margin-bottom: 3rem;
   margin-left: 0.5rem;
} */

div#imagenx {
   text-align: right;
}

.wrapper-flex-fotomapa {
   display: grid;
   flex-direction: column;
   width: 65%;
   grid-template-columns: 1fr 1fr;
   grid-auto-rows: auto;
   grid-column-gap: 10px;
}

.wrapper-flex-fotomapa #imagenx {
   width: 100%;
   height: auto;
}

div#mapa {
   color: white;
}

.eidos-especie {
   display: block;
}

.h3-estadoconservacion-aux {
   font-size: 1rem;
   display: flex;
}

#norma pre {
   display: none;
}

/* Diseño para pantallas medianas (tablet) */
@media (max-width: 992px) {
   /* .actualiza-especies button.slick-autoplay-toggle-button {
      margin-bottom: 5rem;
      margin-left: 0.5rem;
   } */

   .actualiza-especies #mapa {
      margin-bottom: 2rem;
   }

   .actualiza-especies #inf_taxonomica ul li {
      font-size: 1.2rem;
   }

   .actualiza-especies .slick-next .slick-next-icon:before {
      margin-left: -5rem;
   }

}

/* Diseño para pantallas grandes (desktop) */
@media (min-width: 993px) {
   .actualiza-especies button.slick-autoplay-toggle-button {
      margin-bottom: 3rem;
      margin-left: 0.5rem;
   }

   .actualiza-especies .slick-next .slick-next-icon:before {
      margin-left: -3rem;
   }
}

/*Manejo de colores conservacion EIDOS*/
.estadoNE,
.estadoLC,
.estadoCR,
.estadoEN,
.estadoVU,
.estadoNT,
.estadoNA,
.estadoFV,
.estadoDD,
.estadoEX,
.estadoU1,
.estadoRE,
.estadoEW,
.estadoCAT,
.estadoXX,
.estadoU2 {
   border-radius: 0 50% 50% 50%;

   font-size: 2rem;
   font-weight: 500 !important;
   padding: 7.5px 15px;
}

.estadoLC {
   /*background-color: #83b62c;*/
   background-color: #7bbd52;
   
}

.gota-eidos-lc {
   /*background-color: #83b62c;*/
   background-color: #7bbd52;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
}

.estadoXX {
   background-color: #B4B4B4;
}

.gota-eidos-xx {
   background-color: #B4B4B4;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
}

.estadoNE {
   /*background-color: #e677e0;*/
   background-color: #ffffff;
}

.gota-eidos-ne {
   /*background-color: #e677e0;*/
   background-color: #ffffff;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
   border: 1px solid black;
}

.estadoCR {
   /*background-color: #f36a6a;*/
   background-color: #ef0029;
}

.gota-eidos-cr {
   /*background-color: #f36a6a;*/
   background-color: #ef0029;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
}

.estadoEN {
   /*background-color: #e9982f;*/
   background-color: #ffa552;
   
}

.gota-eidos-en {
   /*background-color: #e9982f;*/
   background-color: #ffa552;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
}



.estadoNT {
   /*background-color: #4be4ff;*/
   background-color: #e7e721;
   
}

.gota-eidos-nt {
   /*background-color: #4be4ff;*/
   background-color: #e7e721;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
}

.estadoDD {
   background-color: #e7efe7;
   
}

.gota-eidos-dd {
   background-color: #e7efe7;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
}

.estadoNA {
   background-color: #ded6ce;   
}
.gota-eidos-na {
   background-color: #ded6ce;  
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
}

.estadoFV {
   background-color: #9ACA3B;
}

.estadoVU {
   /*background-color: #cc4bff;*/
   background-color: #fff700;
   
}

.gota-eidos-vu {
   /*background-color: #cc4bff;*/
   background-color: #fff700;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
}

.estadoEX,
.estadoCAT {
   background-color: #000000;
   color: white;
}

.gota-eidos-ex,
.gota-eidos-cat {
   background-color: #000000;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: white;
   padding: 5px;
}

.estadoRE{
   background-color: #a55a9c;
   color: white;
}

.gota-eidos-re {
   background-color:#a55a9c;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: white;
   padding: 5px;
}

.estadoEW{
   background-color: #5a004a;
   color: white;
}

.gota-eidos-ew {
   background-color: #5a004a;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: white;
   padding: 5px;
}

.gota-eidos-u1 {
   background-color: #E69800;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
}

.estadoU1 {
   background-color: #E69800;
}

.gota-eidos-u2 {
   background-color: #EB6847;
   border-radius: 0px 100px 100px 100px;

   min-width: 20px;
   min-height: 20px;

   color: black;
   padding: 5px;
}

.estadoU2 {
   background-color: #EB6847;
}

.wrapper-conservacion {
   margin-top: 25px;
}

.wrapper-conservacion-estadoh3,
.wrapper-conservacion {
   display: flex;
   /*display:grid;*/
   align-items: center;
   justify-content: left;
   column-gap: 15px;
   /*grid-template-columns: 1fr 1fr 1fr*/
   ;
}

.wrapper-nombres-comunes {
   margin-top: 0.75rem;
}

#comunes h4 {
   font-size: 1rem;
}

#comunes {
   margin-right: 20%;
}

#sinonimos {
   margin-top: 25px;
}

#sinonimos h2 {
   border-left: 5px solid rgb(255, 217, 0);
   line-height: 1.25;

   font-size: 1rem;
   font-weight: 700;
   padding-left: 5px;

   color: black;
}



.wrapper-ambito-origen {
   display: flex;
   column-gap: 15px;
   justify-content: space-between;
}

.wrapper-ambito-origen h2 {
   font-size: 0.85rem;
   letter-spacing: 0.05rem;
   font-weight: 900;
   width: fit-content;
   border-radius: 5px;
   padding: 0px 5px;
   background-color: #f0f0f0;
   color: #58772b;
   text-transform: uppercase;
}

.wrapper-ambito-origen span {
   font-size: 1rem;
}

.wrapper-origen {
   display: flex;
   column-gap: 15px;
}

.regular {
   font-size: 0.85rem !important;
   font-weight: 900 !important;
}

.eidos-especie .wrapper-h1 {
   margin-top: 0;
}

.wrapper-filtros,
.eidos-especie .wrapper-padre-h1p {
   min-width: 100%;
}


/*ficha espacios protegidos*/
@media (max-width: 1200px) {
   .ficha-espacios .wrapper-filtros {
      justify-content: center !important;
   }

   .ficha-espacios .wrapper-padre-h1p {
      margin-right: unset;
   }
}

.ficha-espacios .wrapper-auxiliar {
   max-width: 1715px;
   margin-bottom: 50px;
}

.ficha-espacios .wrapper-padre-img {
   display: flex;
   row-gap: 15px;
   flex-direction: column;
}

.ficha-espacios .wrapper-padre-img img {
   /*object-fit: scale-down;*/
   max-height: 400px;
   height: auto;
   width: 100%;
}

.ficha-espacios .lista-comunidades {
   font-weight: 900;
   text-transform: uppercase;
   letter-spacing: 0.05rem;
   font-size: 0.85rem;
   padding: 2px 5px;
}

.ficha-espacios .wrapper-auxiliar {
   min-width: 100%;
}

/*listas controladas*/
.tabla-listas table {
   min-width: 100%;
}

.tabla-listas table thead tr th:nth-child(2) {
   width: 75%;
}

span.subtitulo {
   font-size: 1.4rem;
   margin-top: 0.3rem;
}

/*tabla ficha espacios protegidos*/
/*especies-silvestres-tablas*/
.ficha-espacios table {
   margin-top: 35px;
}

.ficha-espacios table,
.ficha-espacios table tr,
.ficha-espacios table th,
.ficha-espacios table td {
   border: unset;
}

.ficha-espacios table th {
   background-color: #fed231;
   border-radius: 5px;

   border: 2px solid white;
}

.ficha-espacios table tbody tr {
   border-bottom: 2px solid #fed231;
}

.ficha-espacios .wrapper-datasets ul {
   list-style: none;
}

.ficha-espacios .wrapper-datasets {
   border-bottom: 2px solid #fed231;
}

.ficha-espacios .body-wrapper-espacio #tabs {
   margin-bottom: 50px;
}

/*corecciones varias responsive*/
[data-history-node-id="16"] figure.alignright {
   margin: 0;
}

.boton-gobernanza {
   margin-left: 0 !important;
}

@media screen and (max-width: 992px) {
   .col-class-normativa {
      position: static;
   }
}

.entidades-colaboradoras-flex {
   margin-top: 1.75rem;
}

/*footer responsive*/
@media screen and (max-width: 1388px) {
   footer .container>div {
      flex-direction: column !important;
      /* row-gap: 20px; */
   }
}

@media screen and (max-width: 787px) {
   footer .nav li:nth-child(1)::before {
      content: "";
      display: inline-block;

      background-color: #83B62C;
      width: 5px;
      height: 5px;
      border-radius: 100px;

      position: absolute;
      margin-top: 17px;
      margin-left: -3px;
   }
   .actualiza-especies .wrapper-flex-espfotomapa img {
      width: 100%;
      height: auto;
      object-fit: fill;
  }

   footer .container>div>div:nth-child(1) .nav,
   footer .container>div>div:nth-child(2) p {
      display: flex !important;
      justify-content: center;
      align-items: center;
      /* flex-direction: column !important; */
      /* row-gap: 20px !important; */
   }

      .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p {
          flex-direction: column;
      }
}

/*Eidos tabla*/
div.categoriaconservacion ul {
   list-style: none;
   display: flex;
   flex-direction: column;
   row-gap: 10px;
   padding-left:0;
}


/* etiqueta invasora en la ficha de especies */
p.marca-especie {
   background: #ea5757;
   color: #000000;
   padding: 0.5rem 0.5rem;
   border-radius: 5px;
   text-transform: uppercase;
   margin-top: 0.5rem;
   /*margin-left: 0.5rem;*/
   margin-bottom: 0;
   margin-right: 0;
   font-size: 1rem;
   font-weight: 700;
   line-height: 1em;
   width: 7rem;
}

/* etiqueta invasora en el listado de  */
h3 p.marca-especie {
   font-size: 1em;
}

h2.grupo-origen div {
   display: inline-block;
}

div.grupo-marca {
   margin-left: 0.5rem;
}

.boton_linea_verde {
   width: auto;
   color: #000;
   text-transform: uppercase;
   background-color: rgba(0, 0, 0, 0);
   border: 2px solid #83b62c;
   border-top-right-radius: 15px;
   border-bottom-right-radius: 15px;
   border-bottom-left-radius: 15px;
   align-self: auto;
   margin: 10px;
   font-family: Raleway, sans-serif;
   font-size: .9em;
   font-weight: 600;
   line-height: 1.5em;
   display: inline-block;
   overflow: visible;
}

.btn-ficha-wrapper img {
   height: 40px;
}

div#nomcomunes {
   max-width: 500px;
}

ul.wrapper-sinonimo {
   list-style: none;
}

/* SELECTOR DE IDIIOMA*/

div.language-switcher-language-url {
   border: solid 1px #ccc;
   padding: 0.4rem;
}

span.language-switch__label {
   color: #575757;
}

/* PÁGINA EN CONSTRUCCIÓN */
.seccion_ancho_completo.seccion-en-construccion {
   align-items: center;
}

.seccion-en-construccion {
   flex-direction: column;
   align-items: flex-start;
   margin-bottom: 40px;
   margin-left: 5%;
   margin-right: 5%;
   display: flex;
}

.enconstruccion {
   min-width: 350px;
   border: 5px solid #fcd330;
   border-radius: 10px;
   flex-direction: column;
   padding: 40px;
   display: flex;
   justify-content: flex-start;
}

.pagconstruccion {
   justify-content: center;
   display: flex;
}

.enconstruccion p {
   text-align: center;
   font-size: 2em;
   margin-top: 20px;
}

/* FORMULARIO DE CONTACTO */

/* form#contact-message-feedback-form {
   padding: 1rem 0.5rem 0 1.5rem;
} */

.campo-recursos {
   text-align: right;
   /*margin-right: 3rem;*/
}

.contacto__organizacion,
.contacto__tematica,
.contacto__mombre,
.contacto__correo {
   padding: 1rem 0;
}

.contacto__organizacion .js-form-item-field-organizacion-contacto {
   width: 100%;
   font-weight: bold;
}

.contacto__tematica .js-form-item-field-tematica-contacto {
   width: 100%;
   font-weight: bold;
}

select#edit-field-tematica-contacto {
   background-color: #f3f3f3;
}

select#edit-field-organizacion-contacto {
   background-color: #f3f3f3;
}

.campo-recursos .tit__recursos {
   font-weight: bold;
   font-size: large;
   margin-right: 1rem;
}

.js-form-item.form-item.js-form-type-textarea.form-item-message-0-value.js-form-item-message-0-value.form-group.d-inline-block {
   width: 100%;
}

.contacto__mombre label,
.contacto__correo label,
.contacto__message label,
.contacto__tematica label,
.contacto__organizacion label {
   font-size: large;
   font-weight: bold;
}

/* CONTACTO MIGAS DE PAN */

.breadcrumbs__contacto .block-system-breadcrumb-block nav {
   margin-left: 0;
   padding: 0;
}

/* DESCRIPCIÓN TABLA ESPECIES */
td.views-field.views-field-nothing-1 ul {
   list-style: none;
}

/*tmp*/
.menu__hamburguer:focus-within {
   outline: auto;
}

.menu__hamburguer .line {
   width: 25px;
   height: 3px;

   background-color: #83b62c;

   display: block;
   margin: 4px auto;

   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.menu__hamburguer:hover {
   cursor: pointer;
}

@media (max-width: 991px) {
   .block-tb-megamenu .tb-megamenu {
      max-width: 50%;
   }

   .tb-megamenu .nav,
   .tb-megamenu .tb-block ul,
   .tb-megamenu .tb-block .nav {
      flex-direction: column;
      align-items: start;
   }

   .tb-megamenu .nav>li {
      /* padding: 0 2rem; */
      width: 100%;
   }
}

/*estilos del menú*/

.header .nav-bottom .menu__hamburguer {
   -webkit-appearance: button;
   color: #dae9bf;
   background-color: #dae9bf;
   align-items: flex-start;
   display: block;
   top: 0%;
   border: 0;
   padding: 1.2rem;
}

.tb-megamenu .dropdown-menu li>a,
.tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link {
   border-top: none;
}

/* BUSCADOR GENERAL */
.buscador-titulo {
   font-family: 'Raleway';
   color: #000000;
   padding: 0 5%
}
.buscador-titulo h1 {
   padding: 0;
}

div#block-views-block-buscador-block-1 .linea-titulo {
   margin-left: 0%;
}


.buscador-general #edit-actions input{
   top: 8px;
   left: 0.5rem;
}


div#block-views-block-buscador-block-1 {
   margin: 0;
}

/*
.block-views-blockbuscador-block-1 .buscador-general {
   margin: 0 100rem;
}
*/
.view-header .buscador-coincidencia span {
   font-weight: 800;
   font-size: 1.5rem;
}

h3.field-content.titular-noticias {
   font-family: 'Raleway';
   color: #4F8400;
}


/* especies tabla vista */
h3 span.marca-especie {
   font-size: 1em;
}

span.marca-especie {
   background: #ea5757;
   color: #000000;
   padding: 0.2rem 0.2rem;
   border-radius: 5px;
   text-transform: uppercase;
   margin-left: 0.5rem;
   margin-bottom: 0;
   margin-right: 0;
   font-size: 2em;
   font-weight: 700;
   line-height: 1em;
}

/*Agregado para las páginas básicas*/
.page--basic .block-facets-ajax input[type="checkbox"]{
   display: inline-flex;
   appearance: auto;
}
.page--basic .block-facets-ajax input[type="checkbox"]:checked {
   appearance: none;
}
.page--basic .block-facets-ajax label{
   padding-left: 5px;
}
.node-349 .page--basic .block-facets-ajax label{
   display: inline;
}

.page--basic .list-unstyled{
   padding-left: 1rem;
}
.page--basic .facet-item:hover{
   color: unset;
}
.page--basic .block-facets-ajax input[type="checkbox"]:hover,
.page--basic .block-facets-ajax label:hover{
   cursor: pointer;
}

/*Agregado para detalles de colores en columnas de las gráficas*/
.page--basic .highcharts-container .highcharts-color-0,
.page--basic .highcharts-container .highcharts-color-1,
.page--basic .highcharts-container .highcharts-color-2,
.page--basic .highcharts-container .highcharts-color-3,
.page--basic .highcharts-container .highcharts-color-4,
.page--basic .highcharts-container .highcharts-color-5{
   fill: revert-layer;
}

#forest-area-region{
   min-height: 600px;
}

#forest-area-province{
   min-height: 780px;
}

.node-364 #graf4{
   min-height: 780px;
}

/* tabla descargas */
table.listas-descargas thead th {
   text-align: center;
   vertical-align: middle;
}

td.views-field.views-field-field-formato li:has(a) {
   list-style-type: disc;
} 

td.views-field.views-field-field-formato li {
   list-style-type: none;
}

/* Tabla listas controladas */

table.listas-controladas, table.listas-descargas {
   width: 100%;
   margin:2rem 0;
}
table.listas-controladas thead tr th, table.listas-descargas thead tr th {
   background-color: #83B62C;
   text-align: center;
   font-family: "Open Sans", sans-serif;
}

table.listas-controladas .items-principal th,  table.listas-descargas .items-principal th{
   border-right: 1px solid white;
} 
table.listas-controladas .items-principal th,  table.listas-descargas .items-principal th{
   padding: 0.2rem;
}
table.listas-controladas .items-secundario th,  table.listas-descargas .items-secundario th{
   padding: 0.5rem;
}

table.listas-controladas .items-principal th:nth-child(1), table.listas-descargas .items-principal th:nth-child(1) {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
}
table.listas-controladas .items-principal th:nth-child(3), table.listas-descargas .items-principal th:nth-child(4) {
   border-top-right-radius: 10px;
   border-collapse: collapse;   
}

table.listas-controladas .items-secundario th:nth-child(4){
   border-bottom-right-radius: 10px;
   padding-right: 0.2rem;
}

table.listas-controladas .items-secundario th:nth-child(-n+3) {
   position: relative;
}
table.listas-controladas .items-secundario th:nth-child(-n+3)::after {
   content: "";
   position: absolute;
   top: 10%; 
   bottom: 10%; 
   right: 0;
   width: 1px;
   background-color: white;
}

table.listas-controladas tbody tr {
   border-collapse: collapse;
   border-bottom: 0.1rem solid #83B62C;
}

table.listas-controladas tbody tr td {
   font-family: "Open Sans", sans-serif;
}
table.listas-controladas tbody tr td:nth-child(2) {
   padding-left: 0.5rem;
}
table.listas-controladas tbody tr td:nth-child(1){
   padding-left: 1rem;
}
table.listas-controladas tbody tr td:nth-child(n+3){
   text-align: center; 
   vertical-align: middle; 
}
table.listas-controladas tbody tr td:nth-child(-n+5) {
   position: relative;
}

table.listas-controladas tbody tr td:nth-child(n+2):nth-child(-n+5)::after {
   content: "";
   position: absolute;
   top: 10%; 
   bottom: 10%; 
   right: 0;
   width: 1px;
   background-color: #83B62C;
}


table.listas-controladas tbody tr a.d-excel {
   display: inline-block; 
}
table.listas-controladas tbody tr a.d-excel.descarga-excel.wrapper-enlace-general {
   margin: 1rem;
}

table.listas-controladas tbody tr a.d-excel.descarga-excel.wrapper-enlace-general {
   transition: background-color 0.5s ease;
}

table.listas-controladas tbody tr a.d-excel.descarga-excel.wrapper-enlace-general:hover {
   background-color: rgba(224, 224, 223, 0.8);
   color: white;
}
table.listas-controladas tbody tr a.d-excel:before {
   margin: 0;
}

/* botón de descarga */
button.d-excel{
   display:inline;
  
}
button.d-excel.descarga-excel.wrapper-enlace-general {
   border: 0;
   height: 3.5rem;
}

button.d-excel.descarga-excel {
   width: 100px; /* Define un ancho para el botón (ajusta según necesites) */
   font-size: 0;
   height: 100px;
   background: white;
}

.form-listascontroladas button.d-excel::before {
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(/themes/custom/iepnb/build/img/ico_desc.svg);
   background-repeat: no-repeat;
   margin-bottom: -5px;
   display: inline-block;
   content: "";
   margin-right: 1rem;
}

.form-listascontroladas button.d-excel:disabled::before {    
   width: 1.5rem;
   height: 1.5rem;
   background-size: contain;
   background-image: url(/themes/custom/iepnb/build/img/ico_desc_down.svg);
   background-repeat: no-repeat;
   margin-bottom: -5px;
   display: inline-block;
   content: "";
   margin-right: 1rem;
}

.container.no-taxon {
   padding-top: 2rem;
}
span.no-taxon-text {
   padding: 2rem 0 0 2rem;
}