/* Flechita lista de tratamientos */

.tratamiento {
  cursor: pointer;
}

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

.plus-to-chevron {
  --size: 40px;
  --stroke: 1px;
  --line-len: 80%;
  width: var(--size);
  height: var(--size);
  background: transparent;
  padding: 0;
  position: relative;
  cursor: pointer;
}

/* Líneas centradas (símbolo "+") */
.plus-to-chevron::before,
.plus-to-chevron::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--line-len);
  height: var(--stroke);
  background: var(--c-primario);
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  transition: transform 0.25s ease, transform-origin 0.25s ease;
}

/* "+" inicial */
.plus-to-chevron::before {
  transform: translate(-50%, -50%) rotate(0deg);
}
.plus-to-chevron::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* Hover: ">" */
.tratamiento:hover .plus-to-chevron::before,
.tratamiento:hover .plus-to-chevron::after {
  transform-origin: 100% 50%; 
}

.tratamiento:hover .plus-to-chevron::before {
  transform: translate(-50%, -50%) rotate(35deg);
}
.tratamiento:hover .plus-to-chevron::after {
  transform: translate(-50%, -50%) rotate(-35deg);
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
  .plus-to-chevron::before,
  .plus-to-chevron::after {
    transition: none;
  }
}


/**/

.logos-footer img {
    filter: brightness(0);
    opacity: 0.85;
    transition: opacity 0.5s ease-in-out;

    &:hover {
      opacity: 0.3;
    }
}

/* Fichas equipo */

.equipo {
  overflow: hidden;

  .card-equipo {
    position: relative;
    max-height: 500px;
    
    cursor: pointer;
    isolation: isolate;   

    .img-container {
      overflow: hidden;
      width: 100%;
      height: 100%;

      img {
        transform: scale(1);
        transition: all 0.3s ease-in;
        display: block;           
        width: 100%;
        height: 100%;
        object-fit: cover;
        will-change: transform;
        backface-visibility: hidden;
        transform: translateZ(0);
      }

      &::after {
        content: "";
        position: absolute;
        inset: 0;
        background-color: rgba(0, 0, 0, 0); /* sin opacidad inicial */
        transition: background-color 0.35s ease-in-out;
        z-index: 1; /* sobre la imagen pero bajo el overlay */
        pointer-events: none;
        z-index: 9;
      }
    }

    .card-overlay {
      position: absolute;
      bottom: -110%; 
      left: 0;
      padding-bottom: 20px;
      transition: bottom 0.4s ease-in-out;
      z-index: 99;

      h3 {
        padding-bottom: 15px;
      }
    }

    &:hover {
      .img-container {
        img {
          transform: scale(1.02);
        }

        &::after {
          background-color: rgba(0, 0, 0, 0.3); /* nivel de oscurecimiento */
        }
      }
      
      .card-overlay {
        bottom: 0px; 
      }
    }


    }

}

@supports not (overflow: clip) {
  .card-equipo { overflow: hidden; }
}