/* COLORES */
:root {
  --white: #ffffff;
  --gray: #898989;
  --light-gray: #d7d7d7;
  --dark-gray: #282828;
  --black: #000;
}

/* COMMON */
.mb-25_tc {
  margin-bottom: 25px;
}
.mb-35_tc {
  margin-bottom: 35px;
}
.mb-50_tc {
  margin-bottom: 50px;
}
.mt-0_tc {
  margin-top: 0px !important;
}
.px-20_tc {
  padding-right: 20px!important;
  padding-left: 20px!important;
}
.fix {
  overflow: hidden;
}
.clear {
  clear: both;
}
.f-left_tc {
  float: left;
}
.f-right_tc {
  float: right;
}
.z-index-1 {
  z-index: 1;
}
.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}
.p-relative {
  position: relative;
}
.p-absolute {
  position: absolute;
}
.row_tc {
  display: flex;
  flex-wrap: wrap;
}
.align-items-center_tc {
  align-items: center;
}
.justify-content-center_tc {
  justify-content: center;
}
.col-4_tc {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.col-5_tc {
  flex: 0 0 auto;
  width: 41.6666666667%;
}
.col-6_tc {
  flex: 0 0 auto;
  width: 50%;
}
.col-7_tc {
  flex: 0 0 auto;
  width: 58.3333333333%;
}
.col-8_tc {
  flex: 0 0 auto;
  width: 66.6666666667%;
}
.col-10_tc {
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.col-12_tc {
  flex: 0 0 auto;
  width: 99%;
}
@media (min-width: 768px) {
  .mb-md-35_tc {
    margin-bottom: 35px;
  }
  .col-md-4_tc {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-md-5_tc {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-md-6_tc {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7_tc {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-md-8_tc {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-md-10_tc {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
}
@media (min-width: 992px) {
  .col-lg-4_tc {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-lg-5_tc {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-lg-6_tc {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-8_tc {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
}


/* TEXTO */
h3.title_noticias {
  text-align: center;
}
h5.name_title {
  color: var(--dark-gray) !important;
  line-height: 1.4;
  font-weight: 500;
}
p.extract{
  line-height: 1.4;
}

/* LISTADO */
.imagen-lista {
  border-radius: 10px
}
@media (min-width: 992px) {
  .imagen-lista {
    width: 305px;
    height: 220px;
    object-fit: cover;
  }
  .col-text {
    padding-right: 20px;
    padding-left: 20px;
  }
}
/* Paginacion */
.listado-paginacion {
  display: flex;
  justify-content: center;
}
.pagination-list {
  text-align: center;
  padding: 5px;
}
.pagination-list a.num-list {
  color: var(--gray);
  transition: all 0.3s ease-out;
  border: 1px solid var(--gray);
  border-radius: 5px;
  padding: 5px 10px;
}
.pagination-list a.num-list.active {
  background-color: var(--gray);
  border-color: var(--gray);
  color: var(--white);
  border: 1px solid var(--gray);
  border-radius: 5px;
  transition: all 0.3s ease-out;
}


/* BOTONES */
.btn-conecta {
  background-color: var(--gray);
  color: var(--white);
  font-weight: 500 !important;
  padding: 6px 10px;
  border: 1px solid var(--gray);
  border-radius: 5px;
  outline: 2px solid var(--gray);
  transition: all 0.3s ease-out;
}
.btn-conecta:hover {
  background-color: var(--dark-gray);
  transition: all 0.3s ease-out;
  color: var(--white);
  outline: 2px solid var(--dark-gray);
}


/* DETALLE NOTICIA */
.title_detalle, .imagen-detalle {
  text-align: center;
}
.imagen-detalle img {
  border-radius: 10px
}
.btn-anterior a, .btn-siguiente a {
  color: var(--dark-gray);
  font-size: 18px;
}
.btn-volver a {
  font-size: 18px;
}


/* CAROUSEL */
@media (min-width: 992px) {
  .img-carousel{
    width: 100%;
    height: 230px;
    object-fit: cover;
  }
}
.carousel-noticias {
  position: relative;
}
.navegador-atras, .navegador-siguiente {
  position: absolute;
}
.navegador-atras a, .navegador-siguiente a {
  color: var(--dark-gray);
  font-size: 30px;
}
.navegador-atras {
  left: 0px;
  top: 50%;
}
.navegador-siguiente {
  right: 0px;
  top: 50%;
}
.carousel-text {
  text-align: center;
  padding: 0px 30px 40px 30px;
}

.card-carousel-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 600px ;
  position: relative;
  overflow: hidden;
}
.card-carousel-item {
  width: 450px;
  height: 100%;
  background-color: var(--white);
  border: 1px solid var(--light-gray);;
  border-radius: 10px;
  padding: 1em;
}
/**
Card Carousel Designs
*/
.card-carousel-item{
  transition: all .3s ease-in-out;
  position: absolute;
}
/* Previous Cards */
.card-carousel-item,
.card-carousel-item ~ .card-carousel-item.left{
  transform:scale(.75) translateX(calc(-75%));
  filter: blur(7px);
  z-index: 1;
}
.card-carousel-item.left{
  transform: scale(.8) translateX(calc(-45%)) !important;
  filter: blur(5px) !important;
  z-index: 2 !important;
}
/* Active Card */
.card-carousel-item.active{
  z-index: 3;
  filter: unset;
  transform: unset;
}
/* Next Cards */
.card-carousel-item.active + .card-carousel-item{
  transform: scale(.8) translateX(calc(45%));
  filter: blur(5px);
  z-index: 2;
}
.card-carousel-item.active + .card-carousel-item ~ .card-carousel-item{
  transform:scale(.75) translateX(calc(75%));
  filter: blur(7px);
  z-index: 1;
}

/* Card Navigation */
.card-nav{
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 2;
  width: 500px;
  padding: 0 2em;
  cursor: pointer;
}
.card-nav-prev{
  transform:translateX(calc(-100%));
  justify-content: end;
}
.card-nav-next{
  transform:translateX(calc(100%));
  justify-content: start;
}

.card-nav:before {
  content: "";
  width: 30px;
  height: 30px;
  border-top: 5px solid var(--dark-gray);
  transition: all .3s ;
}
.card-nav:hover:before {
  transform: scale(1.2);
}

.card-nav.card-nav-next:before{
  border-top: 5px solid var(--dark-gray);
  border-right: 5px solid var(--dark-gray);
  rotate: 45deg;
}
.card-nav.card-nav-prev:before{
  border-top: 5px solid var(--dark-gray);
  border-left: 5px solid var(--dark-gray);
  rotate: -45deg;
}
@media (min-width: 768px) and (max-width: 992px) {
  .card-nav {
    width: 72%;
  }
}
@media (max-width: 767px) {
  .card-carousel-item {
    width: 80%;
  }
  .card-nav {
    width: 67%;
  }
}

/* SUSCRIBE */
h4.titulo_suscribe {
  text-align: left;
}

.contenedor_suscribe_tc {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.input_suscribe_tc {
  flex-grow: 1;
  margin-right: 5px;
  height: 30px;
  border-radius: 10px;
  border: 1px solid var(--gray);
  padding: 5px;
  outline: none;
  transition: all 0.3s ease-out;
}

.button_suscribe_tc {
  margin-left: 5px;
  border-radius: 10px;
  border: 1px solid var(--gray);
  padding: 12px;
  outline: none;
  transition: all 0.3s ease-out;
  cursor: pointer;
}

.button_suscribe_tc:hover {
  background-color: var(--gray);
  color: var(--white);
  transition: all 0.3s ease-out;
}