/*pagina de productos*/
.page.market {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid silver;
    border-radius: 30px;
    padding: 15px;
}

.page.market .nahual_title_field {
    font-size: 3rem;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    color: #1c1c1c;
}

.page.market .precio_anterior {
    width: fit-content;
    margin-right: 10px;
    float: left;
    color: silver;
    text-decoration: line-through;
    font-size: 1.2rem;
    display: inline-flex;
}

.page.market .precio_anterior:before {
    content: '$';
}

.page.market .nahual_shopping_price {
    color: #00a650;
    font-size: 1.5rem;
    display: inline-flex;
}

.page.market .nahual_shopping_price:before {
    content: '$';
}


.page.market .nahual_main_image_field {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.page.market .nahual_main_image_field img {
    max-width: 100%;
    height: 600px;
    border: 2px solid silver;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.page.market .descripcion_breve {
    font-size: 2.5rem;
    font-weight: 500;
    padding: 20px;
    color: #0b6665;
    text-align: justify;
}

.page.market .descripcion {
    font-size: 2.5rem;
    padding: 20px;
    text-align: justify;
}

.page.market .descripcion p {
    font-size: 2.5rem;
}

.page.market .nahual_shopping_available {
    display: flex;
    font-size: 2.5rem;
}

.page.market .store-or-product {
    margin-top: 20px;
}

.page .store.related {
    border-bottom: 4px solid silver;
    font-size: 1.8rem;
    text-align: end;
    padding: 5px;
}

.page.market .foto img {
    width: 90px;
    margin-right: 20px;
}

.page.market .comprar_ahora {
    width: fit-content;
    margin-top: 15px;
    margin-right: 15px;
    float: left;
}

.page.market .unidad {
    font-size: 2rem;
    background: antiquewhite;
    width: fit-content;
    padding: 10px;
    border-radius: 15px;
    font-weight: 600;
}

.page.market .comprar_ahora a {
    width: 100%;
    float: left;
    background-color: #198754;
    border-color: #198754;
    color: white;
    border-radius: 5px;
    padding: 8px;
    text-decoration: none;
    text-align: center;
}

.page.market .comprar_ahora a:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
}

.store-or-product {
    font-size: 1.8rem;
    color: #0b6665;
    background: rgba(11, 102, 101, .2);
    border-radius: 15px;
    padding: 15px;
    width: 100%;
}

.store-or-product .link.share .text {
    width: 100%;
    height: 50px;
}

.store-or-product .link.share .icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-share' viewBox='0 0 16 16'><path d='M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.5 2.5 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5m-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3'/></svg>");
    background-repeat: no-repeat;
    background-size: 40px 50px;
    width: 52px;
    height: 50px;
    margin-top: auto;
    margin-bottom: auto;
    float: left;
}

.store-or-product .link.share .icon {
    background-size: 60px 80px;
    width: 80px;
    height: 80px;
}

.store-or-product .link.share .text {
    width: 100%;
    height: 80px;
    line-height: 4.5rem;
}