@charset "UTF-8";
/*tema-oscuro*/
/*
$base: transparent;
$dot: $c-black;
$size: 6px;
$position: 3px


@dots($base $dot $size $position) {
  background: $base;
  background-image:
          radial-gradient($dot $size, transparent),
          radial-gradient($dot $size, transparent);
  background-size: $position;
  background-position: 0 0, ($position / 2) ($position / 2);
}
*/
/*html {margin:0;padding:0;border:0; overflow-x: hidden}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {display:block}
abbr {text-decoration: none; color: var(--bg-etiquetas)}
body {line-height:1;background:white}


table {border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal;float:none !important}
table, th, td {vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after {content:''}
blockquote, q {quotes:"" ""}
a img {border:none}
:focus {outline:0}
.ico {display:inline-block;padding:0;overflow:hidden;font-size:0;text-indent:-90000px}
.clear {clear:both;height:1px;margin-bottom:-1px;display:block;overflow:hidden;padding:0}
p {line-height:140%;word-break: break-word;}
input, select, textarea {font-family:var(--general);border:$borde;padding:3px 5px;color:var(--color-news-text)}
ul, ul li {margin:0;padding:0;list-style:none}
a {text-decoration:none;color:var(--color-news-text);}
a:hover {text-decoration:underline}
textarea {resize:none;overflow:auto}
input::-moz-focus-inner {border:0;padding:0}
em, i {font-style:italic}
cite {background:#FF0;color:#fff;padding:3px 5px}
u {text-decoration:underline}
strong, b {font-weight:bold}
#accesosrapidos, .banner-intersitial-cont, .banner-zocalo-cont, .admonitor_laterales {display:none}

hr, .ahem, #skip-link {display:none}
#main hr {display:block}

#footer {clear:both}
*/
/* Definimos las Custom properties */
:root {
  /* Colores */
  --negro:#393939;
  /* Tipografía */
  --tipo-principal:Helvetica, Arial, sans-serif;
  --tipo-secundaria:Verdana;
}

/* (Opcional) Las adaptamos al modo oscuro */
@media (prefers-color-scheme: dark) {
  :root {
    --negro:#ececec;
  }
}
/* (Opcional) Configuramos si un usuario ha activado el modo alto contraste. (WD) */
/* (Opcional) Desactivamos los animations en el caso de que el usuario haya configurado el modo sin animation */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}
/* Reseteamos los margin y paddings de todas las etiquetas */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  vertical-align: baseline;
}

*::before, *::after {
  display: block;
}

/* Evitamos problemas con las imagenes */
img, picture, video, iframe, figure {
  max-width: 100%;
  width: 100%;
  display: block;
  /* (Opcional) */
  -o-object-fit: cover;
     object-fit: cover;
  /* (Opcional) */
  -o-object-position: center center;
     object-position: center center;
}

/* Reseteamos los enlaces para funcionar como cajas... */
a {
  display: block;
  text-decoration: none;
  color: inherit;
  font-size: inherit;
}

/* ... excepto los que se encuentran en párrafos */
p a {
  display: inline;
}

/* Quitamos los puntos de los <li> */
li {
  list-style-type: none;
}

/* (Opcional) Configuramos anclas suaves */
html {
  scroll-behavior: smooth;
}

/* Desactivamos estilos por defecto de las principales etiquetas de texto */
h1, h2, h3, h4, h5, h6, p, span, a, strong, blockquote, i, b, u, em {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: none;
  color: inherit;
}

/* Evitamos problemas con los pseudoelementos de quotes */
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

/* (Opcional) Configuramos el texto que seleccionamos */
::-moz-selection {
  background-color: var(--negro);
  color: var(--blanco);
}
::selection {
  background-color: var(--negro);
  color: var(--blanco);
}

/* Nivelamos problemas de tipografías y colocación de formularios */
form, input, textarea, select, button, label {
  font-family: inherit;
  font-size: inherit;
  -webkit-hyphens: auto;
          hyphens: auto;
  background-color: transparent;
  color: inherit;
  display: block;
  /* (Opcional) */
}
form:focus, input:focus, textarea:focus, select:focus, button:focus, label:focus {
  outline: 0;
}

