@charset "UTF-8";
/* table of contents
13 abril 2025 - homify tribvto
01 logo
4 pagina / shop
5 pagina / producto 
    5.3 acordion product
6 easystore-checkout
7 footer
10 galeria de imagenes producto layouts
*/
:root {
 --vh: 1vh;
}

html.is-safari,
html.is-safari body {
 height: calc(var(--vh, 1vh) * 100);
}
:root{
    
    --font-primary2:"Raleway",sans-serif;
   --easystore-primary-color: black;
    --product-title:font-size: 1.2rem;
  
}




.font-secondary-new {
    font-family: var(--font-secondary-new);
        letter-spacing: -0.01vw;
    line-height: 125%;
    
}

/* oculta boton editor*/
body.view-product {}
/*********************************************
4 pagina / shop ( easystore pages - custom spg builder)
*********************************************/
.view-products{}
.easystore-product-content.page-content{ }

.sp-page-builder .page-content #section-id-36bb2c92-dbe0-4d35-a98d-fd7b472faf9a {
    padding-top: 5%!important;
 
}

/*********************************************
5 pagina / producto ( easystore pages - custom spg builder)
*********************************************/


div.easystore-product-single{ margin: 100px 1% 0px 0%}
 /* columna texto */
    #column-wrap-id-18513f57-07d8-4084-a6d1-a43db79f8d77 {
     padding-left: 3%!important;
    }
.easystore-product-price-block {
    justify-content: left;
}
@media (max-width: 767.98px) {
    
     .sp-page-builder .page-content #section-id-bd5fede2-cbd4-442b-a7c6-c02c55572e79 {
        padding-top: 60px!important;
        padding-right: 0px;
        padding-bottom: 60px;
        padding-left: 0px;
    }
    
    div.easystore-product-single{ margin: 0px 4% 0px 6%}
    
    
    
    /* columna texto */
    #column-wrap-id-18513f57-07d8-4084-a6d1-a43db79f8d77 {
     margin-top: 0px!important;
    }
    /* columna imagenes */
     .sp-page-builder .page-content #section-id-14ab83ae-a787-45ab-b6d5-4f9c4f7d26c7 {
    padding-top: 0px;
    padding-bottom: 5%!important;
  
}
    
    .easystore-product-price-block {
    justify-content: left;
}

}
.easystore-product-single .easystore-product-title {
    
    font-size: var(--product-title);
    text-transform: uppercase;
    line-height: 1.1;
    font-weight: 100;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 10px;
}
@media (max-width: 991px) {
    .easystore-product-single .easystore-product-title {
        font-size: 0.9rem;
    }
}

div.easystore-variant-title.easystore-block-label{}
.easystore-product-variant-color .easystore-variant-options {
   padding-top: 20px
}

.easystore-product-price {
    display: flex;
    gap: 8px;
    font-size: 14px;
    font-weight: 200;
    color: var(--easystore-body-color);
}
.easystore-price-original {
    font-weight: 200;
    color: var(--easystore-danger-color);
}

.product-left-info{
    position: -webkit-sticky;
    position: sticky;
}
#column-wrap-id-3af233c8-08a2-4dd7-8917-64f1469d3afb{
    position: -webkit-sticky;
    position: sticky;
}
/*********************************************
5.3 acordion product
*********************************************/

.sppb-panel-default>.sppb-panel-heading {
    background: transparent;
    padding: 10px 0px;
}
.sppb-panel-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.08em;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
}
.fa.fa-chevron-right{    font-weight: 100;}
.sppb-panel-default>.sppb-panel-heading .sppb-toggle-direction {
    right: 10px;
    color: #d3d3d3;
}
.sppb-panel-body {
    padding: 15px 0px;
    border-top: 1px solid #f8f8f8;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.8);
}
/*********************************************
6 easystore-checkout
*********************************************/
.easystore-checkout-wrapper, .view-orders #sp-main-body, .view-profile #sp-main-body

