/* LAYOUT 1 
.lay1 { display: flex;padding: 1em;}
.lay1 .col-3 > div, .lay1 .col-5 > div {  margin-bottom: 1em;}
.lay1 .noticias .noticia-item { position: relative;}
.lay1 .noticias .noticia-item .image img { width: 100%;border-radius: 8px;}
.lay1 .noticias .noticia-item .tag { position: absolute;top: 0;left: 0;background-color: #fff;color: var(--frambuesa-vibrante);text-transform: uppercase;font-size: 14px;font-weight: 700;padding: 8px 8px 8px 16px;border-bottom-right-radius: 8px;z-index: 100;}
.lay1 .noticias .title {  font-size: 30px; font-weight: 700; line-height: 120%; color: var(--negro-texto-parrafo);}
.lay1 .noticias .title a, .lay1 .noticias .title a:hover { text-decoration: none;color: var(--negro-texto-parrafo);}
.lay1 .noticias .author a { text-decoration: none; font-size: 12px; font-weight: 700; line-height: 120%; color: var(--gris-autoria);}
.lay1 .pretitle,.lay1 .pretitle-img {  font-size: 16px; border-left: 4px solid #FF1D46; padding: 0 8px 0 12px; margin: 10px 0;}
.lay1 .pretitle {  color: #837D83;}
.lay1 .pretitle-img { color: #fff;grid-area: 1 / 1 / 2 / 4;}
.lay1 .pretitle-img p,.lay1 .pretitle p { margin: 0;}
.lay1 .card-image .image {position: relative;}
.lay1 .card-image .image::after {content: ""; position: absolute; inset: 0;background: linear-gradient(to top,rgba(0, 0, 0, 0.65) 0%,rgba(0, 0, 0, 0.3) 40%,rgba(0, 0, 0, 0) 100%  );pointer-events: none;z-index: 1;}
.lay1 .card-image .pip {  position: absolute; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); align-items: end; color: #fff; z-index: 2;}
.lay1 .card-image .title-img { grid-area: 2 / 1 / 3 / 4;}
.lay1 .card-image .title-img a {  font-size: 14px; font-weight: 700; color: #fff; text-decoration: none; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);}
.play-btn {  background-color: #fff; width: 65px; height: 65px; border-top-left-radius: 8px; display: flex; align-items: center; justify-content: center; position: relative;  z-index: 3;/* Asegura que esté sobre el degradado  }
.play-btn::before {content: "";display: block;width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 20px solid var(--frambuesa-vibrante);}
.lay1 .card-image .play-btn { grid-area: 2 / 4 / 3 / 5;}
.lay1 .noticias .noticia-item .play-btn {  position: absolute; bottom: 5px; right: 0;}


/* LAYOUT 2 

.lay2 { display: flex;padding: 1em;}
.lay2 .col-3 > div, .lay1 .col-5 > div {  margin-bottom: 1em;}
.lay2 .noticias .noticia-item { position: relative;}
.lay2 .noticias .noticia-item .image img { width: 100%;border-radius: 8px;}
.lay2 .noticias .noticia-item .tag { position: absolute;top: 0;left: 0;background-color: #fff;color: var(--frambuesa-vibrante);text-transform: uppercase;font-size: 14px;font-weight: 700;padding: 8px 8px 8px 16px;border-bottom-right-radius: 8px;z-index: 100;}
.lay2 .noticias .title {  font-size: 30px; font-weight: 700; line-height: 120%; color: var(--negro-texto-parrafo);}
.lay2 .noticias .title a, .lay1 .noticias .title a:hover { text-decoration: none;color: var(--negro-texto-parrafo);}
.lay2 .noticias .author a { text-decoration: none; font-size: 12px; font-weight: 700; line-height: 120%; color: var(--gris-autoria);}
.lay2 .pretitle,.lay1 .pretitle-img {  font-size: 16px; border-left: 4px solid #FF1D46; padding: 0 8px 0 12px; margin: 10px 0;}
.lay2 .pretitle {  color: #837D83;}
.lay2 .pretitle-img { color: #fff;grid-area: 1 / 1 / 2 / 4;}
.lay2 .pretitle-img p,.lay1 .pretitle p { margin: 0;}
.lay2 .card-image .image {position: relative;}
.lay2 .card-image .image::after {content: ""; position: absolute; inset: 0;background: linear-gradient(to top,rgba(0, 0, 0, 0.65) 0%,rgba(0, 0, 0, 0.3) 40%,rgba(0, 0, 0, 0) 100%  );pointer-events: none;z-index: 1;}
.lay2 .card-image .pip {  position: absolute; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); align-items: end; color: #fff; z-index: 2;}
.lay2 .card-image .title-img { grid-area: 2 / 1 / 3 / 4;}
.lay2 .card-image .title-img a {  font-size: 14px; font-weight: 700; color: #fff; text-decoration: none; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);}
.play-btn {  background-color: #fff; width: 65px; height: 65px; border-top-left-radius: 8px; display: flex; align-items: center; justify-content: center; position: relative;  z-index: 3;/* Asegura que esté sobre el degradado  }
.play-btn::before {content: "";display: block;width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 20px solid var(--frambuesa-vibrante);}
.lay2 .card-image .play-btn { grid-area: 2 / 4 / 3 / 5;}
.lay2 .noticias .noticia-item .play-btn {  position: absolute; bottom: 5px; right: 0;}


/* LAYOUT 3 
.lay3 { display: flex;padding: 1em;}
.lay3 .noticias .noticia-item { position: relative;}
.lay3 .noticias .noticia-item .image img { width: 100%;border-radius: 8px;}
.lay3 .noticias .noticia-item .tag { position: absolute;top: 0;left: 0;background-color: #fff;color: var(--frambuesa-vibrante);text-transform: uppercase;font-size: 14px;font-weight: 700;padding: 8px 8px 8px 16px;border-bottom-right-radius: 8px;z-index: 100;}
.lay3 .noticias .title {  text-align: center; font-size: 30px; font-weight: 700; line-height: 120%; color: var(--negro-texto-parrafo);}
.lay3 .noticias .title a, .lay1 .noticias .title a:hover { text-decoration: none;color: var(--negro-texto-parrafo);}
.lay3 .noticias .author a { text-decoration: none; font-size: 12px; font-weight: 700; line-height: 120%; color: var(--gris-autoria);}
.lay3 .pretitle,.lay1 .pretitle-img {  font-size: 16px; border-left: 4px solid #FF1D46; padding: 0 8px 0 12px; margin: 10px 0;}
.lay3 .pretitle {  color: #837D83; margin-left: auto; margin-right: auto; width: fit-content;}
.lay3 .pretitle-img { color: #fff;grid-area: 1 / 1 / 2 / 4;}
.lay3 .pretitle-img p,.lay1 .pretitle p { margin: 0;}
.lay3 .noticias .noticia-item .play { background-color: #fff;  position: absolute;bottom: 5px;right: 0;width: 65px;height: 65px;border-top-left-radius: 8px;display: flex;align-items: center;justify-content: center;}
.lay3 .noticias .noticia-item .play::before {content: "";display: block;width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 20px solid var(--frambuesa-vibrante);}



/* LAYOUT 4 

.lay4 { display: flex;padding: 1em;}
.lay4 .noticias .noticia-item { position: relative;}
.lay4 .noticias .noticia-item .image img { width: 100%;border-radius: 8px;}
.lay4 .noticias .noticia-item .tag { position: absolute;top: 0;left: 0;background-color: #fff;color: var(--frambuesa-vibrante);text-transform: uppercase;font-size: 14px;font-weight: 700;padding: 8px 8px 8px 16px;border-bottom-right-radius: 8px;z-index: 100;}
.lay4 .noticias .title {  font-size: 30px; font-weight: 700; line-height: 120%; color: var(--blanco-puro);margin-bottom: 1em;}
.lay4 .noticias .title a, .lay1 .noticias .title a:hover { text-decoration: none;color: var(--blanco-puro);}
.lay4 .noticias .author a { text-decoration: none; font-size: 12px; font-weight: 700; line-height: 120%; color: var(--gris-autoria);}
.lay4 .pretitle,.lay1 .pretitle-img {  font-size: 16px; border-left: 4px solid #FF1D46; padding: 0 8px 0 12px; margin: 10px 0;}
.lay4 .pretitle {  color: var(--blanco-puro);}
.lay4 .pretitle-img { color: #fff;grid-area: 1 / 1 / 2 / 4;}
.lay4 .pretitle-img p,.lay1 .pretitle p { margin: 0;}
.lay4 .card-image .play-btn { grid-area: 2 / 4 / 3 / 5;}
.lay4 .noticias .noticia-item .play-btn {  position: absolute; bottom: 5px; right: 0;}
.lay4 .noticias .noticia-item .play { background-color: #fff;  position: absolute;bottom: 5px;right: 0;width: 65px;height: 65px;border-top-left-radius: 8px;display: flex;align-items: center;justify-content: center;}
.lay4 .noticias .noticia-item .play::before {content: "";display: block;width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 20px solid var(--frambuesa-vibrante);}
.lay4 .noticias .noticia-item .card-footer{position: absolute; bottom: -4px; left: 1em;}

/* LAYOUT 5 
.lay5 { display: flex;padding: 1em;}
.lay5 .noticias .noticia-item { position: relative;}
.lay5 .noticias .noticia-item .image img { width: 100%;border-radius: 8px;}
.lay5 .noticias .noticia-item .tag { position: absolute;top: 0;left: 0;background-color: #fff;color: var(--frambuesa-vibrante);text-transform: uppercase;font-size: 14px;font-weight: 700;padding: 8px 8px 8px 16px;border-bottom-right-radius: 8px;z-index: 100;}
.lay5 .noticias .title {  font-size: 30px; font-weight: 700; line-height: 120%; color: var(--negro-texto-parrafo);}
.lay5 .noticias .title a, .lay1 .noticias .title a:hover { text-decoration: none;color: var(--negro-texto-parrafo);}
.lay5 .noticias .author a { text-decoration: none; font-size: 12px; font-weight: 700; line-height: 120%; color: var(--gris-autoria);}
.lay5 .pretitle,.lay1 .pretitle-img {  font-size: 16px; border-left: 4px solid #FF1D46; padding: 0 8px 0 12px; margin: 10px 0;}
.lay5 .pretitle {  color: #837D83;}
.lay5 .pretitle-img { color: #fff;grid-area: 1 / 1 / 2 / 4;}
.lay5 .pretitle-img p,.lay1 .pretitle p { margin: 0;}
.lay5 .card-image .image {position: relative;}
.lay5 .card-image .image::after {content: ""; position: absolute; inset: 0;background: linear-gradient(to top,rgba(0, 0, 0, 0.65) 0%,rgba(0, 0, 0, 0.3) 40%,rgba(0, 0, 0, 0) 100%  );pointer-events: none;z-index: 1;}
.lay5 .card-image .pip {  position: absolute; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); align-items: end; color: #fff; z-index: 2;}
.lay5 .card-image .title-img { grid-area: 2 / 1 / 3 / 4;}
.lay5 .card-image .title-img a {  font-size: 14px; font-weight: 700; color: #fff; text-decoration: none; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);}
.play-btn {  background-color: #fff; width: 65px; height: 65px; border-top-left-radius: 8px; display: flex; align-items: center; justify-content: center; position: relative;  z-index: 3;/* Asegura que esté sobre el degradado  }
.play-btn::before {content: "";display: block;width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 20px solid var(--frambuesa-vibrante);}
.lay5 .card-image .play-btn { grid-area: 2 / 4 / 3 / 5;}
.lay5 .noticias .noticia-item .play-btn {  position: absolute; bottom: 5px; right: 0;}






/* ===== Tarjeta vertical destacada ===== */
.row > *{
  padding: 5px;
}
.autor_card article{
  display: flex;
  align-items: end;
  gap: .2rem
}
.autor_card article img{
  padding-bottom: 5px;
  margin-right: 5px;
}
/*
.autor_card article > div {
 margin-right: .5rem;
}
*/
.card-min,
.card-horizontal,
.card-image-title ,
.card-image,
.card-vertical { 
  display: block;
}
.card-min .card__media,
.card-horizontal  .card__media,
.card-image-title .card__media,
.card-image  .card__media,
.card-vertical .card__media {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 12px;
}

