@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");

:root {
  --gris-autoria: #787878;
  --gris-separador: #D7D7D7;
  --blanco-puro: #FFFFFF;
  --negro-texto-parrafo: #3D3D3D;
  --negro-texto:#3D3D3D;
  --negro-intenso: #000000;
  --negro-menos-intenso: #2B282B;
  --frambuesa-vibrante: #FF205B; /*#FF1D46;*/
  --degradado-card: linear-gradient(180.32deg, rgba(217, 217, 217, 0) 2.37%, rgba(0, 0, 0, 0.8) 74.07%);
  --gris-autoria: #535353;
  --negro-ott: #181D21;
  --gris-antetitulo: #837D83;
  --azul-marino-exn: #10242C;
  --verde-oscuro-exn: #1D6C5C;
  --verde-claro-exn: #3DE0BF;
  --verde-mas-claro-exn:#BBF9DF ;
  --blanco-roto-exn:#F2F7ED ;
  --azul-marino-exd: #10242C;
  --amarillo-oscuro-exd: #EDFF00;
  --amarillo-claro-exd: #FCFF94;
  --blanco-roto-exd: ;#F2F7ED;
}
a, a:hover{
  text-decoration: none;
}
.cx-icon {
  display: inline-block;
  height: 1em;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

/* Icono específico */
.cx-noticias {
  aspect-ratio: 3739.3 / 1080;
  mask-image: url('../icons/exn.svg');
  -webkit-mask-image: url('../icons/exn.svg');
}
.cx-noticias-two {
  aspect-ratio: 3739.3 / 1080;
  mask-image: url('../icons/exntwo.svg');
  -webkit-mask-image: url('../icons/exntwo.svg');
}
.cx-general {
  aspect-ratio: 3143.8 / 1080;
  mask-image: url('../icons/exg.svg');
  -webkit-mask-image: url('../icons/exg.svg');
}
.cx-deportes {
  aspect-ratio: 3739.3 / 1080;
  mask-image: url('../icons/exd.svg');
  -webkit-mask-image: url('../icons/exd.svg');
}
.cx-deportes-two {
  aspect-ratio: 3739.3 / 1080;
  mask-image: url('../icons/exdtwo.svg');
  -webkit-mask-image: url('../icons/exdtwo.svg');
}
.advertising-left-bar img{width: 100%;}
.advertising-top-bar img{width: 100%;}
.advertising-right-bar img{width: 100%;}

.region-header .menu--main .menu-item a{}
.region-secondary-menu ul{
 display: flex;
  list-style: none outside;
  /*justify-content: space-between;*/
}

.region-header .menu--main .menu-item a,
.region-secondary-menu .menu-item a{
  font-size: 14px;
  font-weight: bold;
  line-height: 120%;
  color: var(--gris-autoria);
}


.pager {
  padding-top: 32px;
}

.pager ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.pager__item {
  display: block;
  margin: 0 5px;
  font-size: 16px;
  font-weight: bold;
  margin-right: 18px;
}

.pager__item a {
  color: #2a343d;
  border-bottom-color: transparent;
}
.pager__item a:focus,
.pager__item a:hover {
  color: #de2c57;
  border-bottom-color: transparent;
}


.pager__item.is-active {
  font-weight: bold;
  width: 32px;
  height: 32px;
  background-color: #de2c57;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pager__item.is-active a {
  color: #ffffff;
  cursor: default;
  border-bottom-color: transparent;
}

.pager__item--first, .pager__item--previous, .pager__item--next, .pager__item--last {
  background-color: #ffffff;
  padding: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pager__item--first a, .pager__item--previous a, .pager__item--next a, .pager__item--last a {
  font-size: 0;
  padding: 16px;
  display: block;
}

.pager__item--first a {
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%232a343d%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.707%205.293a1%201%200%200%201%20.083%201.32l-.083.094L6.415%2012l5.292%205.293a1%201%200%200%201%20.083%201.32l-.083.094a1%201%200%200%201-1.32.083l-.094-.083-6-6a1%201%200%200%201-.083-1.32l.083-.094%206-6a1%201%200%200%201%201.414%200zm8%200a1%201%200%200%201%20.083%201.32l-.083.094L14.415%2012l5.292%205.293a1%201%200%200%201%20.083%201.32l-.083.094a1%201%200%200%201-1.32.083l-.094-.083-6-6a1%201%200%200%201-.083-1.32l.083-.094%206-6a1%201%200%200%201%201.414%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
}

.pager__item--first:hover a {
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23de2c57%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.707%205.293a1%201%200%200%201%20.083%201.32l-.083.094L6.415%2012l5.292%205.293a1%201%200%200%201%20.083%201.32l-.083.094a1%201%200%200%201-1.32.083l-.094-.083-6-6a1%201%200%200%201-.083-1.32l.083-.094%206-6a1%201%200%200%201%201.414%200zm8%200a1%201%200%200%201%20.083%201.32l-.083.094L14.415%2012l5.292%205.293a1%201%200%200%201%20.083%201.32l-.083.094a1%201%200%200%201-1.32.083l-.094-.083-6-6a1%201%200%200%201-.083-1.32l.083-.094%206-6a1%201%200%200%201%201.414%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
}

.pager__item--previous a {
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%232a343d%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.414%2012l5.293-5.293a1%201%200%200%200-1.414-1.414l-6%206a1%201%200%200%200%200%201.414l6%206a1%201%200%201%200%201.414-1.414L10.414%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
}

.pager__item--previous:hover a {
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23de2c57%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.414%2012l5.293-5.293a1%201%200%200%200-1.414-1.414l-6%206a1%201%200%200%200%200%201.414l6%206a1%201%200%201%200%201.414-1.414L10.414%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
}

.pager__item--next a {
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%232a343d%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.586%2012L8.293%206.707a1%201%200%200%201%201.414-1.414l6%206a1%201%200%200%201%200%201.414l-6%206a1%201%200%201%201-1.414-1.414L13.586%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
}

.pager__item--next:hover a {
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23de2c57%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.586%2012L8.293%206.707a1%201%200%200%201%201.414-1.414l6%206a1%201%200%200%201%200%201.414l-6%206a1%201%200%201%201-1.414-1.414L13.586%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
}

.pager__item--last a {
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%232a343d%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.293%205.293a1%201%200%200%200-.083%201.32l.083.094L17.585%2012l-5.292%205.293a1%201%200%200%200-.083%201.32l.083.094a1%201%200%200%200%201.32.083l.094-.083%206-6a1%201%200%200%200%20.083-1.32l-.083-.094-6-6a1%201%200%200%200-1.414%200zm-8%200a1%201%200%200%200-.083%201.32l.083.094L9.585%2012l-5.292%205.293a1%201%200%200%200-.083%201.32l.083.094a1%201%200%200%200%201.32.083l.094-.083%206-6a1%201%200%200%200%20.083-1.32l-.083-.094-6-6a1%201%200%200%200-1.414%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
}

.pager__item--last:hover a {
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23de2c57%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.293%205.293a1%201%200%200%200-.083%201.32l.083.094L17.585%2012l-5.292%205.293a1%201%200%200%200-.083%201.32l.083.094a1%201%200%200%200%201.32.083l.094-.083%206-6a1%201%200%200%200%20.083-1.32l-.083-.094-6-6a1%201%200%200%200-1.414%200zm-8%200a1%201%200%200%200-.083%201.32l.083.094L9.585%2012l-5.292%205.293a1%201%200%200%200-.083%201.32l.083.094a1%201%200%200%200%201.32.083l.094-.083%206-6a1%201%200%200%200%20.083-1.32l-.083-.094-6-6a1%201%200%200%200-1.414%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
}

@media (max-width: 575px) {
  /* xs: móviles pequeños */
}

@media (min-width: 576px) and (max-width: 767px) {
  /* sm: móviles grandes */
}

@media (min-width: 768px) and (max-width: 991px) {
  /* md: tablets */
}

@media (min-width: 992px) {
  .layout-container{
    font-family: "Roboto Flex", sans-serif;
    display: grid;
    grid-template-areas:
      "al ac ar"
      "al head ar"
       "al highlighted ar"
      "al container ar"
      "al footer ar";
      grid-template-columns: 18% 64% 18%;
      margin: 0;
  }

  .advertising-left-bar{
     grid-area: al;
  }
  .advertising-top-bar{
    grid-area: ac;
  }
  .advertising-right-bar{
    grid-area: ar;
  }
  header{
    grid-area: head;
  }
  .region-highlighted{
    grid-area: highlighted;
  }
  main{
    grid-area: container;
  }
  footer{
    grid-area: footer;
  }
  .navigation.menu--main ul{
    list-style: none outside;
    text-align: left;
  }
  .navigation.menu--main li{
    padding: 0 36px 0 0;
    display: inline-block;
  }
  .navigation.menu--main li a{
    color: var(--negro-texto-parrafo);
  }
  .navigation.menu--main li.menu-item--active-trail a{
    color: var(--frambuesa-vibrante);
  }
  .navigation.menu--main .menu-icon-5 {
    border-right: 1px solid #ccc; /* puedes ajustar el color y grosor */
    margin-right: 10px;           /* espacio entre la barra y el siguiente ítem */
    padding-right: 10px;          /* espacio interior a la derecha */
  }

}

.menu-item a:hover{
  text-decoration: none;
}

.region-secondary-menu nav ul{
  list-style: none outside;
    text-align: left;
}
.region-secondary-menu nav li{
  padding: 0 36px 0 0;
    display: inline-block;
  
}
.region-secondary-menu .menu--noticias li.menu-item--active-trail a{
    color: var(--negro-texto-parrafo);
    border-bottom: 3px solid var(--verde-claro-exn);
    text-decoration: none;
}
.region-secondary-menu .menu--noticias li.menu-item a:focus,
.region-secondary-menu .menu--noticias li.menu-item a:hover{
    color: var(--verde-claro-exn);
    text-decoration: none;
}





.field--name-field-shared-media-iframe .iframe-player,
.views-field-field-shared-media-iframe .iframe-player,
.field--name-field-shooowit-iframe .iframe-player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.field--name-field-shared-media-iframe .iframe-player iframe,
.views-field-field-shared-media-iframe .iframe-player iframe,
.field--name-field-shooowit-iframe .iframe-player iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}






.lay1{
  padding: 1em;
 display: flex;

}
.lay1 .col-5{
 width: 41.6%;
}
.lay1 .col-5 > div {
  margin-bottom: 1em;
}
.lay1 .col-3{
  width: 25%;
}
.lay1 .col-3 > div {
  margin-bottom: 1em;
}
.lay1 .col-4{
  width: 33.3%;
}
.lay1 .noticias .noticia-item {
  position: relative;
}
.lay1 .noticias .noticia-item .tag{
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  color: var(--frambuesa-vibrante);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  z-index: 100;
  padding: 8px 8px 8px 16px;
  border-bottom-right-radius: 8px;
}
.lay1 .noticias .noticia-item .image img{
  width: 100%;
  border-radius: 8px;
}

.lay1 .noticias .noticia-item .play {
  background-color: #fff;
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 65px;
  height: 65px;
  border-top-left-radius: 8px;
  /* Para centrar el triángulo */
  display: flex;
  align-items: center;
  justify-content: center;
}

.lay1 .noticias .noticia-item .play::before {
  content: "";
  display: block;
  /* Triángulo usando bordes */
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid var(--frambuesa-vibrante);
}

.lay1 .pretitle{
  font-size: 16px;
  color: #837D83;
  border-left: 4px solid var(--frambuesa-vibrante)
  padding-left: 12px;
  padding-right:8px ;
  margin-top: 10px;
  margin-bottom: 10px;
}
.lay1 .pretitle-img{
   font-size: 16px;
  color: #fff;
  border-left: 4px solid var(--frambuesa-vibrante)
  padding-left: 12px;
  padding-right:8px ;
  margin-top: 10px;
  margin-bottom: 10px;
  grid-area: 1 / 1 / 2 / 4;
}
.lay1 .pretitle-img p,
.lay1 .pretitle p{
  margin: 0;
}
.lay1 .noticias .title {
  font-size: 30px;
  font-weight: 700;
  color: var(--negro-texto-parrafo);
  line-height: 120%;

}
.lay1 .noticias .title a{
  color: var(--negro-texto-parrafo);
}
.lay1 .noticias .title a:hover{
  color: var(--negro-texto-parrafo);
}

.lay1 .noticias .author a{
  color: var(--gris-autoria);
  font-size: 12px;
  font-weight: 700;
  line-height: 120%;
}



.lay1 .card-image .image {
  position: relative;
}

.lay1 .card-image .image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* Degradado de oscuro a transparente */
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.8) 0%,   /* más oscuro abajo */
    rgba(217, 217, 217, 0) 100%    /* totalmente transparente arriba */
  );

  pointer-events: none; /* para no bloquear enlaces */
  z-index: 1;
}
.lay1 .card-image .title-img{
   grid-area: 2 / 1 / 3 / 4;
}
.lay1 .card-image .play-img {
  background-color: #fff;
  
 
  width: 65px;
  height: 65px;
  border-top-left-radius: 8px;
  /* Para centrar el triángulo */
  display: flex;
  align-items: center;
  justify-content: center;
   grid-area: 2 / 4 / 3 / 5;
}

