/* Fondo general suave con color institucional */
.bg-brand-light {
  background: linear-gradient(180deg, #e8f6f7 0%, #ffffff 100%);
}

/* Tonos de texto y bordes personalizados */
.text-brand-dark {
  color: #1a5e60;
}

.text-brand-strong {
  color: #286580;
}

/* Cecilia destacada */
.featured-person {
  background-color: #f8ffff;
  border: 3px solid #5cbfc4;
  transition: all 0.3s ease;
}

.featured-person:hover {
  background-color: #e5f7f8;
  border-color: #286580;
  transform: translateY(-5px);
}

/* Estilo general para las tarjetas */
.custom-text-block {
  background: transparent;
  padding: 1rem;
  transition: all 0.3s ease;
}

.custom-text-block:hover {
  transform: translateY(-5px);
}

/* Ajuste de color en fondo y texto de hover */
.custom-text-block:hover h4,
.custom-text-block:hover h3 {
  color: #5c9fa3;
}

/**
 * ----------------------------------------
 * animation color-change-3x
 * ----------------------------------------
 */

.color-change-2x {
  -webkit-animation: color-change-2x 1.5s linear infinite alternate both;
          animation: color-change-2x 1.5s linear infinite alternate both;
}


@-webkit-keyframes color-change-2x {
  0% {
    background: #428587;
  }

  100% {
    background: #5cbfc4;
  }
}
@keyframes color-change-2x {
  0% {
    background: #428587;
  }
 
  100% {
    background: #5cbfc4;
  }
}


.color-change-2x-bis {
  -webkit-animation: color-change-2x 1.5s linear infinite alternate both;
          animation: color-change-2x 1.5s linear infinite alternate both;
}


@-webkit-keyframes color-change-2x-bis {
  0% {
    color: #92cfdb;
  }

  100% {
    color: #205f79;
  }
}
@keyframes color-change-2x-bis {
  0% {
    color: #92cfdb;
  }
 
  100% {
    color: #205f79;
  }
}

/**
 * ----------------------------------------
 * fin
 * ----------------------------------------
 */
 

 /* ----------------------------------------------
 * Generated by Animista on 2025-10-28 12:48:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand-fwd
 * ----------------------------------------
 */

 .tracking-in-expand-fwd {
  -webkit-animation: tracking-in-expand-fwd 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) infinite alternate both;
          animation: tracking-in-expand-fwd 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) infinite alternate both;
}



@-webkit-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}


#mainCarousel .carousel-item {
  transition: transform 1s ease-in-out;
}

#mainCarousel .carousel-caption {
  top: 0;
  bottom: 0;
}

.bg-opacity-75 {
  background-color: rgba(255, 255, 255, 0.75) !important;
}

/* === ANIMACIÓN DEL TEXTO DEL CARRUSEL === */
.carousel-caption .bg-white {
  opacity: 0;
  transform: translateY(40px);
  animation: fadeSlideUp 1.2s ease-out forwards;
}

.carousel-item.active .bg-white {
  animation: fadeSlideUp 1.2s ease-out forwards;
}

@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.kenburns-top {
  -webkit-animation: kenburns-top 5s ease-out both;
          animation: kenburns-top 5s ease-out both;
}


/* ----------------------------------------------
 * Generated by Animista on 2025-10-27 17:56:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}


@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}


@keyframes wipe-in-right {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

.imgbus {
  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-right both;
}