<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
  box-sizing: border-box;
}

.border-5 {
  border-width: 26px !important;
  border-bottom-right-radius: 20px;
}

.grow-up-container {
    margin-bottom: -10%;
}

.clBlue {
  border-color: #162a40 !important;
}

.clPink{
  border-color: #aa97b6 !important;
}

.clPink2{
  border-color: #6A5F82 !important;
}

.clPink3{
  border-color: #804A97 !important;  
}

.clGree{
  border-color: #269763 !important;
}

.clGreen2{
  border-color: #B4CE47 !important;
}


.Blue {
  color: #162a40 !important;
}

.Pink{
  color: #aa97b6 !important;
}

.Pink2{
  color: #6A5F82 !important;
}

.Pink3{
  color: #804A97 !important;  
}

.Gree{
  color: #269763 !important;
}

.Green2{
  color: #B4CE47 !important;
}

.card{
   border-radius: 0;
   border-bottom-right-radius: 20px;
}

@font-face {
  font-family: DIN Next LT Pro Black;
  src: url(font/DIN Next LT Pro Black.otf);
}

@font-face {
  font-family: DIN NEXT LT PRO BOLD CONDENSED;
  src: url(font/DIN NEXT LT PRO BOLD CONDENSED.otf);
}

@font-face {
  font-family: DIN Next LT Pro Bold;
  src: url(font/DIN Next LT Pro Bold.otf);
}

@font-face {
  font-family: DIN NEXT LT PRO ITALIC;
  src: url(font/DIN NEXT LT PRO ITALIC.otf);
}

@font-face {
  font-family: DIN Next LT Pro Light;
  src: url(font/DIN Next LT Pro Light.otf);
}

@font-face {
  font-family: DIN Next LT Pro Medium;
  src: url(font/DIN Next LT Pro Medium.otf);
}

.sl-cc {
    min-height: 220px;
}

.slick-prev2.slick-arrow {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #ccc;
    position: absolute;
    border-radius: 50% !important;
    font-size: 2em;
}

.slick-next2.slick-arrow {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #ccc;
    position: absolute;
    border-radius: 50% !important;
    font-size: 2em;
    right: 1%;
}

  .slick-prev2 span, .slick-next2 span {
    margin-top: -5px;
    display: block;
        margin-left: 11px;
  }

  .slick-arrow:hover{
    cursor: pointer;
    transform: scale(1.08)
  }

.card-title {
    font-family: "DIN Next LT Pro", serif;
    font-size: 1.05em;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 14px;
}

p {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: "DIN Next LT Pro", serif;
}
.link-underline-primary {
    font-family: "DIN Next LT Pro", serif;
    font-size: 0.76em;
}
.tiempo {
    font-size: 4em;
    font-family: "DIN Next LT Pro", serif;
    font-weight: bold;
}
.frsTittle {
  font-family: "DIN Next LT Pro", serif;
  font-weight: bold;
  font-size: 1.15em;
  min-height: 70px;
}
.textDetalle {
  font-size: 1.2em;
}

.dtll {
  font-family: "Cormorant Garamond", serif;
  font-weight: bold;
  font-size: 23px;
  height: 24px;
}

.item {
  margin-top: 70px;
}

.slider {
  position: relative;
  z-index: 200;
  max-width: 100%;
  width: 100%;
}

.slick-arrow {
  top: 40%;
  width: 40px;
  height: 50px;
  line-height: 50px;
  margin-top: -25px;
  border: none;
  background: transparent;
  color: #000;
  font-family: monospace;
  font-size: 5rem;
  z-index: 300;
  outline: none;
}

.slick-prev {
  position: fixed;
  left: 0;
/*  background-image: url("../img/arrow-time.png");*/
  /* Reemplaza 'ruta_de_la_imagen_previa.jpg' con la ruta real de tu imagen */
  width: 70px;
  /* Ajusta el ancho segÃºn sea necesario */
  height: 70px;
  /* Ajusta la altura segÃºn sea necesario */
  background-size: cover;
  /* Ajusta el tamaÃ±o de la imagen para cubrir el Ã¡rea del botÃ³n */
  cursor: pointer;
  /* Cambia el cursor al puntero cuando pasa sobre el botÃ³n */
  text-indent: -9999px;
  /* Mueve el texto fuera del Ã¡rea visible */
}

.slick-next {
  position: fixed;
  right: 0;
/*  background-image: url("../img/arrow-time.png");*/
  /* Reemplaza 'ruta_de_la_imagen_siguiente.jpg' con la ruta real de tu imagen */
  width: 70px;
  /* Ajusta el ancho segÃºn sea necesario */
  height: 70px;
  /* Ajusta la altura segÃºn sea necesario */
  background-size: cover;
  /* Ajusta el tamaÃ±o de la imagen para cubrir el Ã¡rea del botÃ³n */
  cursor: pointer;
  /* Cambia el cursor al puntero cuando pasa sobre el botÃ³n */
  text-indent: -9999px;
  /* Mueve el texto fuera del Ã¡rea visible */
  transform: scaleX(-1);
  /* Reflejar la imagen horizontalmente */
}

