.list-info-component{display:flex;flex-direction:column;gap:24px}
.list-info-component--hide{display:none}
.list-info-component *{margin:0}
.list-info-component .icon-rp{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:20px}
.list-info-component .icon-rp::before{font-size:20px}
.list-info-component .icon-rp img{width:100%;height:100%}
.list-info-component .list__info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%}
@media(min-width:1024px){.list-info-component .list__info{gap:24px 32px}
}
.list-info-component .list__info__block{display:flex;flex-direction:column;gap:16px}
.list-info-component .list__info__block--hide{display:none}
@media(min-width:1024px){.list-info-component .list__info__block--options{margin-top:8px}
}
@media(min-width:1024px){.list-info-component .list__info__block--recommendation{margin-top:16px}
}
.list-info-component .list__info__block .list__info__tag{display:flex;flex-direction:column}
@media(min-width:1024px){.list-info-component .list__info__block .list__info__tag{flex-direction:row;gap:24px}
}
.list-info-component .list__info__item{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:min-content;padding:16px;border-radius:8px}
@media(min-width:720px){.list-info-component .list__info__item{width:calc(50% - 8px)}
}
@media(min-width:1024px){.list-info-component .list__info__item{width:calc(50% - 16px)}
}
.list-info-component .list__info__item .header__item,.list-info-component .list__info__item .title__item{display:flex;gap:12px}
.list-info-component .list__info__item .header__item{justify-content:space-between}
.list-info-component .list__info__item .description__item{margin-block:28px 0;font-size:16px}
.list-info-component .list__info__item .icon-rp{font-weight:500}
.list-info-component .list__info__recommendation{display:flex;flex-direction:column;gap:8px}
.list-info-component .list__info__recommendation--featured{position:relative;gap:16px;padding:24px;border-radius:8px}
@media(min-width:1024px){.list-info-component .list__info__recommendation--featured{padding:28px}
}
.list-info-component .list__info__recommendation--featured::before,.list-info-component .list__info__recommendation--featured::after{position:absolute}
.list-info-component .list__info__recommendation--featured::before{content:'';background-image:url("../../../../../../content/dam/repsol-guia/guia-images/iconos/icon-rp-guia.png");background-repeat:no-repeat;background-size:contain;top:12px;right:14px;width:25px;height:25px}
@media(min-width:1024px){.list-info-component .list__info__recommendation--featured::before{top:14px;right:18px;width:32px;height:32px}
}
.list-info-component .list__info__recommendation--featured::after{content:url("../../../../../../content/dam/repsol-guia/guia-images/vectores/trazo-recommendation.svg");top:0;right:0}
@media(min-width:1024px){.list-info-component .list__info__recommendation--featured::after{content:url("../../../../../../content/dam/repsol-guia/guia-images/vectores/trazo-recommendation-desktop.svg")}
}
.list-info-component .list__info__recommendation .list__recommendation__title{display:flex;gap:8px}
@media(min-width:1024px){.list-info-component .list__info__recommendation .list__recommendation__detail{width:calc(100% - 92px)}
}
.list-info-component.theme--light .tag-price,.list-info-component.theme--light .list__recommendation__detail{color:#464646}
.list-info-component.theme--light .list__info__item{background-color:#f8f8f8}
.list-info-component.theme--light .list__info__item .description__item{color:#727272}
.list-info-component.theme--dark [class*="title"],.list-info-component.theme--dark [class*="item"],.list-info-component.theme--dark [class*="icon"]{color:#fff}
.list-info-component.theme--dark .tag-price{color:#c7d5e1}
.list-info-component.theme--dark .list__info__item{background-color:rgba(247,247,247,0.1)}
.list-info-component.theme--dark .list__info__item .description__item{color:rgba(255,255,255,0.6)}
.list-info-component.theme--dark .list__info__recommendation .list__recommendation__title{color:#727272}
.list-info-component.theme--dark .list__info__recommendation--featured{background-color:#fff}