:root {
  /* Colores principales */
  --color-white-custom: #fff;
  --color-primary-custom: #fb131d;
  --color-hover-custom: #ff363e;
  --color-light-custom: #ff6267;

  /* Tonos de gris */
  --color-gray-lightest-custom: #f2f2f2;
  --color-gray-light-custom: #d7d7d7;
  --color-gray-border-custom: #d5d5d5;
  --color-gray-input-custom: #050505;

  /* Tonos de texto */
  --color-text-dark-custom: #1f1f1f;
  --color-text-secondary-custom: #3b3b3b;
}

/*COLOR DEL BODY*/
.td-main-content-wrap,
.td-category-grid {
  background-color: var(--color-white-custom) !important;
}

/*COLOR FONDO EN LAS NOTAS*/
.td-post-header,
.post {
  background-color: var(--color-white-custom) !important;
}

/* BARRA SCROLL */
::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1) !important;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5) !important;
}

/*ANCHO DE COLUMNAS*/
.columPrimary {
  width: 85% !important;
}

.columSecundary {
  width: 15% !important;
}

.innerColumPrimary {
  width: 70% !important;
}

.innerColumSecundary {
  width: 30% !important;
}

/* ANCHO COLUMNAS PORTADA BOMBA Y PORTADA TITULOS */
.tdi_11 .td_module_wrap,
.tdi_17 .td_module_wrap {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.tdi_11 .td_block_inner,
.tdi_17 .td_block_inner {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*ANCHO DE COLUMNAS - RESPONSIVE*/
@media (max-width: 1018px) {
  .columSecundary {
    display: none !important;
  }
}

@media (max-width: 990px) {
  .columPrimary,
  .innerColumPrimary {
    width: 100% !important;
  }

  .innerColumSecundary {
    display: none !important;
  }
}

/*BOTON INSTAGRAM SEGUIR - PORTADA*/
.buttonIg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  margin: 10px 0px;
  padding: 10px 10px;
  color: var(--color-white-custom) !important;
  background: var(--color-primary-custom) !important;
  font-size: 15px;
  line-height: 1.5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.buttonIg i {
  font-size: 20px;
  margin-right: 10px !important;
}

.buttonIg:hover {
  background: var(--color-hover-custom);
  color: var(--color-white-custom) !important;
}

/* WIDGETS - INSTAGRAM */
.widgetInstagram .widget {
  margin-bottom: 0px !important;
}

.widgetInstagram {
  margin-bottom: 0px !important;
}

/* INSTAGRAM FEED PLUGIN */
.FeedGridLayout__grid {
  gap: 10px !important;
  padding: 10px !important;
}

.td-category-header {
  background-color: var(--color-white-custom) !important;
}

/*ICONO TAG - AUDIO - VIDEO */
.td-post-tag {
  display: flex !important;
  width: 27px !important;
  height: 27px !important;
  justify-content: center !important;
  align-items: center !important;
  font-weight: 700 !important;
  color: var(--color-white-custom) !important;
  background-color: rgb(0 0 0 / 50%);
  border: 1px solid var(--color-white-custom) !important;
  position: absolute !important;
  bottom: 10px !important;
  margin-left: 5px !important;
  border-radius: 50% !important;
}

/* ICONO TAG VIDEO */
.td-post-tag .fa-play {
  font-size: 13px !important;
}

/* ICONO TAG AUDIO */
.td-post-tag .fa-volume-up {
  font-size: 13px !important;
}

/*ICONO PREDETERMINADO DE NEWSPAPER */
.td-video-play-ico.td-video-small {
  display: none !important;
}

.td-video-play-ico {
  display: none !important;
}

/***************CSS EN LAS NOTAS***************/

/* BAJADA DE TITULO */
.postBajadaTitulo {
  color: var(--color-text-secondary-custom);
  font-size: 18px;
  line-height: 1.5;
}

/* COLUMNA DIA Y HORARIO */
.diaHoraEscuchar {
  display: flex !important;
  justify-content: space-between !important;
}

.diaHora {
  display: flex !important;
  align-items: center !important;
}

.diaHora::before {
  background: var(--color-primary-custom);
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 0.375rem;
  margin-right: 0.5625rem;
  width: 0.375rem;
}

/* BOTON TEXT TO SPEECH */
.btnLisen {
  background-color: var(--color-gray-lightest-custom);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--color-gray-input-custom);
  color: var(--color-text-secondary-custom);
  gap: 6px;
  height: 30px;
  outline: none;
  padding: 8px 12px;
}

.btnLisenActive {
  background-color: var(--color-light-custom);
  color: var(--color-text-secondary-custom);
  border: 1px solid var(--color-primary-custom);
}

.btnLisen:hover {
  background-color: var(--color-light-custom);
  color: var(--color-text-secondary-custom);
  border: 1px solid var(--color-primary-custom);
}

/* IMAGENES EN CONTENIDOS DE LAS NOTAS */
.td-post-content img {
  width: 100% !important;
}

/*IMG FRONT*/
.img-front {
  position: absolute !important;
  top: 0 !important;
  width: 100% !important;
}

.img-front .td-post-featured-image img {
  object-fit: cover !important;
}

/*IMG BACK*/
.img-back .td-post-featured-image img {
  object-fit: cover !important;
  object-position: center !important;
}

.td-post-featured-image img {
  width: 100% !important;
  height: 100% !important;
  max-height: 465px !important;
  margin: 0 0 20px 0 !important;
  backdrop-filter: blur(7px) !important;
}

/*GROSOR DE LINEAS SEPARADORAS*/
html :where([style*="border-width"]) {
  border-style: none;
}

/*BLOCKQUOTE EN LA NOTAS*/
.tagdiv-type blockquote {
  margin: auto !important;
}

.post blockquote p {
  font-size: 20px !important;
  line-height: 30px !important;
}

/* WIDGETS CENTRADOS */
.widget {
  /* display: flex !important;
  justify-content: center !important; */
  margin-bottom: 25px !important;
}

p.simple-image {
  margin-bottom: 0px !important;
}

/* WIDGETS - MAS LEIDAS */
.masLeidas .td_module_7 .td-module-thumb .entry-thumb {
  width: 100px;
  height: 65px;
  object-fit: cover;
  border-radius: 4px;
}

.masLeidas .td_module_7 {
  padding-bottom: 0;
  border-bottom: 1px solid var(--color-gray-border-custom);
  margin-top: 15px;
}

.masLeidas .td-block-title {
  color: var(--color-text-dark-custom);
  font-size: 20px !important;
  line-height: 26px !important;
  font-weight: 700 !important;
}

.masLeidas .td_module_7 .td-module-title {
  font-size: 15px;
  font-weight: 400;
}

.masLeidas .td_module_wrap:hover .entry-title a {
  color: var(--color-text-dark-custom) !important;
}

.masLeidas .td-block-title:before {
  background-color: var(--color-primary-custom) !important;
}

.masLeidas .td_module_7 .td-post-date {
  display: none;
}

.masLeidas .td_module_7 .td-module-meta-info {
  display: none;
}

/*BOTON CARGAR VER MAS NOTAS SECCION CATEGORIAS*/
.td_ajax_load_more {
  background-color: #e1e1e1 !important;
  width: 100% !important;
  padding: 15px !important;
  border-radius: 4px !important;
}

.td-load-more-wrap a {
  color: #1f1f1f !important;
  font-weight: bold !important;
  font-size: 20px !important;
}

.td-icon-menu-right:before {
  content: " " !important;
}

.td_ajax_load_more:hover {
  background: #d7d7d7 !important;
  border-color: #c9c9c9 !important;
}

/* LOADER - VER MAS NOTICIAS - CATEGORIAS*/
.td-loader-infinite.td-loader-gif {
  background-image: url(assets/img/loader_01.gif) !important;
  background-size: cover !important;
  position: relative !important;
  /* bottom: -20px !important; */
}

.td-loader-blocks-load-more {
  bottom: 35px !important;
}

.td-lb-box {
  display: none !important;
}

.td-lb-box .td-lb-close {
  display: none !important;
}

.td_ajax_load_more i {
  display: none !important;
}

/***************CSS EN PORTADA PRINCIPAL***************/

.bannerAds {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.adsCenter {
  display: block !important;
  margin: auto !important;
}

/*BANNER PUBLICIDAD 1200 PX FULL - ESCRITORIO*/
.bannerFull img {
  width: 1200px;
}

.bannerFullVideo video {
  width: 100%;
}

/*BANNER PUBLICIDAD CUADRADO - PORTADA*/
@media screen and (min-width: 1019px) {
  .bannerNota img {
    width: 368px !important;
    height: 372px !important;
  }
}

/*BANNER PUBLICIDAD MAYOR A 768 PX - ESCRITORIO*/
@media screen and (min-width: 768px) {
  .bannerMovilFull img {
    width: 1200px !important;
    display: none !important;
  }
  .bannerMovilFullVideo video {
    width: 1200px !important;
    display: none !important;
  }
  .bannerNotaVideo video {
    width: 343px !important;
    height: 368px !important;
  }
}

/*BANNER PUBLICIDAD MENOR A 767 PX - MOVIL*/
@media screen and (max-width: 767px) {
  .bannerAds {
    width: 80%;
    margin-bottom: 25px;
  }
  .bannerDesktopFull img {
    display: none !important;
  }
  .bannerDesktopFullVideo video {
    display: none !important;
  }
  .bannerNotaVideo {
    display: block !important;
    text-align: center !important;
  }
}