/* Imagen */
.card-min .card__media img,
.card-image-title .card__media img,
.card-horizontal  .card__media img,
.card-image  .card__media img,
.card-vertical .card__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px; /* por seguridad si el render añade <picture> */
}

/* Degradado inferior para lectura (opcional) */
.card-image .card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.6) 33%,rgba(0, 0, 0, 0) 100%  );
  border-radius: 8px;
}

/* Kicker (Extremadura / categoría…) */
.card-horizontal .card__kicker,
.card-image-title .card__kicker,
.card-image  .card__kicker,
.card-vertical .card__kicker {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff;
  color: var(--frambuesa-vibrante);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 8px 8px 16px;
  border-bottom-right-radius: 8px;
}

.view-id-noticias .card__kicker,
.block-views-blocknoticias-block-2 .card__kicker{
  color: var(--verde-claro-exn);
}


.lay1-left .card-image  .card__kicker,
.lay1-left .card-vertical .card__kicker {
	font-size: 14px;
}
.lay1-center .card-image  .card__kicker,
.lay1-center .card-vertical .card__kicker {
	font-size: 12px;
}
.lay5-full .card-horizontal .card__kicker,
.lay4-full .card-image  .card__kicker,
.lay3-full .card-image-title  .card__kicker{
	font-size: 18px;
}

