#filters-chips {
    margin-top: 24px;
}

#section-cards #offers-carousel {
    margin-bottom: 24px;
}

#section-cards .section-cards-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #037BC4;
    margin-bottom: 12px;
}

#section-cards .section-cards-desc {
    font-size: 14px;
    line-height: 20px;
    color: #16355A;
    margin-bottom: 24px;
}

#section-cards .section-cards-legend {
    margin-bottom: 24px;
}

@media (min-width: 992px) {
    #section-cards .section-cards-title {
        font-size: 35px;
        line-height: 41px;
        margin-bottom: 14px;
    }

    #section-cards .section-cards-desc {
        font-size: 20px;
        line-height: 26px;
    }

    #section-cards .section-cards-legend {
        margin-bottom: 0;
    }
}

#section-cards #offers-scroll .offers {
    --gap: 15px;
    margin-top: calc(var(--gap) * -1);
    margin-bottom: calc(var(--gap) * -1);
}

#section-cards #offers-scroll .offers .item {
    --caption-height: 150px;
    --item-padding-y: 24px;
    --item-padding-x: 30px;
    padding-top: var(--gap);
    padding-bottom: var(--gap);
}

#section-cards #offers-scroll .offers .item .card-wrapper {
    border-image: fill 1 linear-gradient(#037BC4E6);
    mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
    padding: var(--item-padding-x) var(--item-padding-y);
    border-radius: 0px 50px;
}

#section-cards #offers-scroll .offers .item .card-wrapper .caption {
    background: #16355A;
    border-radius: 0px 45px 0px 50px;
    position: relative;
    color: #fff;
    padding: 20px 32px 20px 16px;
    min-height: var(--caption-height);
    margin-left: calc(var(--caption-height) / 2);
    margin-bottom: 32px;
}

#section-cards #offers-scroll .offers .item.skel .card-wrapper .caption.skelatable {
  background: linear-gradient(90deg,
    rgba(255,255,255,0.08) 25%,
    rgba(255,255,255,0.18) 50%,
    rgba(255,255,255,0.08) 75%
  );
  background-size: 600px 100%;
  margin-left: 0;
}

#section-cards #offers-scroll .offers .item .card-wrapper .caption .especie-image {
    position: absolute;
    top: 0;
    left: calc(var(--caption-height) / 2 * -1);
    border-radius: 100%;
    border: 3px solid #fff;
    height: var(--caption-height);
    aspect-ratio: 1/1;
    overflow: hidden;
}

#section-cards #offers-scroll .offers .item .card-wrapper .caption .especie-image > img {
    height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover
}

#section-cards #offers-scroll .offers .item .card-wrapper .caption .especie-and-lonja-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 100%;
    margin-right: 24px;
}

#section-cards #offers-scroll .offers .item .card-wrapper .caption .especie-and-lonja-text-wrapper .especie-text {
    margin-left: calc(var(--caption-height) / 2);
}

#section-cards #offers-scroll .offers .item .card-wrapper .caption .especie-and-lonja-text-wrapper .especie-text .especie-label{
    font-size: 20px;
}

#section-cards #offers-scroll .offers .item .card-wrapper .caption .especie-and-lonja-text-wrapper .especie-text .especie-value{
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
}

#section-cards #offers-scroll .offers .item .card-wrapper .caption .especie-and-lonja-text-wrapper .lonja-text {
    margin-left: calc(var(--caption-height) / 2);
    font-size: 24px;
    line-height: 32px;
}

#section-cards #offers-scroll .offers .item .card-wrapper .caption .especie-and-lonja-text-wrapper .lonja-text .lonxa-value {
    text-transform: uppercase;
    font-weight: bold;
}

#section-cards #offers-scroll .offers .item .card-wrapper .data {
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 24px;
}

#section-cards #offers-scroll .offers .item .card-wrapper .data .cantidad-and-horario-text-wrapper {
    color: #fff;
    flex-direction: row;
}

#section-cards #offers-scroll .offers .item .card-wrapper .data .cantidad-and-horario-text-wrapper .cantidad-text {
    padding-right: 24px;
}

#section-cards #offers-scroll .offers .item .card-wrapper .data .cantidad-and-horario-text-wrapper .horario-text .horario-label,
#section-cards #offers-scroll .offers .item .card-wrapper .data .cantidad-and-horario-text-wrapper .cantidad-text .cantidad-label {
    font-size: 18px;
    line-height: 32px;
}

#section-cards #offers-scroll .offers .item .card-wrapper .data .cantidad-and-horario-text-wrapper .cantidad-text .cantidad-value {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}

#section-cards #offers-scroll .offers .item.skel .card-wrapper .data .cantidad-and-horario-text-wrapper .cantidad-text .cantidad-value {
  display: inline-block;
  width: 60%;
}

#section-cards #offers-scroll .offers .item .card-wrapper .data .cantidad-and-horario-text-wrapper .horario-text {
    padding-left: 24px;
    border-left: 1px solid #fff;
}

#section-cards #offers-scroll .offers .item .card-wrapper .data .cantidad-and-horario-text-wrapper .horario-text .horario-value {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
}

