/* ============================================================================
 *  CSS COMPARTIDO ENTRE TODOS LOS PROYECTOS DE ESTA VERSIÓN DEL CPANEL
 * ============================================================================
 *  Se carga DESPUÉS de projects/{site_safe_name}/custom.css.
 *  Contiene únicamente reglas comunes a todos los proyectos (no forma parte
 *  del cpanel base; es específico de estos proyectos).
 * ========================================================================== */

.fu-taxonomia-autores {
    opacity: 0.7;
}

.fu-taxonomy-view h4 {
    color: var(--primary-color);
}

.taxon_name_p {
    width: 100%;
    display: block;
}

.fu-hl{ padding:.1em 0; border-radius:.25em; }

.taxon_name_p{
    color: var(--black-color);
    transition: color .3s ease;
}

.taxon_name_p:hover{
    color: var(--primary-color-info)!important;
}

/* Contenedor escena */
.kb-scene{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:0; /* atrás del caption */
}

/* Capas */
.kb-layer{
  position:absolute;
  inset:-3%;              /* margen para que el zoom no muestre bordes */
  will-change:transform;
  transform:translate3d(0,0,0);
}

.kb-back{
  background-size:cover;
  background-repeat:no-repeat;
  animation: kbZoom 14s ease-in-out infinite alternate;
}

/* El sujeto, un poco más “cerca” */
/*
.kb-front{
  inset:auto;
  width:min(72vw, 1000px);
  max-width:85%;
  height:auto;
  left:5%;
  top:9%;
  transform-origin:center;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.25));
}
*/

.kb-front{
  max-width:100%;
  height:auto;
  transform-origin:center;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.25));
}

.swiper-slide-9 .kb-front {
    inset: 4%;
}

.swiper-slide-7 .kb-front {
    inset: 0%;
    top: -20%;
    max-width: 110%;
}


.kb-back{
  transform-origin: 50% 100%; /* bottom center */
}

/* Ken Burns anclado abajo */
@keyframes kbZoom{
  from { transform: scale(1.00) translate3d(0, 0, 0); }
  to   { transform: scale(1.18) translate3d(1%, -3%, 0); }
}

/* Asegurá que el caption quede arriba */
.swiper-slide .slider-caption{
  position:relative;
  z-index:2;
}

body .pswp .pswp__img{
  object-fit: contain !important;
  aspect-ratio: auto !important;
}

.table th {
    border: none;
}

.grafica_acerca_de {
  background: #eaeaea;
  width: 100%;
  height: 15px;
  margin-top: 6px;
  display: block;
}

.grafica_acerca_de span{
  background: var(--secondary-color);
  height: 15px;
  display: block;
}