.card-horizontal  .card__kickend,
.card-image-title  .card__kickend,
.card-image  .card__kickend,
.card-vertical .card__kickend {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 8px 8px 16px;
  width: 100%;

}

/* Botón/flag de play cuando hay iframe */
.card-min .card__flag--play,
.card-horizontal .card__flag--play,
.card-image-title .card__flag--play,
.card-image  .card__flag--play,
.card-vertical .card__flag--play {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 11%;
  height: 19%;
  max-width: 65px;
  max-height: 65px;
  background: #fff;
  border-top-left-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-min .card__flag--play{
  width: 23px;
  height: 23px;
}


.lay1-left .card-image .card__flag--play,
.lay1-left .card-vertical .card__flag--play{
	width: 55px;
    height: 55px;
}
.lay1-center .card-image .card__flag--play,
.lay1-center .card-vertical .card__flag--play{
	width: 45px;
    height: 45px;
}

.lay3-full .card-image-title .card__flag--play{
		width: 55px;
    height: 55px;
}
.card__flag--play::before{
	  content: "";
	  display: block;
	  width: 0;
	  height: 0;
	  border-top: 12px solid transparent;
	  border-bottom: 12px solid transparent;
	  border-left: 20px solid var(--frambuesa-vibrante);
}

.view-id-noticias .card__flag--play::before,
.block-views-blocknoticias-block-2 .card__flag--play::before{
  border-left: 20px solid var(--verde-claro-exn);
}

.cols-4 .card__flag--play::before{
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid var(--frambuesa-vibrante);
}


.view-id-noticias .cols-4 .card__flag--play::before,
.block-views-blocknoticias-block-2 .cols-4 .card__flag--play::before{
  border-left: 10px solid var(--verde-claro-exn);
}


.view-noticias .col-1{
  padding: 0.5em 0.5em 0.5em 0;
}
.view-noticias .col-2,
.view-noticias .col-3{
  padding: 0.5em;
}
.view-noticias .col-4{
  padding: 0.5em 0 0.5em 0.5em;
}



.card-min .card__flag--play::before{
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid var(--frambuesa-vibrante);
}
.lay5-full .card-horizontal .card__flag--play::before,
.lay4-full .card-image .card__flag--play::before,
.lay3-full .card-image-title .card__flag--play::before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid var(--frambuesa-vibrante);
}
.lay1-left .card-image .card__flag--play::before,
.lay1-left .card-vertical .card__flag--play::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid var(--frambuesa-vibrante);
}