#section-cards #offers-scroll .offers .item.skel .card-wrapper .data .cantidad-and-horario-text-wrapper .horario-text .horario-value .fa-clock {
    border-radius: 100%;
}

#section-cards #offers-scroll .offers .item.skel .card-wrapper .data .cantidad-and-horario-text-wrapper .horario-text .horario-value span {
    display: inline-block;
    width: 60%;
}

#section-cards #offers-scroll .offers .item .card-wrapper .data .presencial-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: end;
}

#section-cards #offers-scroll .offers .item .card-wrapper .data .presencial-wrapper .presencial-button {
    border-radius: 50px 50px 0 50px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    padding: 10px;
    color: #fff;
    display: block;
    margin-bottom: 8px;
}

#section-cards #offers-scroll .offers .item .card-wrapper .data .presencial-wrapper .presencial-button.presencial:not(.skelatable) {
    background-color: #16355A;
}

#section-cards #offers-scroll .offers .item .card-wrapper .data .presencial-wrapper .presencial-button.no-presencial:not(.skelatable) {
    background-color: #29AF1D;
    position: relative;
}

#section-cards #card-placeholder {
    background: url(/portal/resources/images/card-placeholder-oferta.png) no-repeat 0 0 / cover;
    border-radius: 50px 50px 50px 0;
    height: 600px;
}

#section-cards #card-placeholder .placeholder-wrapper {
    max-width: 320px;
    padding: 50px;
    float: right;
    text-align: right;    
    box-sizing: content-box;
}

#section-cards #card-placeholder .placeholder-wrapper .text {
    font-size: 18px;
    line-height: 24px;
    color: white;
    margin-top: 20px;
}

@media(min-width: 992px) {
    #section-cards #card-placeholder {
        height: 100%;
    }
}

#section-map .section-map-title {
    font-size: 20px;
    line-height: 24px;
    color: #037BC4;
    margin-bottom: 24px;
    font-weight: bold;
}

#section-map .section-map-desc {
    font-size: 18px;
    line-height: 24px;
    color: #16355A;
    margin-bottom: 24px;
}

#map .marker-icon {
    --image-size: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 0 4px #ccc);
}

#map .market-text {
    padding: 4px 8px;
    padding-right: calc(8px + (var(--image-size) / 2));
    text-transform: uppercase;
    font-size: 10px;
    color: #16355A;
    background: white;
    border-radius: 10px;
    font-weight: bold;
    white-space: nowrap;
}

#map .market-icons {
    margin-left: calc(-1 * (var(--image-size) / 2));
    display: flex;
}

#map .market-icons .market-icon {
    width: var(--image-size);
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #fff;
}

#map .market-icons .market-icon.empty {
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

#map .market-icons .market-icon .market-icon-img {
    font-size: 24px;
    font-weight: bold;
    color: #037BC4;
}

#map .market-icons .market-icon.en_linea {
    border-color: #2CB222;
}

#map .market-icons .market-icon.presencial {
    border-color: #16355A;
}

#map .market-icons .market-icon + .market-icon {
    margin-left: calc(-1 * (var(--image-size) / 2));
}

#map .market-icons .market-icon img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}  

#map + #map-modal .modal-content {
    border-image: fill 1 linear-gradient(#037BC4E6);
    mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
}

#map.modal-open + #map-modal table {
    min-width: 625px;
}

#map.modal-open + #map-modal table.table caption .time-text {
    text-align: right;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    padding: 24px;
}

#map.modal-open + #map-modal table.table caption .time-text .time-label  {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 4px;
}

#map.modal-open + #map-modal table.table caption .time-text .time-value > i {
    margin-right: 4px;
}

@media(min-width: 992px) {
    #section-map .section-map-title {
        font-size: 35px;
        line-height: 41px;
        margin-bottom: 30px;
    }

    #section-map .section-map-desc {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 30px;
    }
}

#section-table .section-table-title {
    color: #037BC4;
    font-size: 35px;
    line-height: 41px;
    font-weight: bold;
    margin-bottom: 20px;
}

#section-table .section-table-desc {
    color: #16355A;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 60px;
}

#section-table .section-table-chip {
    margin-bottom: 40px;
}

.tabla-resultados table.table caption .content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.tabla-resultados table.table caption .content-wrapper .date-text {
    margin-right: 32px;
}

.tabla-resultados table.table caption .content-wrapper .date-text .date-dow {
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    color: #037BC4;
    text-transform: uppercase;
    margin-bottom: 4px;
    text-align: right;
}

.tabla-resultados table.table caption .content-wrapper .date-text .date {
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4px;
}

.tabla-resultados table.table > tbody > tr > td {
    font-size: 14px;
    font-weight: bold;
}

.tabla-resultados table.table > tbody > tr > td#lonja {
    text-transform: uppercase;
    align-items: center;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #007BC4;
}

.tabla-resultados table.table > tbody > tr > td#lonja i {
    color: #037bc4;
    font-size: 16px;
}

