.related-article-component .related-article__title{margin-bottom:24px}
.related-article-component .related-article__card{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:16px}
.related-article-component .related-article__card:not(:first-of-type){border-top:1px solid;padding-top:16px}
.related-article-component .related-article__card .related-article__info{display:flex;flex-direction:column;margin-right:16px}
.related-article-component .related-article__card .related-article__info__tag{display:flex;align-items:center}
.related-article-component .related-article__card .related-article__info__tag .icon-rp{display:flex;justify-content:center;align-items:center;min-width:18px;width:18px;max-width:18px;min-height:18px;height:18px;max-height:18px;font-size:14px;margin-right:8px}
.related-article-component .related-article__card .related-article__info__tag .icon-rp::before{font-size:14px}
.related-article-component .related-article__card .related-article__info__tag .icon-rp img{width:100%;height:100%}
.related-article-component .related-article__card .related-article__info__title{margin-top:4px;margin-bottom:8px;color:#464646}
.related-article-component .related-article__card .related-article__info__description{color:#727272}
.related-article-component picture,.related-article-component .related-article__placeholder{display:flex;max-width:96px;min-width:96px;max-height:80px;min-height:80px;border-radius:8px}
.related-article-component picture img,.related-article-component .related-article__placeholder img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.related-article-component .related-article__placeholder{align-items:center;justify-content:center}
.related-article-component .related-article__placeholder__icon{display:flex;justify-content:center;align-items:center;min-width:38px;width:38px;max-width:38px;min-height:38px;height:38px;max-height:38px;font-size:38px}
.related-article-component .related-article__placeholder__icon.RESTAURANTE,.related-article-component .related-article__placeholder__icon.SOLETE-6{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Restaurantes.svg")}
.related-article-component .related-article__placeholder__icon.SOLETE-1{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Cafeterias.svg")}
.related-article-component .related-article__placeholder__icon.SOLETE-2{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Bares.svg")}
.related-article-component .related-article__placeholder__icon.SOLETE-3{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Terrazas.svg")}
.related-article-component .related-article__placeholder__icon.SOLETE-4{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Vinotecas.svg")}
.related-article-component .related-article__placeholder__icon.SOLETE-5{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/FastGood.svg")}
.related-article-component .related-article__placeholder__icon.SOLETE-7{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/establecimientos/Heladerias.svg")}
.related-article-component .related-article__placeholder__icon.ATRACTIVO_NATURAL{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Atractivo_natural.svg")}
.related-article-component .related-article__placeholder__icon.BODEGA{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Bodega.svg")}
.related-article-component .related-article__placeholder__icon.CENTROS_DEPORTIVOS{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Centro_deportivo.svg")}
.related-article-component .related-article__placeholder__icon.ESTACION_ESQUI{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_esqui.svg")}
.related-article-component .related-article__placeholder__icon.ESTACION_DE_SERVICIO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_servicio.svg")}
.related-article-component .related-article__placeholder__icon.ESTACION_RECARGA{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Estacion_recarga.svg")}
.related-article-component .related-article__placeholder__icon.EXPERIENCIA{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Experiencia.svg")}
.related-article-component .related-article__placeholder__icon.FIESTA{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Fiesta.svg")}
.related-article-component .related-article__placeholder__icon.LOCALIDAD{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Localidad.svg")}
.related-article-component .related-article__placeholder__icon.LUGAR_EMBLEMATICO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Lugar_emblematico.svg")}
.related-article-component .related-article__placeholder__icon.MONUMENTO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Monumento.svg")}
.related-article-component .related-article__placeholder__icon.MUSEO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Museo.svg")}
.related-article-component .related-article__placeholder__icon.PARQUE_TEMATICO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_tematico.svg")}
.related-article-component .related-article__placeholder__icon.PARQUE_URBANO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Parque_urbano.svg")}
.related-article-component .related-article__placeholder__icon.PLAYA{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Playa.svg")}
.related-article-component .related-article__placeholder__icon.PRODUCTO_TIPICO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Producto_tipico.svg")}
.related-article-component .related-article__placeholder__icon.PLATO_TIPICO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Plato_tipico.svg")}
.related-article-component .related-article__placeholder__icon.VINO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/lugares/Vino.svg")}
.related-article-component .related-article__placeholder__icon.REPORTAJE{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje.svg")}
.related-article-component .related-article__placeholder__icon.REPORTAJE_GASTRO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_gastro.svg")}
.related-article-component .related-article__placeholder__icon.REPORTAJE_VIAJE{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Reportaje_viaje.svg")}
.related-article-component .related-article__placeholder__icon.RECETA{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Receta.svg")}
.related-article-component .related-article__placeholder__icon.RUTA{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/contenidos/Ruta.svg")}
.related-article-component .related-article__placeholder__icon.BRINDAR{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_brindis.svg")}
.related-article-component .related-article__placeholder__icon.COMER{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Celebrar_comida.svg")}
.related-article-component .related-article__placeholder__icon.DESAYUNO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Desayuno.svg")}
.related-article-component .related-article__placeholder__icon.APERITIVO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo.svg")}
.related-article-component .related-article__placeholder__icon.COMIDA{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Comida.svg")}
.related-article-component .related-article__placeholder__icon.TARDEO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Aperitivo_tarde.svg")}
.related-article-component .related-article__placeholder__icon.CENA{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Cena.svg")}
.related-article-component .related-article__placeholder__icon.COPAS{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/acciones/Copas.svg")}
.related-article-component .related-article__placeholder__icon.CALIFICAR{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Calificar.svg")}
.related-article-component .related-article__placeholder__icon.GEOLOCALIZAR{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Geolocalizar.svg")}
.related-article-component .related-article__placeholder__icon.GUARDAR{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Guardar.svg")}
.related-article-component .related-article__placeholder__icon.RETROALIMENTAR{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/interacciones/Retroalimentar.svg")}
.related-article-component .related-article__placeholder__icon.NOT_FOUND{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Not_found.svg")}
.related-article-component .related-article__placeholder__icon.NO_ROUTE{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/No_route.svg")}
.related-article-component .related-article__placeholder__icon.COMPLETADO{content:url("../../../../../../content/dam/repsol-guia/guia-images/microilustraciones/procesos/Completado.svg")}
.related-article-component .related-article__placeholder__icon::before{font-size:38px}
.related-article-component .related-article__placeholder__icon img{width:100%;height:100%}
.related-article-component.theme--dark{background-color:#0b1741}
.related-article-component.theme--dark .related-article__title,.related-article-component.theme--dark .related-article__info,.related-article-component.theme--dark .related-article__info__title{color:#fff}
.related-article-component.theme--dark .related-article__card{border-color:rgba(255,255,255,0.6)}
@media(hover:hover){.related-article-component.theme--dark .related-article__card:hover .rp-title{color:#ddd}
}
.related-article-component.theme--dark .related-article__info__description{color:#c7d5e1}
.related-article-component.theme--dark .related-article__placeholder{background-color:rgba(247,247,247,0.1)}
.related-article-component.theme--light .related-article__card{border-color:#ddd}
@media(hover:hover){.related-article-component.theme--light .related-article__card:hover .rp-title{color:#016a7f}
}
.related-article-component.theme--light .related-article__card .related-article__placeholder{background-color:#f8f8f8}
@media(min-width:1024px){.related-article-component.group-card-s .related-article__title{font-size:20px;font-weight:500;line-height:32px}
}
.related-article-component.group-card-m{padding-top:64px}
@media(min-width:1024px){.related-article-component.group-card-m{padding-top:96px}
.related-article-component.group-card-m .related-article__title{margin-bottom:24px}
.related-article-component.group-card-m .related-article__group{display:flex;gap:24px}
.related-article-component.group-card-m .related-article__card{flex-direction:column-reverse;justify-content:flex-end;gap:12px;width:-webkit-fill-available;width:-moz-available;max-width:calc(25% - 16px);border:0;padding-block:0}
.related-article-component.group-card-m .related-article__card .related-article__info__title{margin-top:8px}
.related-article-component.group-card-m .related-article__card picture,.related-article-component.group-card-m .related-article__card .related-article__placeholder{min-width:100%;max-width:100%;min-height:168px;max-height:168px}
.related-article-component.group-card-m .related-article__card .related-article__placeholder__icon{display:flex;justify-content:center;align-items:center;min-width:72px;width:72px;max-width:72px;min-height:72px;height:72px;max-height:72px;font-size:72px}
.related-article-component.group-card-m .related-article__card .related-article__placeholder__icon::before{font-size:72px}
.related-article-component.group-card-m .related-article__card .related-article__placeholder__icon img{width:100%;height:100%}
}
@media(min-width:1024px) and (min-width:1280px){.related-article-component.group-card-m .related-article__group{gap:32px}
}
@media(min-width:1024px) and (min-width:1280px){.related-article-component.group-card-m .related-article__card{max-width:calc(25% - 24px)}
}