.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;
}

#adblock-modal-overlay,
#adblock-help-modal-overlay {
  align-items: center;
  animation: fadeIn 0.3s ease-out;
  backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.85);
  bottom: 0;
  display: none;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100000;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translate(-50%, -40%) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

#adblock-modal,
#adblock-help-modal {
  animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  left: 50%;
  max-width: 480px;
  padding: 40px 32px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

#adblock-modal::before {
  animation: bounce 0.6s ease-out 0.3s;
  display: block;
  font-size: 56px;
  margin-bottom: 20px;
  text-align: center;
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

#adblock-help-modal::before {
  display: block;
  font-size: 48px;
  margin-bottom: 16px;
  text-align: center;
}

#adblock-modal h2,
#adblock-help-modal h2 {
  color: #1a202c;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 12px;
  text-align: center;
}

#adblock-modal p,
#adblock-help-modal p {
  color: #4a5568;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 28px;
  text-align: center;
}

#adblock-help-modal p {
  background: #f7fafc;
  border-left: 4px solid #667eea;
  border-radius: 8px;
  padding: 20px;
  text-align: left;
}

#adblock-help-modal strong {
  color: #2d3748;
  display: block;
  font-size: 15px;
  margin-bottom: 8px;
}

.adblock-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}

.adblock-buttons button {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  padding: 14px 24px;
  position: relative;
  transition: all 0.3s ease;
}

.adblock-buttons button::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  content: '';
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transition: left 0.5s;
  width: 100%;
}

.adblock-buttons button:hover {
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.5);
  transform: translateY(-2px);
}

.adblock-buttons button:hover::before {
  left: 100%;
}

.adblock-buttons button:active {
  transform: translateY(0);
}

#adblock-modal-help {
  background: transparent;
  border: 2px solid #667eea;
  box-shadow: none;
  color: #667eea;
}

#adblock-modal-help:hover {
  background: #667eea;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
  color: #fff;
}

#adblock-help-modal-refresh {
  width: 100%;
}

@media (max-width: 500px) {
  #adblock-modal,
  #adblock-help-modal {
    padding: 32px 24px;
  }

  #adblock-modal h2,
  #adblock-help-modal h2 {
    font-size: 22px;
  }
}

