@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-100 {
  width: 100%;
}

.conlateralderecho {
  max-width: 1200px;
  margin: 0 auto; /* Centrar el marco en la página */
  display: flex;
  justify-content: space-between; /* Espacio entre las columnas */
}
@media (max-width: 480px) {
  .conlateralderecho {
    flex-direction: column;
  }
}
.conlateralderecho .columna-principal {
  flex: 1; /* La columna principal ocupa el espacio restante */
  margin-right: 20px; /* Separación de 20px con la columna lateral */
}
@media (max-width: 480px) {
  .conlateralderecho .columna-principal {
    margin-right: 0;
  }
}
.conlateralderecho .columna-lateral {
  flex: 0 0 300px; /* Columna lateral de 300px fija */
}
@media (max-width: 480px) {
  .conlateralderecho .columna-lateral {
    flex: 1;
  }
}

.tres-columnas {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px; /* Margen negativo para compensar el espacio entre las columnas */
}
@media (max-width: 480px) {
  .tres-columnas {
    flex-direction: column;
  }
}
.tres-columnas article {
  flex: 0 0 calc(33.33% - 20px); /* Cada noticia ocupa el 33.33% del ancho del contenedor, menos 20px de separación entre columnas */
  margin: 0 10px 20px; /* Margen entre las noticias */
  box-sizing: border-box; /* El margen se incluye en el ancho de la noticia */
}
.tres-columnas article:nth-child(3n) {
  margin-right: 0; /* Eliminar el margen a la derecha de la tercera noticia */
}
@media (max-width: 480px) {
  .tres-columnas article:nth-child(3n) {
    margin-right: 10px; /* Eliminar el margen a la derecha de la tercera noticia */
  }
}
@media (max-width: 480px) {
  .tres-columnas article {
    flex: 1;
  }
}

article.notadetalle .shares {
  display: none;
}
article.notadetalle h1 {
  font-size: 30px;
  font-weight: 900;
  line-height: 28px;
  padding: 20px 20px 20px;
  color: #273640;
}
article.notadetalle .notatop {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  align-items: center;
  padding: 0 20px 20px;
}
article.notadetalle h5 {
  padding: 0 20px;
  line-height: 30px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  border: solid 1px #92dd3d;
}
article.notadetalle .fecha {
  font-weight: 500;
  font-style: italic;
  font-size: 12px;
  color: #767676;
}
article.notadetalle .slider .bxslider li img {
  display: block;
  width: 100%;
}
article.notadetalle .cuerpo {
  padding: 20px;
}
article.notadetalle .cuerpo p.copete {
  font-weight: 500;
  font-size: 21px;
  line-height: 24px;
  padding-bottom: 20px;
  padding-top: 0px;
  border-bottom: solid 2px #e0e0e0;
}
article.notadetalle .cuerpo p {
  font-size: 16px;
  line-height: 20px;
  padding-top: 20px;
}

#reproductor-sticky {
  background: white;
  width: 100%;
  position: fixed;
  z-index: 1000;
  bottom: 0;
  backdrop-filter: blur(10px);
  box-sizing: border-box;
}

.reproductor-sticky {
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 30px;
  min-height: 100px;
}

.reproductor-sticky img.logo {
  height: 54px;
  width: auto;
}

.obj_footer {
  line-height: 2rem;
  font-size: 13px;
  padding: 2rem 0;
  background-color: white;
}
@media (max-width: 480px) {
  .obj_footer {
    line-height: 1rem;
  }
}
.obj_footer .barra {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 480px) {
  .obj_footer .barra {
    flex-direction: column;
    row-gap: 20px;
    padding-bottom: 20px;
  }
}
.obj_footer .barra .logo img {
  width: 130px;
}
.obj_footer .barra ul.nav {
  display: flex;
  flex-direction: row;
  font-weight: 700;
  justify-content: space-around;
  width: 100%;
  padding: 0 30px;
}
@media (max-width: 480px) {
  .obj_footer .barra ul.nav {
    display: none;
  }
}
.obj_footer .legales {
  text-align: center;
}
@media (max-width: 480px) {
  .obj_footer .legales {
    padding-bottom: 1rem;
  }
  .obj_footer .legales .fecha, .obj_footer .legales address {
    padding-bottom: 1rem;
  }
}
.obj_footer .derechos {
  text-align: center;
}
.obj_footer span {
  display: inline;
  padding-right: 5px; /* Espacio entre los spans */
}
.obj_footer span.bullet::after {
  content: "•"; /* Utiliza el carácter • como separador */
  color: #92dd3d;
  margin-left: 5px; /* Espacio entre el separador y el siguiente span */
}
.obj_footer span:last-child::after {
  content: none; /* No poner separador después del último span */
}
@media (max-width: 480px) {
  .obj_footer span {
    display: block;
    text-align: center;
  }
  .obj_footer span.bullet::after {
    content: none; /* No poner separador después del último span */
  }
}

body {
  font-size: 16px;
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #151e24;
  background-color: #edeef0;
}
body a {
  color: #151e24;
  text-decoration: none;
}
body .wrapper > div {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 100px; /* para el reproductor */
  box-sizing: border-box;
}

.max-width {
  max-width: 1200px;
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}

h3.title {
  position: relative;
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
  border-bottom: solid 2px #92dd3d;
  line-height: 22px;
  height: 22px;
  box-sizing: border-box;
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  h3.title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
h3.title span {
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  line-height: 22px;
  background-color: #edeef0;
  padding-right: 20px;
  height: 22px;
}

article {
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 20px;
}
article .media-container img {
  border-radius: 10px 10px 0;
  width: 100%;
  display: block;
}
article .info {
  position: relative;
  padding: 25px;
}
article .info .volanta {
  position: absolute;
  top: -15px;
  left: 0;
  padding: 0 25px;
  line-height: 30px;
  font-weight: 500;
  font-size: 12px;
  background-color: #92dd3d;
}
article .info h2 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
}

.obj_header {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
}
.obj_header .programacion img.programa {
  max-height: 130px;
}
@media (max-width: 480px) {
  .obj_header .programacion {
    display: none;
  }
}
.obj_header a.logo img {
  display: block;
  width: 100%;
  max-height: 100px;
}
.obj_header .buscador {
  display: none;
}
.obj_header .menu {
  display: none;
}
@media (max-width: 480px) {
  .obj_header .menu {
    display: block;
  }
}
.obj_header .fecha {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
@media (max-width: 480px) {
  .obj_header .fecha {
    display: none;
  }
}

header nav {
  background-color: white;
  margin-bottom: 30px;
  font-size: 16px;
}
@media (max-width: 480px) {
  header nav {
    display: none;
  }
}
header nav ul {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  font-weight: 700;
}
@media (max-width: 480px) {
  header nav ul {
    display: block;
    text-align: center;
  }
}
header nav ul li {
  margin-right: 30px;
}
@media (max-width: 480px) {
  header nav ul li {
    display: inline-block;
  }
}
header nav ul li a {
  height: 60px;
  display: inline-block;
  box-sizing: border-box;
  line-height: 60px;
}
header nav ul li a.active {
  border-bottom: solid 13px #92dd3d;
}

.banner {
  text-align: center;
  margin-bottom: 20px;
}

.redes h4 {
  text-align: center;
  font-weight: 900;
  font-size: 20px;
  line-height: 28px;
}
.redes .iconos {
  display: flex;
  column-gap: 5px;
}
.redes .iconos a {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #92dd3d;
  border-radius: 15px;
  font-size: 18px;
}/*# sourceMappingURL=frontend.css.map */