.titulo-contenedores-google-sheet {
    width: 95%;
    margin: 0% auto;
    align-items: center;
    color: black;
    padding: 1%;
    font-size: 3rem;
    font-family: 'Roboto',sans-serif;
    text-align: center
}

.contenedor-productos-google-sheet {
    width: 95%;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-bottom: 1px solid #c3c2c2
}

.contenedor-productos-google-sheet a {
    text-decoration: none;
    display: contents
}

.tarjeta-producto-pagos {
    display: flex;
    flex-wrap: wrap;
    width: 16%;
    background: white;
    margin: 1% auto;
    padding: 10px 1%
}

.tarjeta-producto-pagos img {
    width: 100%;
}

.tarjeta-producto-pagos .img-producto {
    width: auto;
    position: relative;
    margin: auto
}

.tarjeta-producto-pagos .img-producto img {
    box-sizing: border-box;
    width: 100%;
    min-width: 80px;
    margin: auto;
    max-height: 230px;
    height: 100vh;
    min-height: auto;
    height: auto;
    max-width: 200px;
    aspect-ratio: 1/1;
    min-height: 140px
}

.tarjeta-producto-pagos .informacion-producto {
    width: 95%;
    margin: auto;
    border-top: #ebecec solid 2px;
    padding: 10px 0px 0
}

.tarjeta-producto-pagos .product-name {
    line-height: 1.2;
    color: #000;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-break: break-word;
    line-height: 1.2;
    padding-bottom: 2px;
    font-weight: 400
}

.tarjeta-producto-pagos .price-product {
    color: #666;
    font-size: 0.9em;
    text-decoration: line-through
}

.tarjeta-producto-pagos .precio-envio {
    display: flex;
    flex-wrap: wrap;
    margin: 5px auto
}

.tarjeta-producto-pagos .sale-price-product {
    color: #000;
    font-size: 1.2em;
    font-weight: 700
}

.tarjeta-producto-pagos .sale-price-product span {
    font-size: 0.9rem
}

.tarjeta-producto-pagos .discount {
    background: #ff3c3c;
    border-radius: 50%;
    padding: 10px 5px;
    color: #fff;
    margin: auto;
    position: absolute;
    z-index: 2;
    margin-left: calc(10% - 15px);
    margin-top: 5px;
    width: 40px;
    height: 40px;
}

.tarjeta-producto-pagos .envio {
    width: 50%;
    margin: auto;
    color: #117c00;
    font-size: 12.3px
}

.tarjeta-producto-pagos .envioExpressLanding {
    width: calc(50% - 12px);
    padding-left: 5px;
    margin-left: 5px!important;
    border-left: 1px solid var(--color-gris-borde)
}

.tarjeta-producto-pagos .envioExpressLanding.sin-express {
    padding-left: 0px;
    margin-left: 0px!important;
    border-left: 0px solid var(--color-gris-borde)
}

.tarjeta-producto-pagos .envioExpressLanding.sinEnvio {
    border: 0;
    width: 50%
}

.tarjeta-producto-pagos .meses-telmex {
    color: #3fa9f5;
    margin: 5px auto;
    display: flex;
    flex-direction: row
}

.tarjeta-producto-pagos .meses-tarjetas {
    color: #000;
    margin: 5px auto;
    display: flex;
    flex-direction: row
}

.tarjeta-producto-pagos .meses-telmex img, .tarjeta-producto-pagos .meses-tarjetas img {
    width: 25px;
    margin-right: 5px;
    height: intrinsic;
}

.tarjeta-producto-pagos .meses-telmex p, .tarjeta-producto-pagos .meses-tarjetas p {
    font-size: 14px;
    margin: auto 0
}

.tarjeta-producto-pagos .bi.bi-star-fill {
    color: #fec600
}

.tarjeta-producto-pagos .reviews_gwd_claroshop {
    display: flex;
    width: 100%;
    margin: 5px auto;
}

.tarjeta-producto-pagos table tr:nth-child(2n+2) {
    background: #e7e7e7
}

.tarjeta-producto-pagos .stars-outer {
    display: inline-block;
    position: relative;
    font-family: FontAwesome
}

.tarjeta-producto-pagos .stars-outer::before {
    content: "\f006 \f006 \f006 \f006 \f006";
    color: #e7990d
}

.tarjeta-producto-pagos .stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0%
}

.tarjeta-producto-pagos .stars-inner::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    color: #e7990d
}

.tarjeta-producto-pagos .stars-inner.estrellas-5 {
    width: 100%
}

.tarjeta-producto-pagos .stars-inner.estrellas-4-5 {
    width: 90%
}

.tarjeta-producto-pagos .stars-inner.estrellas-4 {
    width: 80%
}

@media (max-width: 1340px) {
    .titulo-contenedores-google-sheet {
        font-size:2rem
    }

    .tarjeta-producto-pagos .envio {
        font-size: 11.4px
    }

    .tarjeta-producto-pagos .meses-telmex p, .tarjeta-producto-pagos .meses-tarjetas p {
        font-size: 12px
    }
}

