.ad-left,
.ad-right {
  display: inline-block;
  float: none;
  text-align: center;
  vertical-align: top;
}

.ad-left + .ad-right {
  margin-left: 10px;
}

.ads,
.ad-skyscraper-left,
.ad-skyscraper-right {
  overflow: visible;
}

.ads-skyscraper-container {
  padding-left: 0;
  padding-top: 0;
}

.interstitial {
  background: #fff;
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 50000;
}

.interstitial-open {
  height: 100%;
  overflow: hidden;
}

.interstitial-visible {
  display: block;
}

.interstitial-wrapper {
  margin: 0 auto;
  max-width: 95%;
}

.interstitial-content {
  width: 100%;
}

.interstitial-content .oat:before {
  content: "";
}

.interstitial-content .oat > *:not(script) {
  margin: 0 !important
}

.interstitial-header {
  clear: both;
  display: table;
  padding: 8px 0;
  text-align: left;
  width: 100%;
}

.interstitial-close-button {
  cursor: pointer;
  float: right;
}

.interstitial-close-button:hover {
  text-decoration: underline;
}

.oat {
  clear: both;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.oat:before {
  color: #838383;
  content: attr(data-mark);
  display: block;
  font-size: 10px;
  line-height: 15px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.oat > *:not(script) {
  display: block;
}

.oat img {
  height: auto;
  max-width: 100%;
}

.oat-container {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}

.oat-content {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.oat-left > *,
.oat-right > * {
  padding-top: 0;
  margin-left: 0;
}

.oat-visible {
  align-items: center;
  display: flex;
  visibility: visible;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.oat-visible > * {
  width: -webkit-fill-available;
  width: -moz-available;
}

.oat-bottom > * {
  margin-bottom: 15px;
}

.oat-left > * {
  margin-left: 15px !important;
}

.oat-right > * {
  margin-right: 15px !important;
}

.oat-top > * {
  margin-top: 15px !important;
}

.oat-bottom:before {
  position: absolute;
  margin-bottom: 0;
  bottom: 0;
}

.oat-left:before {
  left: -50%;
  margin-left: 7.5px;
  position: absolute;
  top: 50%;
  transform: rotate(-90deg);
}

.oat-right:before {
  right: -50%;
  margin-right: 7.5px;
  position: absolute;
  top: 50%;
  transform: rotate(90deg);
}

.oat-top:before {
  position: absolute;
  margin-bottom: 0;
  top: 0;
}

.recaptcha {
  width: 304px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .oat.hidden-phone {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .oat.hidden-tablet {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .oat.hidden-desktop {
    display: none !important;
  }
}

.cookies-overlay button {
  background: none;
  border: none;
  margin: 0;
  padding: 5px;
  float: right;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bolder;
  font-style: normal;
}

.cookies-overlay p {
  width: 85%;
}

.cookies-overlay a {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 479px) {
  .cookies-overlay p {
    margin: 0;
    float: none;
    width: 100%;
    padding: 5px;
    font-size: .8em;
    line-height: 1.3em;
  }

  .interstitial-header-title {
    display: none;
  }

  .interstitial-header {
    text-align: center;
  }

  .interstitial-close-button {
    float: none;
  }
}


      
          
  :root {
    --black-color: #000;
    --dark-color: #3c3c3c;
    --light-color: #eaeaea;
    --font-arsenal: 'Arsenal';
    --font-arsenal-weight: 700;
    --font-assistant: 'Assistant';
    --font-assistant-weight: 700;
    --font-besley: 'Besley';
    --font-besley-weight: 700;
    --font-bitter: 'Bitter';
    --font-bitter-weight: 700;
    --font-encode-sans-condensed: 'Encode Sans Condensed';
    --font-encode-sans-condensed-weight: 700;
    --font-exo: 'Exo';
    --font-exo-weight: 700;
    --font-fira-sans-condensed: 'Fira Sans Condensed';
    --font-fira-sans-condensed-weight: 700;
    --font-gelasio: 'Gelasio';
    --font-gelasio-weight: 700;
    --font-ibm-plex-sans: 'IBM Plex Sans';
    --font-ibm-plex-weight: 700;
    --font-lato: 'Lato';
    --font-lato-weight: 700;
    --font-lora: 'Lora';
    --font-lora-weight: 700;
    --font-merriweather: 'Merriweather';
    --font-merriweather-weight: 700;
    --font-montserrat: 'Montserrat';
    --font-montserrat-weight: 700;
    --font-newsreader: 'Newsreader';
    --font-newsreader-weight: 700;
    --font-noto-serif: 'Noto Serif';
    --font-noto-serif-weight: 700;
    --font-open-sans: 'Open Sans';
    --font-open-sans-weight: 700;
    --font-petrona: 'Petrona';
    --font-petrona-weight: 700;
    --font-playfair-display: 'Playfair Display';
    --font-playfair-display-weight: 400;
    --font-pt-sans: 'PT Sans';
    --font-pt-sans-weight: 700;
    --font-pt-serif: 'PT Serif';
    --font-pt-serif-weight: 400;
    --font-public-sans: 'Public Sans';
    --font-public-sans-weight: 700;
    --font-raleway: 'Raleway';
    --font-raleway-weight: 700;
    --font-roboto: 'Roboto';
    --font-roboto-weight: 700;
    --font-source-sans: 'Source Sans 3';
    --font-source-sans-weight: 700;
    --font-source-serif: 'Source Serif 4';
    --font-source-serif-weight: 600;
    --font-titillium-web: 'Titillium Web';
    --font-titillium-weight: 700;
    --font-primary: var(--font-source-serif);
    --imageratio-1x1: 1/1;
    --imageratio-4x3: 4/3;
    --imageratio-16x9: 16/9;
    --option-font-primary-weight: bold;
    --option-font-secondary-weight: normal;
    --option-header-border-color: rgb(222,226,230);
    --option-main-font-size: var(--theme-main-font-size-normal);
    --option-menu-border-color: rgb(222,226,230);
    --option-menu-link-color: var(--default);
    --option-menu-border-width: 1px;
    --option-page-width: box;
    --option-logo-size: 92px;
    --option-mobile-logo-size: 64px;
    --option-second-font-size: var(--theme-main-font-size-normal);
    --option-widget-header-font-size: var(--theme-widget-header-font-size-normal);
    --option-widget-header-font: var(--font-secondary);
    --option-widget-header-font-weight: 900;
    --option-widget-header-font-color: var(--black);
    --option-widget-header-border-color: var(--black-color);
    --option-widget-header-border-position: bottom;
    --option-widget-header-ribbon-color: var(--site-color);
    --option-content-imageratio-normal: var(--imageratio-16x9);
    --option-content-imageratio-list: var(--imageratio-16x9);
    --option-content-imageratio-tiny: var(--imageratio-1x1);
    --font-primary-weight: var(--option-font-primary-weight, --font-source-serif-weight);
    --font-secondary: var(--font-source-sans);
    --font-secondary-weight: var(--option-font-secondary-weight, --font-source-sans-weight);
    --theme-main-font-size-smallest: .9;
    --theme-main-font-size-smaller: .95;
    --theme-main-font-size-normal: 1;
    --theme-main-font-size-larger: 1.15;
    --theme-main-font-size-largest: 1.3;
    --theme-second-font-size-smallest: .9;
    --theme-second-font-size-smaller: .95;
    --theme-second-font-size-normal: 1;
    --theme-second-font-size-larger: 1.05;
    --theme-second-font-size-largest: 1.1;
    --theme-widget-header-font-size-smallest: .9;
    --theme-widget-header-font-size-smaller: .95;
    --theme-widget-header-font-size-normal: 1;
    --theme-widget-header-font-size-larger: 1.25;
    --theme-widget-header-font-size-largest: 1.5;
    --widget-header-font-weight: var(--option-widget-header-font-weight, 700);
    --widget-header-font-color: var(--option-widget-header-font-color, black);
    --widget-header-border-color: var(--option-widget-header-border-color, #eaeaea);
    --widget-header-second-border-color: var(--option-widget-header-border-color, var(--site-color));
    --widget-header-ribbon-color: var(--option-widget-header-ribbon-color, #eaeaea);
    --aspect-ratio: var(--option-content-imageratio-normal);
  }
  .bg-darker {
    background-image: linear-gradient(0deg, rgba(0,0,0,10%),rgba(0,0,0,10%));
  }
  .bg-darker-20 {
    background-image: linear-gradient(0deg, rgba(0,0,0,20%),rgba(0,0,0,20%));
  }
  .bg-darker-30 {
    background-image: linear-gradient(0deg, rgba(0,0,0,30%),rgba(0,0,0,30%));
  }
  .bg-darker-40 {
    background-image: linear-gradient(0deg, rgba(0,0,0,40%),rgba(0,0,0,40%));
  }
  .bg-darker-50 {
    background-image: linear-gradient(0deg, rgba(0,0,0,50%),rgba(0,0,0,50%));
  }
  .bg-darker-60 {
    background-image: linear-gradient(0deg, rgba(0,0,0,60%),rgba(0,0,0,60%));
  }
  .bg-darker-70 {
    background-image: linear-gradient(0deg, rgba(0,0,0,70%),rgba(0,0,0,70%));
  }
  .bg-darker-80 {
    background-image: linear-gradient(0deg, rgba(0,0,0,80%),rgba(0,0,0,80%));
  }
  .bg-darker-90 {
    background-image: linear-gradient(0deg, rgba(0,0,0,90%),rgba(0,0,0,90%));
  }
  .bg-lighter {
    background-image: linear-gradient(0deg, rgba(255,255,255,10%),rgba(255,255,255,10%));
  }
  .bg-lighter-20 {
    background-image: linear-gradient(0deg, rgba(255,255,255,20%),rgba(255,255,255,20%));
  }
  .bg-lighter-30 {
    background-image: linear-gradient(0deg, rgba(255,255,255,30%),rgba(255,255,255,30%));
  }
  .bg-lighter-40 {
    background-image: linear-gradient(0deg, rgba(255,255,255,40%),rgba(255,255,255,40%));
  }
  .bg-lighter-50 {
    background-image: linear-gradient(0deg, rgba(255,255,255,50%),rgba(255,255,255,50%));
  }
  .bg-lighter-60 {
    background-image: linear-gradient(0deg, rgba(255,255,255,60%),rgba(255,255,255,60%));
  }
  .bg-lighter-70 {
    background-image: linear-gradient(0deg, rgba(255,255,255,70%),rgba(255,255,255,70%));
  }
  .bg-lighter-80 {
    background-image: linear-gradient(0deg, rgba(255,255,255,80%),rgba(255,255,255,80%));
  }
  .bg-lighter-90 {
    background-image: linear-gradient(0deg, rgba(255,255,255,90%),rgba(255,255,255,90%));
  }

      /**************************
    Generic colors for site
    ***************************/
    :root {
      --site-color: #ee253d;
      --site-color-90: #ee253de6;
      --site-color-80: #ee253dcc;
      --site-color-70: #ee253db3;
      --site-color-60: #ee253d99;
      --site-color-50: #ee253d80;
      --site-color-40: #ee253d66;
      --site-color-30: #ee253d4d;
      --site-color-20: #ee253d33;
      --site-color-10: #ee253d1a;
    }
    .site-color,
    .site-color > a,
    a.site-color {
      color: #ee253d;
    }
    .site-color-10,.site-color-10>a,a.site-color-10{ color:var(--site-color-10); }
    .site-color-20,.site-color-20>a,a.site-color-20{ color:var(--site-color-20); }
    .site-color-30,.site-color-30>a,a.site-color-30{ color:var(--site-color-30); }
    .site-color-40,.site-color-40>a,a.site-color-40{ color:var(--site-color-40); }
    .site-color-50,.site-color-50>a,a.site-color-50{ color:var(--site-color-50); }
    .site-color-60,.site-color-60>a,a.site-color-60{ color:var(--site-color-60); }
    .site-color-70,.site-color-70>a,a.site-color-70{ color:var(--site-color-70); }
    .site-color-80,.site-color-80>a,a.site-color-80{ color:var(--site-color-80); }
    .site-color-90,.site-color-90>a,a.site-color-90{ color:var(--site-color-90); }
    .bg-site-color {
      background-color: #ee253d;
    }
    .bg-site-color-10{ background-color:var(--site-color-10); }
    .bg-site-color-20{ background-color:var(--site-color-20); }
    .bg-site-color-30{ background-color:var(--site-color-30); }
    .bg-site-color-40{ background-color:var(--site-color-40); }
    .bg-site-color-50{ background-color:var(--site-color-50); }
    .bg-site-color-60{ background-color:var(--site-color-60); }
    .bg-site-color-70{ background-color:var(--site-color-70); }
    .bg-site-color-80{ background-color:var(--site-color-80); }
    .bg-site-color-90{ background-color:var(--site-color-90); }
    .border-site-color {
      border-color: #ee253d;
      --bs-border-color: #ee253d;
    }
    .border-site-color-10{ border-color:var(--site-color-10);--bs-border-color: var(--site-color-10);}
    .border-site-color-20{ border-color:var(--site-color-20);--bs-border-color: var(--site-color-20);}
    .border-site-color-30{ border-color:var(--site-color-30);--bs-border-color: var(--site-color-30);}
    .border-site-color-40{ border-color:var(--site-color-40);--bs-border-color: var(--site-color-40);}
    .border-site-color-50{ border-color:var(--site-color-50);--bs-border-color: var(--site-color-50);}
    .border-site-color-60{ border-color:var(--site-color-60);--bs-border-color: var(--site-color-60);}
    .border-site-color-70{ border-color:var(--site-color-70);--bs-border-color: var(--site-color-70);}
    .border-site-color-80{ border-color:var(--site-color-80);--bs-border-color: var(--site-color-80);}
    .border-site-color-90{ border-color:var(--site-color-90);--bs-border-color: var(--site-color-90);}
    .text-site-grad {
      background: linear-gradient(-270deg, #ee253d 0%, #373430 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
    .text-site-grad-light {
      background: linear-gradient(177.22deg, #ee253d -50%, #fff 80%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
    }
  

  :root {
    --second-color: #373430;
    --second-color-90: #373430e6;
    --second-color-80: #373430cc;
    --second-color-70: #373430b3;
    --second-color-60: #37343099;
    --second-color-50: #37343080;
    --second-color-40: #37343066;
    --second-color-30: #3734304d;
    --second-color-20: #37343033;
    --second-color-10: #3734301a;
  }
  .second-color,
  .second-color > a,
  a.second-color {
    color: #373430;
  }
  .second-color-10,.second-color-10>a,a.second-color-10{ color:var(--second-color-10); }
  .second-color-20,.second-color-20>a,a.second-color-20{ color:var(--second-color-20); }
  .second-color-30,.second-color-30>a,a.second-color-30{ color:var(--second-color-30); }
  .second-color-40,.second-color-40>a,a.second-color-40{ color:var(--second-color-40); }
  .second-color-50,.second-color-50>a,a.second-color-50{ color:var(--second-color-50); }
  .second-color-60,.second-color-60>a,a.second-color-60{ color:var(--second-color-60); }
  .second-color-70,.second-color-70>a,a.second-color-70{ color:var(--second-color-70); }
  .second-color-80,.second-color-80>a,a.second-color-80{ color:var(--second-color-80); }
  .second-color-90,.second-color-90>a,a.second-color-90{ color:var(--second-color-90); }
  .bg-second-color {
    background-color: #373430;
  }
  .bg-second-color-10{ background-color:var(--second-color-10); }
  .bg-second-color-20{ background-color:var(--second-color-20); }
  .bg-second-color-30{ background-color:var(--second-color-30); }
  .bg-second-color-40{ background-color:var(--second-color-40); }
  .bg-second-color-50{ background-color:var(--second-color-50); }
  .bg-second-color-60{ background-color:var(--second-color-60); }
  .bg-second-color-70{ background-color:var(--second-color-70); }
  .bg-second-color-80{ background-color:var(--second-color-80); }
  .bg-second-color-90{ background-color:var(--second-color-90); }
  .border-second-color {
    border-color: #373430;
    --bs-border-color: #373430;
  }
  .border-second-color-10{ border-color:var(--second-color-10);--bs-border-color: var(--second-color-10);}
  .border-second-color-20{ border-color:var(--second-color-20);--bs-border-color: var(--second-color-20);}
  .border-second-color-30{ border-color:var(--second-color-30);--bs-border-color: var(--second-color-30);}
  .border-second-color-40{ border-color:var(--second-color-40);--bs-border-color: var(--second-color-40);}
  .border-second-color-50{ border-color:var(--second-color-50);--bs-border-color: var(--second-color-50);}
  .border-second-color-60{ border-color:var(--second-color-60);--bs-border-color: var(--second-color-60);}
  .border-second-color-70{ border-color:var(--second-color-70);--bs-border-color: var(--second-color-70);}
  .border-second-color-80{ border-color:var(--second-color-80);--bs-border-color: var(--second-color-80);}
  .border-second-color-90{ border-color:var(--second-color-90);--bs-border-color: var(--second-color-90);}


      /*********************
    CSS for categories
    **********************/
                  /* Rules for category deportes */
        :root {
          --deportes-color: #4566ba;
        }
        .text-deportes,
        a.text-deportes,
        .text-deportes a,
        .color-deportes,
        .deportes-color {
          color: #4566ba;
        }
        .bg-deportes {
          background-color: #4566ba;
        }
        .bg-deportes .a {
          color: #fff
        }
        .border-deportes {
          border-color: #4566ba;
        }
                        /* Rules for category jetset */
        :root {
          --jetset-color: #fa98e4;
        }
        .text-jetset,
        a.text-jetset,
        .text-jetset a,
        .color-jetset,
        .jetset-color {
          color: #fa98e4;
        }
        .bg-jetset {
          background-color: #fa98e4;
        }
        .bg-jetset .a {
          color: #fff
        }
        .border-jetset {
          border-color: #fa98e4;
        }
                        /* Rules for category ciencia */
        :root {
          --ciencia-color: #ba2b2b;
        }
        .text-ciencia,
        a.text-ciencia,
        .text-ciencia a,
        .color-ciencia,
        .ciencia-color {
          color: #ba2b2b;
        }
        .bg-ciencia {
          background-color: #ba2b2b;
        }
        .bg-ciencia .a {
          color: #fff
        }
        .border-ciencia {
          border-color: #ba2b2b;
        }
                        /* Rules for category internacional */
        :root {
          --internacional-color: #129dc9;
        }
        .text-internacional,
        a.text-internacional,
        .text-internacional a,
        .color-internacional,
        .internacional-color {
          color: #129dc9;
        }
        .bg-internacional {
          background-color: #129dc9;
        }
        .bg-internacional .a {
          color: #fff
        }
        .border-internacional {
          border-color: #129dc9;
        }
                        /* Rules for category sexo */
        :root {
          --sexo-color: #a595e5;
        }
        .text-sexo,
        a.text-sexo,
        .text-sexo a,
        .color-sexo,
        .sexo-color {
          color: #a595e5;
        }
        .bg-sexo {
          background-color: #a595e5;
        }
        .bg-sexo .a {
          color: #fff
        }
        .border-sexo {
          border-color: #a595e5;
        }
                        /* Rules for category politicos */
        :root {
          --politicos-color: #728a8a;
        }
        .text-politicos,
        a.text-politicos,
        .text-politicos a,
        .color-politicos,
        .politicos-color {
          color: #728a8a;
        }
        .bg-politicos {
          background-color: #728a8a;
        }
        .bg-politicos .a {
          color: #fff
        }
        .border-politicos {
          border-color: #728a8a;
        }
                        /* Rules for category negocios */
        :root {
          --negocios-color: #569683;
        }
        .text-negocios,
        a.text-negocios,
        .text-negocios a,
        .color-negocios,
        .negocios-color {
          color: #569683;
        }
        .bg-negocios {
          background-color: #569683;
        }
        .bg-negocios .a {
          color: #fff
        }
        .border-negocios {
          border-color: #569683;
        }
                                  /* Rules for category sucesos */
        :root {
          --sucesos-color: #8c202d;
        }
        .text-sucesos,
        a.text-sucesos,
        .text-sucesos a,
        .color-sucesos,
        .sucesos-color {
          color: #8c202d;
        }
        .bg-sucesos {
          background-color: #8c202d;
        }
        .bg-sucesos .a {
          color: #fff
        }
        .border-sucesos {
          border-color: #8c202d;
        }
                        /* Rules for category servicios */
        :root {
          --servicios-color: #edca11;
        }
        .text-servicios,
        a.text-servicios,
        .text-servicios a,
        .color-servicios,
        .servicios-color {
          color: #edca11;
        }
        .bg-servicios {
          background-color: #edca11;
        }
        .bg-servicios .a {
          color: #fff
        }
        .border-servicios {
          border-color: #edca11;
        }
                        /* Rules for category novedades */
        :root {
          --novedades-color: #b0b1ba;
        }
        .text-novedades,
        a.text-novedades,
        .text-novedades a,
        .color-novedades,
        .novedades-color {
          color: #b0b1ba;
        }
        .bg-novedades {
          background-color: #b0b1ba;
        }
        .bg-novedades .a {
          color: #fff
        }
        .border-novedades {
          border-color: #b0b1ba;
        }
                        /* Rules for category curiosidades1 */
        :root {
          --curiosidades1-color: #4dee25;
        }
        .text-curiosidades1,
        a.text-curiosidades1,
        .text-curiosidades1 a,
        .color-curiosidades1,
        .curiosidades1-color {
          color: #4dee25;
        }
        .bg-curiosidades1 {
          background-color: #4dee25;
        }
        .bg-curiosidades1 .a {
          color: #fff
        }
        .border-curiosidades1 {
          border-color: #4dee25;
        }
                                  /* Rules for category judiciales */
        :root {
          --judiciales-color: #3246ab;
        }
        .text-judiciales,
        a.text-judiciales,
        .text-judiciales a,
        .color-judiciales,
        .judiciales-color {
          color: #3246ab;
        }
        .bg-judiciales {
          background-color: #3246ab;
        }
        .bg-judiciales .a {
          color: #fff
        }
        .border-judiciales {
          border-color: #3246ab;
        }
                        /* Rules for category reflexiones */
        :root {
          --reflexiones-color: #a875b0;
        }
        .text-reflexiones,
        a.text-reflexiones,
        .text-reflexiones a,
        .color-reflexiones,
        .reflexiones-color {
          color: #a875b0;
        }
        .bg-reflexiones {
          background-color: #a875b0;
        }
        .bg-reflexiones .a {
          color: #fff
        }
        .border-reflexiones {
          border-color: #a875b0;
        }
                        /* Rules for category publicidad1 */
        :root {
          --publicidad1-color: #586fe6;
        }
        .text-publicidad1,
        a.text-publicidad1,
        .text-publicidad1 a,
        .color-publicidad1,
        .publicidad1-color {
          color: #586fe6;
        }
        .bg-publicidad1 {
          background-color: #586fe6;
        }
        .bg-publicidad1 .a {
          color: #fff
        }
        .border-publicidad1 {
          border-color: #586fe6;
        }
            
