.link-style:hover {
  text-decoration: underline;
  font-style: italic;
  cursor: pointer;

}

.shadow-goals-container {
  box-shadow: 0.6rem 0.6rem var(--wp--preset--color--base-2);
  
}


.features-container {
  display: grid; 
  gap: 2rem;
  justify-content: start;
  grid-template-columns: repeat(
   auto-fill, 
   minmax(315px, 1fr));
 
}

.slick-dots li button::before {
  padding-top: 1rem;
  font-size: 1rem;
  opacity: 100;
  color: var(--wp--preset--color--contrast);
}

.slick-dots li.slick-active button:before {
  color: var(--wp--preset--color--accent);
}


/*PESTAÑAS*/

.tab-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    minmax(180px, 1fr)
   ); 
   gap: 1rem;
}

.tab-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background-color: #E9E9E9;
  border-radius: 1rem;
  padding: 1rem;
  color: var(--wp--preset--color--accent);

  &:hover {
   background-color: var(--wp--preset--color--contrast);
   color: #E9E9E9;
   cursor: pointer;
  }

  &.active {
    background-color: var(--wp--preset--color--base-2);
    color: var(--wp--preset--color--contrast-2);
  }
}


.tab-content {
  display: none;  /*Ocultar por defecto */
  padding: 1rem; /* Espacio interno */
  
  &.active {
    display: block; /* Mostrar cuando se active */
  }
}


.enlace-nav {
 text-decoration: none;
}
 
/* RESPONSIVE*/
@media (width < 600px) {

 .title-headerNav {
   display: none !important;
  }

 .feature-item {
    align-items: center !important;
  }

  .feature-item > p, h5 {
    text-align: center   
   }
}

.c-container__image-hover { 
  position: relative;

  &:hover {
  cursor: pointer;
  }  
}

.c-image-hover {
  position: absolute !important;
  
  opacity: 1;
  z-index: 1;
  &:hover {
    opacity: 0;
  }
}