.item.slick-slide {
  width: 350px;
/*  height: 720px !important;*/
  height: 720px;
  transition: transform 0.4s;
  position: relative;
  margin-right: 20px;
}

.item.slick-slide:last-child {
  margin-right: 0;
}

.slick-slide {
  filter: blur(2px);
}

.slick-center {
  filter: blur(0px) !important;
}

.item.slick-slide {
  transform: scale(0.7) translate(640px);
  filter: grayscale(1) blur(4px);
}

.item.slick-slide.slick-center + .slick-slide {
  transform: scale(0.8) translate(-250px);
  z-index: 10;
}

.item.slick-slide.slick-center + .slick-slide + .item.slick-slide {
  transform: scale(0.7) translate(-640px);
  z-index: 5;
}

.item.slick-slide.slick-active {
  transform: scale(0.8) translate(250px);
}

.item.slick-slide.slick-center {
  transform: scale(1);
  z-index: 30;
}

.slick-center:after {
  opacity: 0;
}

.item.slick-slide:not(.slick-center) img {
  filter: blur(5px);
  /* Puedes ajustar el valor de desenfoque segÃºn tus preferencias */
}

/* Estilos para dispositivos mÃ³viles */
@media (max-width: 768px) {  
  .card.mb-5{
        margin-bottom: 0px !important;
  }
  .item.slick-slide {
        height: auto;
  }

  .shadow-lg {
    box-shadow: none !important;
  }

  .item {
    margin-top: 20px;
  }
  .slider {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
  }

  .slick-prev,
  .slick-next {
    display: block;
    font-size: 2rem;
  }

  .item.slick-slide {        
    margin-right: 0;
    transition: transform 0.4s;
  }

  .slick-slide {
    filter: none !important;
  }

  .slick-prev {
    left: 0;
  }

  .slick-next {
    right: 0;
  }

  .item.slick-slide {
    transform: scale(1);
  }

  .item.slick-slide.slick-center + .slick-slide,
  .item.slick-slide.slick-center + .slick-slide + .item.slick-slide {
    transform: scale(1);
    z-index: 5;
  }

  .item.slick-slide.slick-active {
    transform: scale(0.9);
  }

  .item.slick-slide.slick-center {
    transform: scale(1);
    z-index: 30;
  }

  .slick-center:after {
    opacity: 0;
  }

  .item.slick-slide:not(.slick-center) img {
    filter: none;
  }

  .slick-prev, .slick-next {      
        width: 32px;
        height: 32px;
  }


  .item.slick-slide {
      border: solid 1px #e5e5e5;
      border-bottom-right-radius: 20px;
  }
}

/*@media (min-width: 440px) and (max-width: 670px) {
  .slick-prev, .slick-next {      
      width: 45px;
      height: 45px;
  }

}*/

@media (min-width: 440px) and (max-width: 768px) {
  .grow-up-container {
    margin-bottom: -30% !important;
  }
  .grow-up-container.timeline {
    height: 700px !important;
  }

  .slick-prev2.slick-arrow,.slick-next2.slick-arrow {
    display: inline-block;
    width: 32px;  
    height: 32px;      
    font-size: 1.5em;  
    background: transparent;  
  }

  .slick-prev2 span, .slick-next2 span {
    margin-top: -11px;
    display: block;
            font-weight: 900;
        font-size: 1.2em;
  }

  .slick-next2 span {
      margin-left: 15px;
  }

  .slick-prev2 span {
      margin-left: 0px;
  }

}

@media (max-width: 439px) {

  .slick-prev, .slick-next {      
        width: 28px !important;
        height: 28px !important;
        top: 45%;
  }

  .slick-prev2.slick-arrow, .slick-next2.slick-arrow {
        display: inline-block;
        width: 25px !important;
        height: 25px !important;
        background: transparent;
        font-size: 1.3em;
  }

  .slick-prev2 span, .slick-next2 span {
    margin-top: -14px;
    display: block;
            font-weight: 900;
        font-size: 1.2em;
  }

  .slick-next2 span {
    margin-left: 15px;
  }
  .slick-prev2 span {
      margin-left: 0px;
  }

  .sl-cc {
      min-height: auto;
  }
  .grow-up-container {
    margin-bottom: -30% !important;
  /*    height: 660px;*/
  }
  .grow-up-container.timeline {
    height: 640px !important;
  }

}

.card-body {
    flex: 0 0 auto;
    padding: 0px;
    color: var(--bs-card-color);
    margin-bottom: 5px;
}

body{
  background: transparent;
}



</pre></body></html>