@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;
  }
}


  /**************************
  Generic colors for site
  ***************************/
  :root {
   --site-color: #0356fc;
  }
  .site-color, .text-site-color, .site-color > a, .header a { color: #0356fc; }
  .bg-site-color { background-color: #0356fc; }
  .border-site-color{ border-color:#0356fc;}

  
  .header, .scrolled-bar, .footer, .last-column   { border-color: #0356fc  }
  .preheader  { background-color: #0356fc; }

  .widget-header span, .widget-header span > a, blockquote  { border-color:#0356fc; }
  .widget-last-minute-content .widget-header span,
  .header-section:before, .widget-header:before, .widget-header a:hover, .inside-header-menu .nav-menu .nav-menu-item a:hover { color:#0356fc; }

  .pagination>li>a { color:#0356fc; }
  .pagination>li.active>a, .search-block .form-input { background-color:#0356fc; border-color:#0356fc; }

  .widget-content a:hover, .widget-content .title a:hover,
  .small-menu .sections-top-button:hover .fa, .small-menu .sections-top-block .sections-top li a, .small-menu .sections-top-block:hover .fa, .small-menu .sections-top-block:hover .fa, .small-menu .sections-top-block:hover span { color: #0356fc; }
  .main-nav-menu .section-listing > ul > li:hover { border-bottom: 1px solid #0356fc; }

  .onm-new .title a:hover, .search-block:hover .search-button .fa , .search-block .search-button:hover .fa,
  .onm-new.opinion .opinion-author a,
  .onm-new .summary a:hover {  color:#0356fc; }
      .onm-new .category-name { color: #0356fc; }
      .header-section.dark, .widget-header.dark, .article-navigation,
  .header-section .goToCat:hover, .back-to-top:hover { background-color: #0356fc; }

  .play-button:hover .fa,
  .widget .widget-header.colorize,
  .back-to-top i,
  .inner-content .mini-utilities li a,
  .widget .lang-selector.open .dropdown-toggle,
  .widget .lang-selector.open .dropdown-toggle .fa { color:#0356fc }
  .back-to-top { background-color:#FFF; }
  .onm-new.opinion .opinion-author a,
  .onm-new.opinion .opinion-data .title a:hover { color:#0356fc }
  .onm-new.opinion .opinion-data.border-site-color { border-color:#0356fc }
  .onm-new.opinion .opinion-author a.site-color { color:#0356fc!important }
  .subscription-login a {
    color: #0356fc;
  }
  .subscription-register:before {
    background-color: #0356fc;
  }

  .widget-most-seeing-commented-content .content-title,
  .onm-new.video, .onm-new.album, .inner-content .content-info { border-color:#0356fc; }

  .wrapper-slider ul.carousel-headlines .title a:hover,
  .widget-last-minute-content .widget-content .publish-date,
  .wrapper-slider ul.carousel-headlines .selected .title a { color: #0356fc; }

  .widget-carousel-lateral .item .caption-image .subtitle  { color:#0356fc; }
  .widget-carousel-lateral .carousel-indicators li { border-color:#0356fc; }
  .widget-carousel-lateral .carousel-indicators .active { background-color: #0356fc; }
  .widget-blogs-with-photo .name a  { color:#0356fc; }
  .summary a, .inner-content .body a { color:#0356fc; }
  .widget-editorial .item-data .content-info .content-time  { color:#0356fc; }

  .widget-header.border-site-color { border-color: #eaeaea !important; }
  .slider-nav i:hover, .widget-content ul li:after,

  .article-navigation .title a:hover { color:#0356fc; }
  .album-highlighted  .carousel-control .fa,
  .album-list .album-data .subtitle.site-color  {  background-color: #0356fc; }


  .datepicker thead tr:first-child th:hover,
  .datepicker tfoot tr th:hover,
  .datepicker table tr td.active {
    background-color:#0356fc !important;
    background-image:none;
    color: #fff !important;
  }
  .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker tableba tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover { background-color:#0356fc !important; background-image:none; }
  .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
    background-color: #0356fc !important;
  }
  .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
    background-image: none !important;
  }

      .onm-new .content-info,
    span.content-info,
    .onm-new .content-info .fa,
    .onm-new .content-info a:hover,
    .onm-new .summary a:hover { color:#0356fc; }
  
      .frontpage-auth-forms .submit-button.bg-site-color {
    border-color: #0356fc;
  }
  .frontpage-auth-forms .submit-button.bg-site-color:hover {
    background-color: #0356fc;
    border-color: #0356fc;
    color: #fff;
    opacity: .75;
  }

.onm-new.colorize { border-radius:0 !important; }
.media.colorize { margin:0; }
.owl-prev, .owl-next { background-color: #0356fc; }

@media (min-width: 992px) {
  .main-nav-menu .section-listing > ul > li > a:hover { color: #0356fc; }
  .main-nav-menu .section-listing .submenu { border-color: #0356fc; }
}
@media (max-width: 479px) {
  .small-menu .sections-top-block .sections-top { border-right-color: #0356fc!important; }
}




  /*********************
  CSS for categories
  **********************/
            /* Rules for category empresas-vip*/
      .onm-new .category-color.empresas-vip, .text-empresas-vip,a.text-empresas-vip,.text-empresas-vip a { color: 0356fc; }
      .bg-empresas-vip, .onm-new .category-bg.empresas-vip { background-color:0356fc; }
      .onm-new .category.empresas-vip a:hover { color:0356fc; }
      .header-section.color-empresas-vip:before,.widget-header.color-empresas-vip:before { color:0356fc; }

      body.empresas-vip .topbar.scrolled-bar { background-color:0356fc!important; }
      body.empresas-vip .footer, body.empresas-vip header.header, body.empresas-vip .scrolled-bar { background-color: 0356fc; }

      .onm-new .text-empresas-vip  { color:0356fc !important; }
      .onm-new .content-info.empresas-vip-color .fa,
      .onm-new .empresas-vip .content-info .fa { color:0356fc !important; }
      .color-empresas-vip, .color-empresas-vip a, .color-empresas-vip fa { color:0356fc !important; }

      .menu > li.empresas-vip a,
      .menu > li.empresas-vip .submenu a { color:0356fc!important; }
      body.empresas-vip .machine-related-contents .widget-header { background-color:0356fc!important; }
      .machine-related-contents .widget-header span { color:#FFF; }
      .widget-header.header-empresas-vip span { background-color:0356fc!important; }
      .empresas-vip-color{ color:0356fc!important; }
      .bg-empresas-vip{ background-color:0356fc!important; }
      .bg-empresas-vip.trans{ background:transparent!important; }
      .bg-empresas-vip.trans:after{ background-color:0356fc!important; }
      .border-empresas-vip-color{ border-color:0356fc!important; }
      ul li.border-empresas-vip-color:after{ background-color:0356fc!important; }
      .wrapper-slider ul.carousel-headlines .headlines-title.bg-empresas-vip-trans:after,
      .album-list .album-data.bg-empresas-vip .subtitle.site-color { background-color:0356fc!important; }

                      /* Rules for category servicios*/
      .onm-new .category-color.servicios, .text-servicios,a.text-servicios,.text-servicios a { color: 0356fc; }
      .bg-servicios, .onm-new .category-bg.servicios { background-color:0356fc; }
      .onm-new .category.servicios a:hover { color:0356fc; }
      .header-section.color-servicios:before,.widget-header.color-servicios:before { color:0356fc; }

      body.servicios .topbar.scrolled-bar { background-color:0356fc!important; }
      body.servicios .footer, body.servicios header.header, body.servicios .scrolled-bar { background-color: 0356fc; }

      .onm-new .text-servicios  { color:0356fc !important; }
      .onm-new .content-info.servicios-color .fa,
      .onm-new .servicios .content-info .fa { color:0356fc !important; }
      .color-servicios, .color-servicios a, .color-servicios fa { color:0356fc !important; }

      .menu > li.servicios a,
      .menu > li.servicios .submenu a { color:0356fc!important; }
      body.servicios .machine-related-contents .widget-header { background-color:0356fc!important; }
      .machine-related-contents .widget-header span { color:#FFF; }
      .widget-header.header-servicios span { background-color:0356fc!important; }
      .servicios-color{ color:0356fc!important; }
      .bg-servicios{ background-color:0356fc!important; }
      .bg-servicios.trans{ background:transparent!important; }
      .bg-servicios.trans:after{ background-color:0356fc!important; }
      .border-servicios-color{ border-color:0356fc!important; }
      ul li.border-servicios-color:after{ background-color:0356fc!important; }
      .wrapper-slider ul.carousel-headlines .headlines-title.bg-servicios-trans:after,
      .album-list .album-data.bg-servicios .subtitle.site-color { background-color:0356fc!important; }

                      /* Rules for category turismo-canarias*/
      .onm-new .category-color.turismo-canarias, .text-turismo-canarias,a.text-turismo-canarias,.text-turismo-canarias a { color: #ffffff; }
      .bg-turismo-canarias, .onm-new .category-bg.turismo-canarias { background-color:#ffffff; }
      .onm-new .category.turismo-canarias a:hover { color:#ffffff; }
      .header-section.color-turismo-canarias:before,.widget-header.color-turismo-canarias:before { color:#ffffff; }

      body.turismo-canarias .topbar.scrolled-bar { background-color:#ffffff!important; }
      body.turismo-canarias .footer, body.turismo-canarias header.header, body.turismo-canarias .scrolled-bar { background-color: #ffffff; }

      .onm-new .text-turismo-canarias  { color:#ffffff !important; }
      .onm-new .content-info.turismo-canarias-color .fa,
      .onm-new .turismo-canarias .content-info .fa { color:#ffffff !important; }
      .color-turismo-canarias, .color-turismo-canarias a, .color-turismo-canarias fa { color:#ffffff !important; }

      .menu > li.turismo-canarias a,
      .menu > li.turismo-canarias .submenu a { color:#ffffff!important; }
      body.turismo-canarias .machine-related-contents .widget-header { background-color:#ffffff!important; }
      .machine-related-contents .widget-header span { color:#FFF; }
      .widget-header.header-turismo-canarias span { background-color:#ffffff!important; }
      .turismo-canarias-color{ color:#ffffff!important; }
      .bg-turismo-canarias{ background-color:#ffffff!important; }
      .bg-turismo-canarias.trans{ background:transparent!important; }
      .bg-turismo-canarias.trans:after{ background-color:#ffffff!important; }
      .border-turismo-canarias-color{ border-color:#ffffff!important; }
      ul li.border-turismo-canarias-color:after{ background-color:#ffffff!important; }
      .wrapper-slider ul.carousel-headlines .headlines-title.bg-turismo-canarias-trans:after,
      .album-list .album-data.bg-turismo-canarias .subtitle.site-color { background-color:#ffffff!important; }

                      /* Rules for category efemerides*/
      .onm-new .category-color.efemerides, .text-efemerides,a.text-efemerides,.text-efemerides a { color: #ffffff; }
      .bg-efemerides, .onm-new .category-bg.efemerides { background-color:#ffffff; }
      .onm-new .category.efemerides a:hover { color:#ffffff; }
      .header-section.color-efemerides:before,.widget-header.color-efemerides:before { color:#ffffff; }

      body.efemerides .topbar.scrolled-bar { background-color:#ffffff!important; }
      body.efemerides .footer, body.efemerides header.header, body.efemerides .scrolled-bar { background-color: #ffffff; }

      .onm-new .text-efemerides  { color:#ffffff !important; }
      .onm-new .content-info.efemerides-color .fa,
      .onm-new .efemerides .content-info .fa { color:#ffffff !important; }
      .color-efemerides, .color-efemerides a, .color-efemerides fa { color:#ffffff !important; }

      .menu > li.efemerides a,
      .menu > li.efemerides .submenu a { color:#ffffff!important; }
      body.efemerides .machine-related-contents .widget-header { background-color:#ffffff!important; }
      .machine-related-contents .widget-header span { color:#FFF; }
      .widget-header.header-efemerides span { background-color:#ffffff!important; }
      .efemerides-color{ color:#ffffff!important; }
      .bg-efemerides{ background-color:#ffffff!important; }
      .bg-efemerides.trans{ background:transparent!important; }
      .bg-efemerides.trans:after{ background-color:#ffffff!important; }
      .border-efemerides-color{ border-color:#ffffff!important; }
      ul li.border-efemerides-color:after{ background-color:#ffffff!important; }
      .wrapper-slider ul.carousel-headlines .headlines-title.bg-efemerides-trans:after,
      .album-list .album-data.bg-efemerides .subtitle.site-color { background-color:#ffffff!important; }

            
