/*
* Product code goes here.
* A template should always ship with an empty product.css
*/

[id^="product-description-short-"] h1 {
    font-size: 1.6rem;
    font-weight: 600;
}
h3 {
    font-size: 1.125rem;
}

/*PRODUCT INFO*/
.product-information .product-description {
    padding: 0 1rem 1rem;
}
div#col-product-info {
    position: sticky !important;
    top: 160px;
}
.product_header_container,
.product_p_price_container {
    border: none;
    padding: 0;
    margin: 0;
}
.ps-subscription-block,
.js-product-customization,
.product-variants:has(.product-variants-item),
.product-add-to-cart {
    border-radius: .5rem;
    padding: 1rem 1rem;
    box-shadow: 0 2px 4px #04252229, 0 0 4px #0425221f;
}


/*PRODUCT IMAGES*/
.product-cover img {
    width: 100%;
}

/*PRODUCT CUSTOMIZATION*/
.autosave-status {
    font-size: 0.9em;
    margin-left: 0.5em;
    opacity: 0;
    transition: opacity 0.3s;
   /*  position: absolute;
    top: 10px;
    right: 10px; */
}
.autosave-status.visible {
    opacity: 1;
}


/*SUBSCRIPTION*/
.ps-subscription-block .form-horizontal > .row {
    align-items: center;
}
.ps-subscription-block .form-horizontal > .row label {
    width: 100%;
    padding: 0.5rem 0;
    cursor: pointer !important;
    line-height: 1.1rem;
}
.custom-radio input[type=radio] {
    width: 100%;
    height: 100%;
}
.custom-radio input[type=radio]:checked + span {
    width: 10px;
    height: 10px;
    border-radius: 3px;
}

/*VARIANTS*/
.product-actions.js-product-actions {
    max-width: 800px;
    margin: auto;
}
.ps-subscription-block,
.product-variants {
    margin-bottom: 1rem;
}
.product-variants >.product-variants-item ul:not(.group_color) {
    display: grid;
    column-gap: 0.625rem;
    row-gap: 1.5rem;
    grid-template-columns: repeat( auto-fill, minmax(130px, 1fr) );
}
.product-variants>.product-variants-item ul:not(.group_color) li {
    margin: 0;
}
.product-variants + div li{
	padding: 0 2px;
}
.product-variants input.input-radio,
.product-variants input.input-radio + .variant-box {
    outline: none;
    width: 100%;
    height: 100%;
    margin-right: 0;
    align-items: center;
    justify-content: center;
}
.product-variants .input-radio, 
.product-variants .radio-label {
    min-width: 3.429rem;
    min-height: auto;
    box-sizing: border-box;
    line-height: 1.5rem;
    padding: 0 !important;
    outline: none;
    width: 100%;
    margin: 0;
    text-wrap-style: balance;
}
.product-variants .input-radio:hover, 
.product-variants .radio-label:hover {
    border: 0;
}

.product-variants .variant-box {
    background-color: #ffffff;
    border: solid 1px var(--color-corp);
    font-size: 0.9rem;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    min-height: 4.25rem;
}
.product-variants .input-radio:hover + .variant-box {
    border: solid 1px rgba(167, 185, 74 , 1);
}
.product-variants .input-radio:checked + .variant-box {
    border: solid 2px rgba(167, 185, 74 , 1);
    background: rgba(167, 185, 74 , 0.2);
}
.product-additional-info {
    border: 0;
}
.product-variants li.attribute-not-in-stock .variant-box {
    cursor: not-allowed;
    opacity: 0.5;
}
.product-variants li.attribute-not-in-stock span {
    cursor: not-allowed;
}
.product-variants .price-saving {
    color: #ffffff;
    position: absolute;
    top: -12px;
    background: #fff;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    padding: 0.2rem 0.5rem;
    background: #007856;
    background: linear-gradient(90deg,#007856 0%, #539553 80%);
    background: -webkit-linear-gradient(90deg,#007856 0%, #539553 80%);
    background: -moz-linear-gradient(90deg,#007856 0%, #539553 80%);
    border-radius: .3rem;
}

button:disabled {
    cursor: not-allowed;
}


/*PRODUCT DETAILS*/
.product-tabs h2 {
    font-size: 1.25rem !important;
    margin-bottom: 0;
}
.tabs.product-tabs {
    position: relative;
    padding: 2rem 0;
}
.container:has(+ .container) {
    margin-bottom: 1rem;
}
h4.tits-descripcion-productos, 
h3.tits-descripcion-productos, 
h2.tits-descripcion-productos {
    background-color: #f1f1f1;
    display: block;
    border: solid 2px #f1f1f1;
    border-radius: 10px 10px 0 0 !important;
    padding: 10px 20px;
    margin-bottom: -4px;
    width: 100% !important;
}
[id^="accordion"] .accordion-item {
    border-left: 0;
    border-right: 0;
}
[id^="accordion"] .accordion-item:last-child:has(.accordion-button[aria-expanded="true"]) {
    border-bottom: 0;
}
[id^="accordion"] .accordion-button {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
[id^="accordion"] .accordion-button:focus {
    box-shadow: none;
}
[id^="accordion"] .accordion-button[aria-expanded="true"] {
    margin-bottom: 1rem;
}
[id^="accordion"] .accordion-body {
    border-radius: 10px !important;
    padding: 30px 20px;
    border: 1px solid #ebebeb;
    background: #fdfdfd;
    margin-bottom: 1rem;
}
[id^="accordion"] .accordion-body img {
    max-width: 100%;
    height: auto;
    display: block;
}
[id^="accordion"] .accordion-body .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
[id^="accordion"] ul.ul-producto {
    list-style-type: circle;
    padding-left: 20px;
}
[id^="accordion"] img.img-radius {
    border-radius: 16px;
}