.entry-content .heading {
    margin-bottom: 0.5em;
    margin-top:1em;
    line-height:30px;
  }

.entry-content {
    float: left;
    width: 39%;
    margin-bottom: 40px;
}

.info {
    float: left;
    width: 50%;
    margin-left: 20px;
    margin-right: 3%;
    font-size: 11px;
    margin-top: 1em;
    border: 2px solid #eee;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
}



/* PUNTUACIÓN */


.ec-stars-wrapper {
    /* Espacio entre los inline-block (los hijos, los `a`) 
       http://ksesocss.blogspot.com/2012/03/display-inline-block-y-sus-empeno-en.html */
    font-size: 0;
    /* Podríamos quitarlo, 
      pero de esta manera (siempre que no le demos padding), 
      sólo aplicará la regla .ec-stars-wrapper:hover a cuando
      también se esté haciendo hover a alguna estrella */
    display: inline-block;
    position:relative;
  }
  .ec-stars-wrapper a {
    text-decoration: none;
    display: inline-block;
    /* Volver a dar tamaño al texto */
    font-size: 32px;
    font-size: 2rem;
    color: #888;
  }
  
  .fix_star{
    font-size:15px !important;
  }
  
  .txt_scores{
    font-size:10px;
    font-weight:bold;
  }
  
  .txt_nrates{
    font-size:10px;
  }
  
  .ec-stars-wrapper:hover a {
    color: rgb(39, 130, 228);
  }
  
  .blue_star{
     color: rgb(235, 169, 62) !important;
  }
  /*
   * El selector de hijo, es necesario para aumentar la especifidad
   */
  .ec-stars-wrapper > a:hover ~ a {
    color: #888;
  }
  
  .ec-stars-overlay {
      position: absolute;
      height: 100%;
      right: -2px;
      top: 0;
      background-color: transparent;
     /* background-color: rgba(248,245,242,.5);*/
      zoom: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF)";
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
  }

  .type_anim_ficha{
    color:rgb(122,128,105)
  }

  .ecfya-path-anim, .ecfya-path-anim:hover{
    color:#000;
  }

  /* GALERÍA DE IMÁGENES PIRNCIPAL DE FICHA DE ANIMAL */

  .gal_ficha{
    width:98%;
    float:left;
    height:auto;
    margin-left:20px;
    margin-top:10px;
    margin-bottom:20px;
    text-align: left;
  }

  .gal_ficha a{
    margin-right:1%;
    margin-top:0.5%;
    width:24.25%;
    position: relative;
    float: left;
  }

  .gal_ficha a:nth-child(4n){
    margin-right:0;
  }
  .img_gal{
   width:100%
  }

  .ver_mas, .ver_mas_gallery, .ver_mas_gallery_type_job{
    clear:both;
    color:#8c8c8c;
    border:1px solid #8c8c8c;
    text-align:center;
    background: #fff;
    margin:20px 0px;
    font-weight:bold;
    padding:6px 10px;
    margin-top:5px;
    white-space: nowrap;
    border-radius: 10px;
    float:left;
    position:relative;
    }

    .ver_mas_gallery, .ver_mas_gallery_type_job{
      color:#8c8c8c;
      background: #fff;
    }


  .ver_mas:hover, .ver_mas_gallery:hover, .ver_mas_gallery_type_job:hover {
    background:#f1f1f1;
    color:#8c8c8c;
  }

  .ecfya-video-container-animal {
    aspect-ratio: 16 / 9; /* o 4 / 3, según el vídeo */
    width: 100%;
  }
  
  .ecfya-video-container-animal iframe {
    width: 100%;
    height: 100%;
    border: none;
    margin-bottom:0px;
    padding-bottom:0px;
  }

  /** ANIMAL CARROUSEL **/

  .ecfya-owl-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .ecfya-owl-carousel{
    position: relative;
    float: left;
  }


   /* Estilos para centrar el botón de play dentro de cada item */
   .item { position: relative; }
   .item .hover_vid {
       position: absolute;
       z-index: 5;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
   }
   /* Estilos para el modal del reproductor */
   .ecfya-video-modal {
       display: none;
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0,0,0,0.8);
       z-index: 9999;
   }
   .ecfya-video-modal-content {
       position: relative;
       margin: auto;
       top: 50%;
       transform: translateY(-50%);
       background: #000;
   }
   .ecfya-modal-close {
       position: absolute;
       top: 10px;
       right: 10px;
       background: transparent;
       border: none;
       color: #fff;
       font-size: 24px;
       cursor: pointer;
       z-index: 10000;
   }

   .ecfya-owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left:0;
    font-size: 50px!important;
    margin-left:-25px;
    top: 50%;
    margin-top:-25px;
    transform: translateY(-50%);
    z-index:99;
   }

   .ecfya-owl-carousel .owl-nav .owl-next{
    position: absolute;
    right:0;
    font-size: 50px!important;
    margin-right:-25px;
    margin-top:-25px;
    top: 50%;
    transform: translateY(-50%);
    z-index:99;
    width:25ppx;
   }

  .ecfya-video-wrapper{
    height:100%;
   }

  .hover_vid{
    position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%, -50%);
   }


   .ecfya-anim-name{
    font-family: "Humanae";
    font-size: 60px;
    margin-bottom:0px!important;
    color:#7A8069;
   }