@media (max-width: 1240px) {
    .tarjeta-producto-pagos {
        width:18%
    }

    .tarjeta-producto-pagos .product-name {
        font-size: 14px
    }

    .tarjeta-producto-pagos .sale-price-product {
        font-size: 1em
    }

    .tarjeta-producto-pagos .sale-price-product span {
        font-size: 0.6rem
    }

    .tarjeta-producto-pagos .price-product {
        font-size: 0.8em
    }

    .tarjeta-producto-pagos .discount {
        font-size: 13px
    }

    .tarjeta-producto-pagos .envio {
        font-size: 9.2px;
        margin: auto
    }

    .tarjeta-producto-pagos .meses-telmex img, .tarjeta-producto-pagos .meses-tarjetas img {
        width: 18px;
        margin-right: 3px
    }

    .tarjeta-producto-pagos .meses-telmex p, .tarjeta-producto-pagos .meses-tarjetas p {
        font-size: 10px
    }
}

@media (max-width: 780px) {
    .titulo-contenedores-google-sheet {
        font-size:1.5rem
    }

    .tarjeta-producto-pagos {
        width: 31%
    }

    .tarjeta-producto-pagos .price-product {
        font-size: 1em
    }

    .tarjeta-producto-pagos .sale-price-product {
        font-size: 1.1em
    }

    .tarjeta-producto-pagos .sale-price-product span {
        font-size: 0.8rem
    }

    .tarjeta-producto-pagos .discount {
        font-size: 15px
    }

    .tarjeta-producto-pagos .envio {
        font-size: 12px
    }

    .tarjeta-producto-pagos .meses-telmex p, .tarjeta-producto-pagos .meses-tarjetas p {
        font-size: 12px
    }

    .tarjeta-producto-pagos .product-name {
        font-size: 17px
    }
}

@media (max-width: 600px) {
    .titulo-contenedores-google-sheet {
        font-size:1.4rem;
        padding: 2%
    }

    .tarjeta-producto-pagos {
        width: 47%;
        border: 0px
    }

    .tarjeta-producto-pagos .informacion-producto {
        border-top: #ebebeb solid 2px;
        padding: 10px 0px 0
    }

    .tarjeta-producto-pagos .product-name {
        font-size: 1em
    }

    .tarjeta-producto-pagos .price-product {
        font-size: 0.7em
    }

    .tarjeta-producto-pagos .discount {
        font-size: 0.7em
    }

    .tarjeta-producto-pagos.una-columna {
        width: 100%;
        border: 0px
    }

    .tarjeta-producto-pagos.una-columna .img-producto {
        width: 40%
    }

    .tarjeta-producto-pagos.una-columna .informacion-producto {
        width: 55%;
        border-left: 2px solid #ebebeb;
        padding-left: 3%;
        border-top: 0
    }

    .tarjeta-producto-pagos .envioExpressLanding.sinEnvio {
        width: 65%
    }
}

@media (max-width: 400px) {
    .tarjeta-producto-pagos .sale-price-product {
        font-size:1em
    }

    .tarjeta-producto-pagos .discount {
        font-size: 13px
    }

    .tarjeta-producto-pagos .envio {
        font-size: 0.6rem
    }

    .tarjeta-producto-pagos .meses-telmex p, .tarjeta-producto-pagos .meses-tarjetas p {
        font-size: 11px
    }

    .tarjeta-producto-pagos.una-columna .product-name {
        font-size: 0.9em
    }

    .tarjeta-producto-pagos.una-columna .envio {
        font-size: 0.8em
    }

    .tarjeta-producto-pagos.una-columna .meses-telmex {
        font-size: 0.8em
    }

    .tarjeta-producto-pagos.una-columna .meses-tarjetas {
        font-size: 0.8em
    }

    .tarjeta-producto-pagos.una-columna .discount {
        font-size: 0.8em
    }
}

@media (max-width: 360px) {
    .tarjeta-producto-pagos.una-columna .envio {
        font-size:0.75em
    }
}

@media (max-width: 330px) {
    .tarjeta-producto-pagos .product-name {
        font-size:14px
    }

    .tarjeta-producto-pagos .price-product {
        font-size: 0.8em
    }

    .tarjeta-producto-pagos .sale-price-product {
        font-size: 0.9em
    }

    .tarjeta-producto-pagos .sale-price-product span {
        font-size: 0.65rem
    }

    .tarjeta-producto-pagos .discount {
        font-size: 11px
    }

    .tarjeta-producto-pagos .meses-telmex p, .tarjeta-producto-pagos .meses-tarjetas p {
        font-size: 10px
    }

    .tarjeta-producto-pagos .envio {
        font-size: 0.55rem
    }

    .tarjeta-producto-pagos.una-columna .envio {
        font-size: 0.67em
    }
}

@media (max-width: 290px) {
    .tarjeta-producto-pagos.una-columna .product-name {
        font-size:0.7em
    }

    .tarjeta-producto-pagos .sale-price-product {
        font-size: 1em
    }

    .tarjeta-producto-pagos.una-columna .envio {
        font-size: 0.5em
    }

    .tarjeta-producto-pagos .meses-telmex p, .tarjeta-producto-pagos .meses-tarjetas p {
        font-size: 10px
    }

    .tarjeta-producto-pagos .meses-telmex img, .tarjeta-producto-pagos .meses-tarjetas img {
        width: 13px;
        margin-right: 1px
    }

    .tarjeta-producto-pagos .sale-price-product {
        font-size: 0.9em
    }

    .tarjeta-producto-pagos .stars-outer::before {
        font-size: 12px
    }

    .tarjeta-producto-pagos .stars-inner::before {
        font-size: 12px
    }

    .tarjeta-producto-pagos .reviews_gwd_claroshop {
        display: flex;
        width: 100%;
        margin: 0px auto 3px
    }
}