.lay1-center .card-image .card__flag--play::before,
.lay1-center .card-vertical .card__flag--play::before {
   content: "";
  display: block;
  width: 0;
  height: 0;
 
}



.deportes .card__flag--play::before{
  border-left: 20px solid var(--azul-marino-exn);
}


.deportes .views-view-responsive-grid__item .card__flag--play::before{
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid var(--azul-marino-exn);
}

.deportes .card-min .card__flag--play,
.deportes .card-horizontal .card__flag--play,
.deportes .card-image-title .card__flag--play,
.deportes .card-image  .card__flag--play,
.deportes .card-vertical .card__flag--play {

  background: var(--amarillo-oscuro-exd);

}

.lay1-left .card-vertical .card__related a {
  color: var(--negro-texto-parrafo);
  font-weight: bold;
  text-decoration: none;
  position: relative;       
  font-size: 16px;       

}
.lay5-full .card-horizontal .card__related a {
  color: var(--negro-texto-parrafo);
  font-weight: bold;
  text-decoration: none;
  position: relative;       
  font-size: 16px;       

}
.lay1-center .card-vertical .card__related a {
  color: var(--negro-texto-parrafo);
  font-weight: bold;
  text-decoration: none;
  position: relative;       
  font-size: 14px;       

}
.card-horizontal .card__related  a::before,
.card-vertical .card__related a::before{
  content: "";
  display: inline-block;
  width: 8px; height: 8px;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--frambuesa-vibrante);
  vertical-align: middle;
}
.card-horizontal .card__pretitle,
.card-image-title .card__pretitle,
.card-image .card__pretitle,
.card-texto .card__pretitle,
.card-vertical .card__pretitle {
  font-size: 16px;
  color: #837D83;
  border-left: 4px solid #FF1D46;
  padding: 0 8px 0 12px;
  margin: 10px 0;
}