.lay1 .card-image .play-img::before {
  content: "";
  display: block;
  /* Triángulo usando bordes */
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid var(--frambuesa-vibrante);
}
.lay1 .card-image .title-img a{
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.lay1 .card-image .pip {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2; /* encima del degradado */
  color: #fff; /* textos en blanco */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: end;
}


.player .content img{
  max-height: 35px;
  width: auto;

}



/* ================================
   ESTRUCTURA GENERAL
=================================== */
.paragraph--type--resultados .row {
  align-items: center;
  text-align: center;
}

.paragraph--type--resultados .player {
  display: flex;
  align-items: center;
  justify-content: center;
}

.paragraph--type--resultados .player1 {
  justify-content: flex-end;
}

.paragraph--type--resultados .player2 {
  justify-content: flex-start;
}

/* ================================
   NOMBRE Y ESCUDO
=================================== */
.paragraph--type--resultados .player .name {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  color: #3d3d3d;
  margin: 0 8px;
  white-space: nowrap;
}

.paragraph--type--resultados .player .content img {
  max-height: 40px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
.card-image .paragraph--type--resultados{
  width: fit-content;
}
.card-image .paragraph--type--resultados .player .name{
  color: #fff;
}



/* ================================
   RESULTADO CENTRADO
=================================== */
.paragraph--type--resultados .results .field--name-field-resultado {
  display: inline-block;
  background-color: var(--frambuesa-vibrante)
  color: #fff;
  border-radius: 4px;
  padding: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}

/* ================================
   RESPONSIVE
=================================== */
@media (max-width: 768px) {
  .paragraph--type--resultados .player {
    flex-direction: column;
    text-align: center;
  }

  .paragraph--type--resultados .player .name {
    margin: 6px 0 0 0;
    font-size: 1rem;
  }

  .paragraph--type--resultados .results .field--name-field-resultado {
    font-size: 1.1rem;
    padding: 4px 10px;
  }
}






.view-test-programas .view-header h2{
  margin-top: 1em;
  border-left: 4px solid var(--frambuesa-vibrante);
  padding-left: 8px;
  font-size: 20px;
  font-weight: 600;
  color: var(--negro-texto-parrafo);
}


#views-exposed-form-test-programas-page-1 .form-select,
#views-exposed-form-test-programas-page-1 .form-text{
  margin-top: .25rem;
  display: block;
  background: #D7D7D7;
  border-radius: 8px;
  height: 54px;
  width: 389px;
  border: 1px solid #b8b8b8;
  border-top-color: #999;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
}

.view-test-programas .view-content{
  display: grid;
  flex-wrap: wrap;
  gap: 1em;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 1em;
}
.view-test-programas .view-content .views-row{
  margin-top: 1em;
}

.view-test-programas .view-content .views-row img{
  border-radius: 5px;
}

.view-test-programas .view-content .views-row .views-field-field-program-category{
  margin-top: 1em;
  border-left: 3px solid var(--frambuesa-vibrante);
  padding-left: 1em;
  color: var(--negro-texto-parrafo);
  display: none;
}
.view-test-programas .view-content .views-field-nothing{
  margin-top: 1em;
 
}
.view-test-programas .view-content .views-field-nothing a{
  font-size: 26px;
  font-weight: bold;
 color: var(--negro-texto-parrafo);
}
.view-test-programas .view-content .views-row .views-field-name{
  color: var(--negro-texto-parrafo);
  font-size: 16px;
  font-weight: 900;
}


@keyframes last_minute {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.block-recent-news-front .recent-new-block {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  position: relative;
}

.block-recent-news-front .recent-new-title {
  background-color: #b40e06;
  float: left;
}

@media (min-width: 0) and (max-width: 29.99em) {
  .block-recent-news-front .recent-new-title {
    width: 100%;
  }
}

@media (min-width: 30em) and (max-width: 43.99em) {
  .block-recent-news-front .recent-new-title {
    width: 74px;
  }
}

@media (min-width: 44em) {
  .block-recent-news-front .recent-new-title {
    width: 170px;
  }
}

.block-recent-news-front .recent-new-title .recent-new-close {
  position: absolute;
}

@media (min-width: 0) and (max-width: 29.99em) {
  .block-recent-news-front .recent-new-title .recent-new-close {
    right: 20px;
    top: 10px;
  }
}

@media (min-width: 30em) {
  .block-recent-news-front .recent-new-title .recent-new-close {
    right: 20px;
    top: 18px;
  }
}

.block-recent-news-front .recent-new-title .recent-new-close:hover {
  cursor: pointer;
}

.block-recent-news-front .recent-new-title p {
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 0) and (max-width: 29.99em) {
  .block-recent-news-front .recent-new-title p {
    font-size: 12px;
    padding: 9px 12px;
  }
}

@media (min-width: 30em) and (max-width: 43.99em) {
  .block-recent-news-front .recent-new-title p {
    font-size: 12px;
    padding: 15px;
  }
}

@media (min-width: 44em) {
  .block-recent-news-front .recent-new-title p {
    font-size: 14px;
    padding: 17px 16px 15px;
  }
}

.block-recent-news-front .recent-new-title p::before {
  margin-right: 16px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  border: 6px solid #ff757d;
  border-radius: 50%;
  box-sizing: content-box;
  animation: last_minute 1s infinite;
}

@media (min-width: 0) and (max-width: 29.99em) {
  .block-recent-news-front .recent-new-title p::before {
    width: 6px;
    height: 6px;
  }
}

@media (min-width: 30em) {
  .block-recent-news-front .recent-new-title p::before {
    width: 12px;
    height: 12px;
  }
}

@media (min-width: 30em) and (max-width: 43.99em) {
  .block-recent-news-front .recent-new-title p::before {
    margin-left: 10px;
  }
}

.block-recent-news-front .recent-new-node {
  background-color: #f42223;
  float: left;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}


/* Extra small (XS): <576px */
/* (No media query, estilos base aquí) */




@media (min-width: 0) and (max-width: 29.99em) {
  .block-recent-news-front .recent-new-node {
    width: 100%;
  }
}

@media (min-width: 30em) and (max-width: 43.99em) {
  .block-recent-news-front .recent-new-node {
    width: calc(100% - 74px);
  }
}

@media (min-width: 44em) {
  .block-recent-news-front .recent-new-node {
    width: calc(100% - 170px);
  }
}

.block-recent-news-front .recent-new-node:hover {
  background-color: #ff5c5c;
}

.block-recent-news-front .recent-new-node p {
  margin-top: 2px;
  color: #ffffff;
  margin-bottom: 0;
}

@media (min-width: 0) and (max-width: 43.99em) {
  .block-recent-news-front .recent-new-node p {
    font-size: 14px;
    padding: 12px 15px 15px;
  }
}

@media (min-width: 44em) {
  .block-recent-news-front .recent-new-node p {
    font-size: 16px;
    padding: 15px 16px;
  }
}

.row {
  --bs-gutter-x: 0; /* elimina gutter horizontal */
  margin-left: 0 !important;
  margin-right: 0 !important;
}


.hero-main-link{
  color: initial;
  text-decoration: none;
}







/* Small (SM): ≥576px */
@media (max-width: 576px) { 
  .advertising-left-bar{
   
    display: none;
  }
  .advertising-top-bar{
    
    display: block;
  }
  .advertising-right-bar{
    
    display: none;
  }
  
}

/* Medium (MD): ≥768px */
@media (min-width: 577px) and (max-width: 768px) { 
  .advertising-left-bar{
    
    display: none;
  }
  .advertising-top-bar{
   
    display: block;
  }
  .advertising-right-bar{
    
    display: none;
  }
}

/* Large (LG): ≥992px */
@media  (min-width: 769px) and (max-width: 992px) { 
.advertising-left-bar{
   
    display: none;
  }
  .advertising-top-bar{
   
    display: block;
  }
  .advertising-right-bar{
  
    display: none;
  }
}

/* Extra large (XL): ≥1200px */
@media (min-width: 993px) { 
.advertising-left-bar{
    
    display: block;
  }
  .advertising-top-bar{
  
    display: block;
  }
  .advertising-right-bar{
   
    display: block;
  }
}