div.easystore-cart.my-4 {
    padding: 5% 3% !important;
}


/*********************************************
08 categoria de prodctos collection
*********************************************/

.easystore-product-title {
    
    font-size:  var(--product-title);
    font-weight: 100;
    line-height: 1.2;
    letter-spacing: normal;
    margin-bottom: 10px; padding-top: 5px;
    text-transform: uppercase;
}
/*********************************************
theme homify
*********************************************/
.easystore-product-single .easystore-product-price {
    font-size: 15px;
    font-weight: 200;
    line-height: 25px;
    color: black;
    margin-bottom: 30px;
}

.easystore-product-single .easystore-price-original {
    font-weight: 200;
    color: grey;
}
.easystore-price-original:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    border-bottom: 1.5px solid grey!important;
}
/*********************************************
06 pagina de loging
*********************************************/
button#plg_system_webauthn-FE1iMSSnfJzh-ljb2HJEI{width: 100px}


/*********************************************
07 offcanvas bootstrap
*********************************************/

#offcanvasRight {
   
    z-index: 999999;
  
}
/*********************************************
08 lightbox gallery product
*********************************************/



.easystore-product-gallery{}


/****pagina de prpducto******************/
.easystore-product-image {padding-bottom: 150%; }


.easystore-product-video {
 
    padding-bottom: 0px;
}

.easystore-btn-add-to-cart {
   font-size:11px
}

div.easystore-product-gallery.product-gallery-custom{padding-left: 0%}
.easystore-product-single .easystore-product-image {
    margin-bottom: 1px;
}
.easystore-video-container{
        display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    object-fit: cover;
    object-position: center center;
    transition: opacity .2s ease;
}
.easystore-zoom-gallery {
    position: fixed;
    z-index: 1000000;
    overflow: hidden
}

.easystore-zoom-gallery-wrapper {
    position: fixed;
    background-color: #fff;
    z-index: 150;
    display: none;
    inset: 0px;/*****border************/
    overflow: hidden;
    box-shadow: 0 0 2px rgba(17,18,19,.2),0 30px 72px rgba(17,18,19,.2);
    border-radius: 0px
}

.easystore-zoom-gallery-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 0;
    display: none
}

.easystore-zoom-gallery-preview {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.easystore-zoom-gallery-preview img {
    transition: transform .3s ease;
    cursor: zoom-in;
    max-height: 100%;
    min-height: auto
}

.easystore-zoom-gallery-thumbs {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 20px;
    width: 100%;
    display: flex;
    overflow: auto;
    white-space: nowrap;
    justify-content: center
}

.easystore-zoom-gallery-thumbs.thumbs-hidden {
    display: none
}

.easystore-zoom-gallery-thumb {
    background-color: #fff;
    border: none;
    outline: 0;
    width: 100px;
    height: auto;
    padding: 2px;
    position: relative;
    border: 2px solid transparent;
    transition: border .3s ease
}

.easystore-zoom-gallery-thumb:hover {
    border-color: var(--easystore-primary-color)
}

.easystore-zoom-gallery-thumb.is-active {
    border-color: var(--easystore-primary-color)
}

.easystore-zoom-gallery-controls {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none
}

/*********************************************
09 category sp easystore
*********************************************/
.sppb-collection-item {
    position: relative;
    text-align: left;
}
.sppb-collection-item .easystore-product-price {
    justify-content: left;
}

#sppb-addon-36c186ff-4b69-4730-b7e9-7eb61689d1ca .easystore-product-image {
    border-top: 0px solid;
    border-right: 0px solid;
    border-bottom: 0px solid;
    border-left: 0px solid;
}
/*********************************************
10 galeria de imagenes producto layouts
*********************************************/

.easystore-product-gallery>.easystore-gallery-image.active {
    border-color: var(--easystore-primary-color);
}

ul.imagesmobile{list-style-type: none;padding-left: 2%; padding-right: 2%}
ul.imagesmobile li {;padding-bottom: 2%;}