/** DYNAMIC GALLERY **/

/* Contenedor de cada item: se fuerza a ser cuadrado */
.elementor-dynamic-gallery .gallery-item {
position: relative;
width: 100%;
overflow: hidden;
}
/* Se usa un pseudo-elemento para mantener la relación 1:1 */
.elementor-dynamic-gallery .gallery-item::before {
    content: "";
    display: block;
    padding-top: 100%;
}
/* El enlace se posiciona para ocupar todo el contenedor */
.elementor-dynamic-gallery .gallery-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
/* La imagen se ajusta y recorta para cubrir el contenedor */
.elementor-dynamic-gallery .gallery-item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ecfya-owl-carousel-img-job .owl-stage-outer {
  max-height: 100%;
  overflow: hidden; /* Para recortar el contenido que sobrepase la altura */
}

.ecfya-owl-carousel-img-job .owl-stage-outer img {
  height: auto;
  max-height: 100%;
  width: 100%; /* Si deseas que la imagen ocupe el ancho completo */
  object-fit: cover; /* Opcional, para mantener la relación de aspecto */
}


.j_c_view_job {
  font-weight: normal;
  color: #6c6744;
  background: #fff;
  float: left;
  padding: 10px;
  white-space: nowrap;
  padding: 5px 7px;
  margin-right: 8px;
  margin-bottom: 8px;
  border:1px #6c6744 solid;
  border-radius: 5px;
}

.j_c_view_job:hover {
   background-color:#6c6744;
}

.j_c_view_job.active{
  color: #fff;
  background-color:#6c6744;
}

.list_jobs {
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  max-height: 250px;
  overflow: auto;
}


/** MODAL COMENTARIOS ANIMALES **/

/* Modal general */
.ecfya-modal {
  display: none; /* Oculto por defecto */
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7); /* Fondo semitransparente */
}

/* Contenedor del contenido modal */
.ecfya-modal-content {
  position: relative;
  margin: 10% auto;
  padding: 20px;
  width: 90%;
  max-width: 1300px;
  background: #fff;
  border-radius: 5px;
}

/* Botón de cierre */
.ecfya-close-modal {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.ecfya-close-modal:hover,
.ecfya-close-modal:focus {
  color: #000;
  text-decoration: none;
}

/****** TRABAJOS ******/

.ecfya-video-container-job {
  aspect-ratio: 16 / 9; /* o 4 / 3, según el vídeo */
  width: 100%;
}

.ecfya-video-container-job iframe {
  width: 100%;
  height: 100%;
  border: none;
  margin-bottom:0px;
  padding-bottom:0px;
}


.ecfya_animal_job{
  color:#6c6744;
}

.ecfya_animal_job:hover{
  color:#403d27;
}

.detail_anim{
  width:100%;
}

.loop_image{
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;width:100%;
  position:relative;
  float:left;
}