/* Reseteamos las tablas */
table, tr, td {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Evitamos problemas con los SVG */
svg {
  width: 100%;
  display: block;
  fill: currentColor;
}

/* Configuramos la tipografía para toda la web */
body {
  min-height: 100vh;
  font-size: 100%;
  font-family: var(--tipo-principal);
  color: var(--negro);
  /* (Opcional) */
  -webkit-hyphens: auto;
          hyphens: auto;
  /* (Opcional) */
  font-smooth: always;
  /* (Opcional) */
  -webkit-font-smoothing: antialiased;
  /* (Opcional) */
  -moz-osx-font-smoothing: grayscale;
}

#footer {
  clear: both;
}

#accesosrapidos, .banner-intersitial-cont, .banner-zocalo-cont, .admonitor_laterales {
  display: none;
}

/*tema-oscuro*/
/*
$base: transparent;
$dot: $c-black;
$size: 6px;
$position: 3px


@dots($base $dot $size $position) {
  background: $base;
  background-image:
          radial-gradient($dot $size, transparent),
          radial-gradient($dot $size, transparent);
  background-size: $position;
  background-position: 0 0, ($position / 2) ($position / 2);
}
*/
body {
  background: none;
  overflow-x: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 20px;
  box-sizing: border-box;
  width: 100%;
}

/*header*/
#header .top, .publi-top, .barra-menu, #nav, .publi-728, .publi-728 > div, #sidebar-right, .cont-bottom-nota, .herramientas,
.icon-menu, .bloque-100.menu, .redes-h-top, .nota-video, .video-cont, .embed.vimeo, .embed iframe, .embed, #tags,
.bloque-comentario, iframe, .fb-post, .owl-item, .owl-controls, .owl-carousel, .search, .whats-enviar, .bottom-right,
.ver-todas, .date-time, .bred-name, .cd-header h1 a, .banner-centrado.top, .big-img, .barra-menu, .etiquetas-nota,
.desarrollado, #navpie, .cont-whatsapp, .bloque.menu-etiquetas, .icon-logo-menu, .menu-deesplegable, .banner, .notas-5,
.notas-10, .banner-tres, #footer .icon-up, .newsletter, .mgbox, [class*=banner-], .bloque-sitios, .valoracion, .notas-bottom,
.notificaciones, .btn-radio, .menu-footer, .icon-lupa, [id*=taboola-below-article-thumbnails-], .destacadas-home, .btn-google-news,
.bloque-ultimas-noticias, [id*=tbl-aug-], [id*=tbl-next-], .mgbox, .OUTBRAIN, .ob-smartfeed-wrapper, .icon-dark,
#footer, .cotizacion, .instagram-media, .twitter-tweet, blockquote.instagram-media {
  display: none !important;
}

.header-interior .autor {
  clear: left;
}

figure.embed, .img-print:first-child {
  display: block !important;
}

#main, .main-squeeze, .post-interior, .cont-nota, .texto, .nota-foto, .nota-foto img {
  width: 100% !important;
  height: auto;
}

.humor.nota-interior .post-interior .cont-nota .nota-foto {
  margin-top: 30px;
}

.cont-nota, .owl-carousel .owl-stage, .owl-item, .owl-item figure, .owl-item figure img, .cont-galeria, .nota-interior .post-interior .cont-nota, .post-interior header, .nota-foto, .texto, .nota-interior .bajada,
.nota-interior #container header {
  width: 95%;
}

#main, .nota-listado #main {
  width: 100% !important;
}

.texto {
  width: 92% !important;
}

#header {
  height: auto !important;
  position: relative !important;
  background: none;
  margin-bottom: 20px;
  padding-top: 0;
}

#header .bloque {
  justify-content: space-between;
}

#header .fecha {
  left: auto;
  right: 0;
  transform: translateX(0);
}

.fixed .header-container {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
}

#page {
  position: relative;
}

.nota-sin-foto #page #main {
  padding-top: 30px;
}

#nota-title {
  font-size: 36px;
}

.inner, .bloque {
  width: 100%;
}

#page, #header, #footer #clousure {
  border: none;
}

.menu {
  height: 2px;
}

.cont-nota {
  padding: 0;
}

.cl-9 {
  width: 50%;
}

.cont-foto + .cont-bajada {
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}

.cont-bajada .bajada {
  width: 90%;
  display: block;
  float: left;
}

@media print {
  #header {
    background: var(--bg-header);
    -webkit-print-color-adjust: exact;
  }
  #header .inner {
    -webkit-print-color-adjust: exact;
    padding: 20px 0;
  }
}/*# sourceMappingURL=print.css.map */