.view-id-noticias .card__pretitle,
.block-views-blocknoticias-block-2 .card__pretitle{
  color: var(--verde-claro-exn);
}
.lay3-full .card-image-title .card__pretitle{
 font-size: 18px;
 width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.card__pretitle.noticia{
  border-left: 4px solid var(--frambuesa-vibrante);
}
.card__pretitle.deportes{
  border-left: 4px solid var(--verde-claro-exn);
}

.lay1-left .card-texto .card__pretitle,
.lay1-left .card-vertical .card__pretitle{
	font-size: 16px;
}
.lay1-left .card-image .card__pretitle{
	font-size: 14px;
}
.lay1-center .card-image .card__pretitle{
	font-size: 12px;
	color: var(--blanco-puro);
	font-weight: 100;
}
.lay4-full .card-image .card__pretitle{
	font-size: 18px;
	color: var(--blanco-puro);
	font-weight: 300;
}
.lay5-full .card-horizontal .card__pretitle{
	font-size: 16px;
	font-weight: 300;
	line-height: 1.2;
}

/* Título */
.card-horizontal .card__title,
.card-texto .card__title,
.card-vertical .card__title {
  margin: 0 0 6px 0;
  line-height: 1.2;
  font-weight: 700;
  color: var(--negro-texto-parrafo);
}


.card-min .col-md-8 .card__title{
   font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  color: var(--negro-texto-parrafo);
}



.views-view-responsive-grid .card__pretitle{
  color: #837D83;
  font-size: 14px;
}
.views-view-responsive-grid .card__title{
  font-size: 26px;
}
.views-view-responsive-grid .profile{
  font-size: 12px;
  font-weight: bold;
}
.views-view-responsive-grid .card__summary{
  font-size: 14px;
}

/* Small (SM): ≥576px */
@media (max-width: 576px) { 

}

@media (min-width: 577px) and (max-width: 768px) { 

}

@media  (min-width: 769px) and (max-width: 992px) { 

}

@media (min-width: 993px) { 
  .views-view-responsive-grid .card__pretitle{
    color: #837D83;
    font-size: 14px;
  }
  .views-view-responsive-grid .card__title{
    font-size: 26px;
  }
  .views-view-responsive-grid .profile{
    font-size: 12px;
    font-weight: bold;
  }
  .views-view-responsive-grid .card__summary{
    font-size: 14px;
  }
}

/*
.col-5 .card__title,
.col-6 .card__title{
	font-size: 30px;
}

.col-4 .card__title{
	font-size: 26px;
}
.col-3 .card__title{
	font-size: 24px;
}
.col-12 .card__title{
  font-size: 52px;
}
*/
.lay1-left .card-texto .card__title,
.lay1-left .card-vertical .card__title{
	 font-size: 30px;
}
.lay1-center .card-texto .card__title,
.lay1-center .card-vertical .card__title{
	 font-size: 26px;
}
.lay5-full .card-horizontal .card__title{
 font-size: 40px;
 font-weight: 700;
	line-height: 1.2;
	color: var(--negro-texto-parrafo);
}

.lay4-full .card-image .card__title{
	font-size: 52px;
	font-weight: 700;
	line-height: 1.2;
}

.lay3-full .card-image-title .card__title{
	font-size: 52px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--negro-texto-parrafo);
	text-align: center;
}



.card-image .card__title {
  margin: 0 0 6px 0;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--blanco-puro);
  padding: 0 50px 0 0;
}
.card-min .card__title a,
.card-min .card__title a:hover,
.card-horizontal .card__title a,
.card-horizontal .card__title a:hover,
.card-image-title .card__title a,
.card-image-title .card__title a:hover,
.card-image .card__title a,
.card-image .card__title a:hover,
.card-texto .card__title a,
.card-texto .card__title a:hover,
.card-vertical .card__title a,
.card-vertical .card__title a:hover {
  color: inherit;
  text-decoration: none;
}

/* Resumen */
.card-horizontal .card__summary,
.card-texto .card__summary,
.card-vertical .card__summary {
  color: var(--negro-texto-parrafo);
  font-size: 16px;
  line-height: 1.5;
  margin-top: 6px;
}