.tabla-resultados table.table > tbody > tr > td:not(#lonja, #especie) {
    font-weight: normal;
}

.tabla-resultados table.table > tbody > tr > td .presencial {
    background-color: #16355A;
    display: block;
    border-radius: 50px 50px 0px 50px;
    padding: 8px 10px;
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
}

.tabla-resultados table.table > tbody > tr > td.mobile-column .presencial {
    background-color: #16355A;
    display: block;
    border-radius: 100%;
    padding: 5px;
    display: inline-block;
}

.tabla-resultados table.table > tbody > tr > td .presencial.no-presencial {
    background-color: #2CB222;
    position: relative;
}

.tabla-resultados table.table > tbody > tr:nth-child(odd of tr.parent-row),
.tabla-resultados table.table > tbody > tr:nth-child(odd of tr.expand-row) {
    background: #fafcfe;
}

.tabla-resultados table.table > tbody > tr:nth-child(even of tr.parent-row),
.tabla-resultados table.table > tbody > tr:nth-child(even of tr.parent-row) {
    background: transparent;
}

@media(min-width: 992px) {
    .tabla-resultados table.table > tbody > tr > td#lonja {
        white-space: normal;
        color: #16355A;
    }

    .tabla-resultados table.table > tbody > tr > td {
        font-size: 20px;
    }
}

.tabla-resultados table.table > tbody > tr > td:not(.mobile-column) .presencial.no-presencial::after {
    content: "\f245";
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-size: 24px;
    bottom: -10px;
    right: -5px;
    transform: rotate(-10deg);
    font-weight: 900;
    color: #16355A;
}

#agregate-chart {
    margin-top: 60px;
}

#agregate-chart .section-graph-title {
    margin-bottom: 40px;
    color: #037BC4;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

#agregate-chart .section-graph-chip {
    margin-bottom: 40px;
}

@media(min-width: 992px) {
    #agregate-chart .section-graph-title {
        margin-bottom: 60px;
        font-size: 35px;
        line-height: 41px;
    }

    #agregate-chart .section-graph-chip {
        margin-bottom: 40px;
    }
}

#map-outer-modal .tabla-resultados table.table {
    min-width: 0;
}

#map-outer-modal .tabla-resultados table.table caption {
    --caption-height: 100px;
    background: #16355A;
    border-radius: 0px 45px 0px 50px;
    position: relative;
    color: #fff;
    padding: 0;
    height: var(--caption-height);
    margin-left: calc(var(--caption-height) / 2);
}

#map-outer-modal .tabla-resultados table.table.solid caption {
    margin-bottom: 30px;
}

#map-outer-modal .tabla-resultados table.table caption.inverse-radius {
    border-radius: 45px 0px 50px 0px;
}

#map-outer-modal .tabla-resultados table.table caption.no-image {
    --caption-height: 0;
    height: auto;
}

#map-outer-modal .tabla-resultados table.table caption .main-caption {
    height: 100%;
    align-items: center;
}

#map-outer-modal .tabla-resultados table.table caption .main-image {
    position: absolute;
    top: 0;
    left: calc(var(--caption-height) / 2 * -1);
    border-radius: 100%;
    border: 3px solid #fff;
    background: #037BC4;
    height: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
}

#map-outer-modal .tabla-resultados table.table caption .main-image > img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

#map-outer-modal .tabla-resultados table.table caption .main-text {
    margin-left: calc(var(--caption-height) / 2);
    padding: 12px;
}

#map-outer-modal .tabla-resultados table.table caption.no-image .main-text {
    padding: 24px;
}

#map-outer-modal .tabla-resultados table.table caption .main-text .main-label{
    font-size: 20px;
}

#map-outer-modal .tabla-resultados table.table caption .main-text .main-value{
    font-size: 35px;
    line-height: 41px;
}

#map-outer-modal .tabla-resultados table.table > tbody > tr > td.species-cell span,
#map-modal .tabla-resultados table.table > tbody > tr > td.species-cell span {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#map-outer-modal .tabla-resultados table.table > tbody > tr > td.species-cell img,
#map-modal .tabla-resultados table.table > tbody > tr > td.species-cell img {
    width: 40px;
    height: 100%;
    margin-right: 8px;
    border: 2px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    flex: 0 0 40px;
}

#map-outer-modal .tabla-resultados table.table > tbody > tr > td.horario-cell .presencial {
    display: block;
    border-radius: 100%;
    padding: 5px;
    display: inline-block;
}

#map-outer-modal .tabla-resultados table.table > tbody > tr > td.horario-cell .presencial::after {
    content: "";
}


#map-outer-modal .tabla-resultados table.table > thead > tr > th.species-cell,
#map-outer-modal .tabla-resultados table.table > thead > tr > th.species-cell {
    width: 45%;
}

@media(min-width: 992px) {
    #map-outer-modal .tabla-resultados table.table > tbody > tr > td.species-cell img,
    #map-modal .tabla-resultados table.table > tbody > tr > td.species-cell img {
        width: 60px;
        margin-bottom: 4px;
        margin-right: unset;
        flex: 0 0 60px;
    }
}