.lay1-left .card-texto .card__summary,
.lay1-left .card-vertical .card__summary{
	 font-size: 16px;
}
.lay1-center .card-texto .card__summary,
.lay1-center .card-vertical .card__summary{
	 font-size: 14px;
}


/* Relacionados (bloque al final) */
.card-horizontal  .card__related,
.card-texto  .card__related,
.card-vertical .card__related {
  margin-top: 16px;
}
.hero .highlight{
  border-left: 4px solid var(--frambuesa-vibrante);
  color: var(--negro-texto-parrafo);
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 4px 16px;
}

/* Accesibilidad para elementos solo-visuales (icono play) */
.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}


.lo-mas-visto .card__kicker{
  display: none;
}
.lo-mas-visto .card__flag--play{
  width: 22px;
  height: 22px;
}
.lo-mas-visto .card__flag--play::before{
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid var(--verde-claro-exn);
}
.lo-mas-visto .card__media{}
.lo-mas-visto .card__pretitle{
  margin: 0;
  border-left: 4px solid var(--verde-claro-exn);
  font-size: 12px;
}
.lo-mas-visto .card__title{
  font-size: 16px;
}
.lo-mas-visto .autor_card{}
.lo-mas-visto .card__summary{
  display: none;
}
.you_may_be_interested h3{
  border-left: 4px solid var(--verde-claro-exn);
  font-size: 20px;
  color: var(--negro-texto-parrafo);
  padding-left: 16px;
  text-transform: uppercase;
}
.container-footer{
  padding: 2em 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;

}
.container-footer .logo-footer{}
.container-footer .rss-footer{}
.container-footer .copy-footer{} 
.container-footer .menu-footer ul{ display:flex; gap: 1em; }
.container-footer .menu-footer ul .menu-item{list-style:none!important; list-style-type: none!important; list-style-image: none!important;  }
.container-footer .menu-footer ul a{ color: #fff; text-transform: uppercase; text-decoration: none;}


.thumbnail .categorie{
  color: var(--frambuesa-vibrante);
}
.news .thumbnail .categorie{
  color: var(--verde-claro-exn);
}
.sports .thumbnail .categorie{
  color: var(--negro-texto-parrafo);
}
.card-16-h, .card-52, .card-20 { padding: 5px; }
.card-52 .thumbnail, .card-20 .thumbnail, .card-16-h .thumbnail{position: relative; }
.card-16-h .thumbnail .categorie,
.card-52 .thumbnail .categorie,
.card-20 .thumbnail .categorie{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff;
  text-transform: uppercase;
  font-weight: 700;
  padding: 8px 8px 8px 16px;
  border-bottom-right-radius: 8px;
}
.card-16-h .thumbnail .play,
.card-52 .thumbnail .play,
.card-20 .thumbnail .play{

}
.card-16-h .thumbnail .img,
.card-52 .thumbnail .img,
.card-20 .thumbnail .img{
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 5px;
  width: 100%;
}
.card-20 .text{}
.card-16-h .text .holder .antetitle{

  padding: 0 12px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 100;
  color: color: var(--negro-texto-parrafo);
  margin-bottom: 4px;
}

.card-20 .text .holder .antetitle{
  padding: 0 12px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 100;
  color: color: var(--negro-texto-parrafo);
  margin-bottom: 4px;
}
.antetitle{
  border-left: 4px solid var(--frambuesa-vibrante);
}
.news .antetitle{
  border-left: 4px solid var(--verde-claro-exn);
}
.sports .antetitle{
  border-left: 4px solid var( --azul-marino-exn);
}
.card-16-h .text .holder .title{
  color: var(--negro-texto-parrafo);
  font-size: 16px;
  font-weight: 600;
}
.card-20 .text .holder .title{
  color: var(--negro-texto-parrafo);
  font-size: 20px;
  font-weight: 600;
}
.card-20 .text .holder .title a{
  color: inherit;
  text-decoration: none;
}
.card-20 .text .holder .title a:hover{
  color: var(--frambuesa-vibrante);
  text-decoration: none;
}
.card-20 .text .holder .author{}
.card-20 .text .holder .subtitle{
  color: var(--negro-texto-parrafo);
  font-size: 16px;
  font-weight: 300;
}
.card-20 .related{}


.holder .author article{
  display: flex;
  align-items: end;
  gap: 3px;
}

.card-16-h .author img{
  width: 26px;
  height: 26px;
}
.card-16-h .author{
  font-size: 12px;
}