.elementor-74 .elementor-element.elementor-element-1be193f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2%;--padding-bottom:0%;--padding-left:1%;--padding-right:1%;}.elementor-74 .elementor-element.elementor-element-ce64881{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:40px;}.elementor-74 .elementor-element.elementor-element-ce64881:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-ce64881 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EE3017;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-36dc187{text-align:left;}.elementor-74 .elementor-element.elementor-element-36dc187 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-a13fce9 > .elementor-widget-container{margin:-30px 0px 0px -30px;}.elementor-74 .elementor-element.elementor-element-a13fce9 img{width:100px;}.elementor-74 .elementor-element.elementor-element-1f32f4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-970d734{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-4cf871c{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-80ba88b img{border-radius:20px 20px 20px 20px;}.elementor-74 .elementor-element.elementor-element-292e2bc.elementor-element{--align-self:center;}.elementor-74 .elementor-element.elementor-element-292e2bc img{border-radius:20px 20px 20px 20px;}.elementor-74 .elementor-element.elementor-element-336e5cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-2c8f22a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-f8cba81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-74 .elementor-element.elementor-element-2bec913{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-710b15a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-c1658b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-dbeea0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-71c8ab2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-e85155f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-74 .elementor-element.elementor-element-ce64881{--width:95%;}}@media(max-width:767px){.elementor-74 .elementor-element.elementor-element-1be193f{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-74 .elementor-element.elementor-element-ce64881{--width:100%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-74 .elementor-element.elementor-element-36dc187 .elementor-heading-title{font-size:14px;}.elementor-74 .elementor-element.elementor-element-a13fce9 > .elementor-widget-container{margin:-50px -19px 0px -40px;}.elementor-74 .elementor-element.elementor-element-a13fce9 img{width:75px;}.elementor-74 .elementor-element.elementor-element-1f32f4d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-74 .elementor-element.elementor-element-2bec913{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-9971c80 */@media only screen and (max-width:767px){
    .sec04, .sec05{
        padding:3%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b6219ad */@media only screen and (max-width:767px){
    .sec05{
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8cba81 */.sec/* End custom CSS */
/* Start custom CSS */.sec02 .wrapper-vl{
max-width:1150px;
}
.sec03-title{
text-align:center;
}
.sec09{
background-color:#fff;
z-index:2;
position:relative;
}
.price{
    font-size:1.7rem!important;
}

#content-rl-w #revieList, #revieDataIA{
max-width:1150px!important;
}
.commentRevie, .detail-star label{
font-weight:unset!important;
}
.detail-star label{
font-weight:900!important;
}
#rvst{
    display:flex;
    justify-content:center;
    margin-bottom:-10px;
    }
    #rvst [data-star]::before, #rvst [data-star]::after{
    color:#092d58!important;
    font-size:20px;
    }
    .section-padding {
        width: 100% !important;
      }
      .sec01,
      .sec02,
      .sec03,
      .sec04,
      .sec05,
      .sec06,
      .sec07,
      .sec08,
      .sec09,
      .sec10,
      .sec11,
      .sec12 {
        display: flex;
        font-family: 'Poppins';
        padding: 10px;
        width: 100%;
        overflow: hidden;
        flex-direction: column;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        font-size:19px;
        margin-top:20px;
        margin-bottom:20px;
      }
      img{
        width: 100%;
      }
      div{
        box-sizing: border-box;
      }
      img{
        width:100%;
      }
      .wrapper-vl {
        display: flex;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        gap: 15px;
        align-items: center;
        position: relative;
        max-width: 1140px;
      }
      .j-left{
        justify-content: flex-start;
        align-items: flex-start;
      }
      .col-40{
        display:flex;
        align-items: center;
        justify-content: flex-end;
    flex-direction:column;
      }
      .col-60{
        display:flex;
        flex-direction: column;
        overflow: hidden;
      }
      .cols-2{
        width:100%;
      }
      .f-column{
        flex-direction: column;
      }
      .col-50, .col-20, .col-80, .col-25, .col-75{
        justify-content: center;
        display: flex;
        flex-direction: column;
      }
      .col-20, .col-80, .col-25, .col-75{
        justify-content:center;
        align-items:center;
      }
      .col-25{
        width:25%;
      }
      .col-75{
        width:75%;
      }
      .col-20{
        width:20%;
      }
      .col-80{
        width:80%;
      }
      .cols-2,
      .cols-3 {
        display: flex;
        flex-direction: row;
      }
      .col-50 {
        width: 50%;
        max-width: 50%;
      }
      .col-60 {
        width: 60%;
      }
      .col-40 {
        width: 40%;
      }
      .col-30{
        width: 30%;
      }
      
      .mob{
        display:none;
      }
      .desk{
        display:block;
      }
      .t-azul{
        color:#00ace4;
      }
      .t-azul-os{
        color:#092d58;
      }
      .hero-reviews {
        position:relative;
        gap: 5px;
      }
      .hero-stars svg{
        width: 40px;
        fill: #fdcf00;
      }
      .stars-full{
        z-index:2;
      }
      .stars-empty{
        position:absolute;
        z-index:0;
      }
      .stars-empty svg{
        fill: #ddd;
      }
      .swiper {
        width: 100%;
      }
      .icon-slider{
        position:relative;
      }
      .swiper-slide {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
      }
      .swiper-slide img {
        max-width: 100%;
      }
      .col-33 {
        width: 33%;
      }
      .col-30{
        width:30%;
        display:flex;
align-items:center;
      }
      .col-70{
        width:70%;
        display:flex;
        flex-direction: column;
      }
      .col-35{
        width:35%;
        display:flex;
        flex-direction: column;
      }
      .mt40 {
        margin-top: 30px;
      }
      .col4 {
        flex-direction: row;
        align-items: stretch;
      }
      .padding-0 {
        padding: 0;
        margin: 0;
      }
      
      .tblanco{
        color:#fff;
      }
      .f-row{
        flex-direction: row;
      }
      .flex-row{
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        align-items: center;;
      }
      .gap10{
        gap:10px;
      }
      .t-auto{
        width:auto;
      }
      .a-center{
        align-items: center;
        justify-content: center;
      }
      .j-right{
        justify-content: flex-end;
        align-items: flex-end;
      }
      .j-between{
        justify-content: space-between;
      }
      .t-right{
        text-align: right;
      }
      .t-blanco{
        color:#fff;
      }
      .gap20{
        gap:20px;
      }
      .f-size20{
        font-size:20px;
      }
      .t-center{
        text-align: center;
      }
      
      .gap0{
        gap:0;
      }
      .padding-0{
        padding:0;
      }
      .a-right{
        align-items: flex-end;
      }
      .col-20{
        width:20%;
      }
      .a-top{
        align-items: flex-start;
        justify-content: flex-start;
      }
      .col-30{
        position:relative;
      }
      .warranty-badge-wrapper{
            max-width:250px;
            position:absolute;
            top:0;
            right:0;
            z-index:5;
        }
        .warranty-badge-wrapper img{
            width:100%;
        }
        .product-gallery {
    width:100%;
    max-width:500px;    
    display: flex;
          gap: 10px;
            justify-content:center;
            align-items:center;
            flex-direction: column!important;
        }
        .swiper-button-prev, .swiper-button-next{
            display:block!important;
        }
        .swiper-button-disabled{
            display:none!important;
        }
        
        .main-swiper {
          width: 100%;
    border:1px solid #092d58;
        }
        
        .swiper-slide-thumb-active img{
          border: 1px solid #092d58;
        }
        
        .swiper-button-next::after, .swiper-button-prev::after{
            background-color: #092d58;
            color: #FFf;
            font-size: 20px!important;
            position: absolute;
        }
        .swiper-button-next::after{
            margin-right: -10px;
            right: 0;
            position: absolute;
            padding: 10px 7px 10px 10px;
        }
        .swiper-button-prev::after{
        padding: 10px 8px 10px 8px;
    left:0;
    margin-left:-10px;
        }
        .discount-badge {
            line-height: 1!important;
            height: auto;
            display: flex;
            top: 0;
            right: 0;
            padding: 10px;
            font-weight: 600;
        }
        .add-to-cart-wrapper {
            width: 100%;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }
        .product-variants {
            display: flex;
            gap: 1px;
            color: #092d58;
            width: 100%;
    flex-direction:column;
        }
    .variant-button-wrapper {
            display: flex;
            flex-direction: column;
            gap: 5px;
    width:100%;
            padding-top:10px;
        }
        .variant-price {
            font-weight: 600;
            font-size:25px;
        }
        .variant-button {
    width:100%!important;
            position: relative;
            padding: 0.5rem 1rem;
            border: 1px solid #092d58;
            background-color: #fff;
            cursor: pointer;
            transition: background-color 0.2s;
            display: flex;
            flex-direction: row;
            gap: 2px;
            justify-content: space-between;
            align-items: center;
            padding-top: 10px;
            padding-bottom: 10px;
    font-size:16px;
    border-radius:unset;
    color:#000;
        }
    .variant-row{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:10px;
    }
    .variant-column-1{
    font-size:34px;
    font-weight:600;
    }
    .variant-column-2{
    display:flex;
    flex-direction:column;
    gap:3px;
    justify-content:flex-start;
    text-align:left;
    line-height:1.2;
    }
    .individual-price{
    display:flex;
    flex-direction:row;
    gap:5px;
    }
    .regular-price{
    font-weight:600;
    }
    .variant-savings{
    display:flex;
    flex-direction:row;
    align-items:center;
    }
    .best-seller{
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    background-color:#092d58;
    padding:2px 7px;
    line-height:1;
    border-radius:10px;
    border:1px solid #fff;
    }
        .variant-button:hover {
            background-color: #2a4261;
            color: #fff;
        }
        .variant-button.selected {
            border-color: #092d58;
            background-color: #092d58;
            color: #fff;
        }
        #add-to-cart {
    width:100%;
    text-transform:uppercase;
    margin-bottom:10px;
            margin-top: 40px;
            background-color: #092d58;
            color: #fff;
            padding: 20px 40px;
            border-radius: 5px;
            border: none;
            font-size: 16px;
            font-weight: 600;
            transition: ease all 0.3s;
    line-height:1!important;
            cursor: pointer;
        }
        #add-to-cart:hover {
            background-color: #092d58;
        }
        .ribbon {
            position: relative;
            padding: 10px;
            color: #fff;
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            line-height: 1;
            background: linear-gradient(to bottom, #c40034 50%, #a7002c 50%);
            clip-path: polygon(0% 0%, 100% 0%, 90% 50%, 100% 100%, 0% 100%, 10% 50%);
        }
    button:disabled,
    button[disabled]{
      background-color: #eee!important;
      color: #cccccc!important;
    cursor: not-allowed;
    }
    button:disabled:hover,
    button[disabled]:hover{
    cursor: not-allowed!important;
    }
    
    .variant-button.out-of-stock {
        position: relative;
        opacity: 0.7;
        cursor: not-allowed;
    }
    
    .soldout-overlay {
        position: absolute;
        top: 0;
    margin-left:3px;
    margin-top:1px;
        left: 0;
        width: 98%;
        height: 98%;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        z-index: 1;
    }
    
    .gf_soldout {
        width: 99%;
        height: 99%;
        stroke: #000;
        stroke-width: 2;
    }
    .sec01{
    padding:20px;
    }
    .thumbnails-swiper {
    max-width:500px;
    }
    .pb-\[10px\] {
        padding-bottom: 3px;
    font-size:16px;
    }
    .gallery-bullet-points{
    font-size:16px;
    margin-top:30px;
    }
    .gallery-bullet-points li:nth-child(even) {
        font-weight: 600;
    }
    .product-details-wrapper{
    width:100%;
    }
    .product-details-wrapper .cols-2{
    gap:40px;
    }
    .product-info-title{
    font-size:32px!important;
    text-transform:uppercase;
    font-weight:900;
    line-height:1.2;
font-family: 'Poppins', Sans-serif;
margin-bottom:10px;
    }
    .product-info-title-desc{
    font-size:20px!important;
    margin-bottom:10px;
font-weight:500;
    }
    #price-display{
    display:flex;
    flex-direction:row;
    gap:10px;
    font-size:32px;
    }
    .compare-price{
    color:#c90000;
    text-decoration: line-through;
    }
    .current-price{
    font-weight:600;
    }
    .envio-wrapper{
    border:1px solid;
    width:100%;
    padding:20px;
    margin-top:20px;
    }
    .envio-wrapper li:last-child{
    margin-bottom:0;
    }
    .envio-wrapper .gallery-bullet-points{
    margin-top:0;
    }
    .formas-de-pago img{
    width:70%;
    }
    .formas-de-pago{
    text-align:center;
    }
    .product-details-wrapper{
        max-width:1140px;
    }
    .upsell-section{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    max-width:600px;
    }
    .sec02{
    justify-content:flex-start;
    align-items:flex-start;
    }
    .upsell-column{
    max-width:150px;
    font-size:16px;
    text-transform:uppercase;
    font-weight:600;
    line-height:1.2;
    text-align:center;
    }
    .buy-column{
    max-width:200px;
    padding-top:30px;
    }
    .plus-column{
    padding-top:70px;
    font-size:23px;
    }
    .related-product-price, .upsell-variant-price{
    margin-top:10px;
    font-weight:500;
    }
    .upsell-total{
    text-transform:Capitalize;
    }
    .add-to-cart-upsell-btn{
    background-color:#092d58;
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    line-height:1.2;
    padding:10px 5px;
    margin-top:20px;
    font-weight:600;
    }
    .total-price{
    font-weight:500;
    color:#092d58;
    }
    .upsells-info{
    font-size:16px;
    text-transform:uppercase;
    font-weight:600;
    line-height:1.2;
    width:100%;
    }
    .upsell-info-item{
    display:flex;
    flex-direction:row;
    width:100%;
    margin-bottom:10px;
    }
    .sec03{
        padding:0;
        background-color:#092d58;
        color:#fff;
    }
    .sec03-title{
        font-size:32px;
        text-transform:uppercase;
        font-weight: 600;
    }
    .sec03-desc{
        font-size:14px;
    }
    .sec03-desc li{
        font-size:16px;
        margin-bottom:10px;
    }
    .sec03-list{
        margin-top:20px;
    }
    .sec03 .col-30{
        align-items:center;
    }
    .sec03 .cols-2{
        gap:20px;
    }
    .sec03{
        padding:15px 10px 20px 10px;
    }
.sec03-sellos{
display:flex;
flex-direction:column;
justify-content:center;
gap:15px;
}
    .ingredientes-card{
        box-shadow: 1px 4px 6px 1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
        max-width:870px;
        border-top:1px solid #f5f5f5;
    }
    .ingredientes-desc-wrapper{
        padding:5%;
        gap:0px;
    }
    .ingredientes-title{
        font-size:32px;
        font-weight: 600;
    }
    .divisor{
        padding-top:5px;
        margin-bottom:10px;
        border-bottom:4px solid #000;
        width:100%;
    }
    .ingredientes-desc{
        font-size:16px;
    }
    .intro-wrapper{
        max-width:870px;
    }
    .mb-15{
        margin-bottom:15px;
    }
    .mt-15{
        margin-top:15px;
    }
    .sec04-title{
        font-size:40px;
        font-weight:600;
        line-height:1.2;
        margin-bottom:15px;
    }
    .sec04-intro{
        font-size:16px;
    }
    .clossing-idea{
        font-size:16px;
    }
    .sec04-closing{
        font-size:16px;
text-align:center;
margin-top:20px;
margin-bottom:30px;
    }
    .ingredientes-wrapper{
        margin-top:20px;
        display:flex;
        flex-direction: column;
        gap:20px;
    }
    .comparativa {
        table-layout: fixed;
        margin: auto!important;
    }
    table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        overflow: scroll;
    }
    .producto {
        line-height: 1.3;
        padding: 15px;
        min-width: 120px;
        font-size: 14px;
        font-weight: 600!important;
        text-transform: uppercase;
    }
    .comparativa th, .comparativa td {
        padding: 10px 5px;
        text-align: center!important;
        font-weight: 400;
    }
    .comparativa th.producto, .comparativa td.producto {
        background-color: #0091ad;
        color: #fff;
    }
    .comparativa th.tipo-magnesio {
        background-color: #005e80;
        color: #fff;
        font-weight: 700;
        font-size:14px;
    }
    .comparativa svg {
        width: 25px;
        margin-top: 5%;
    }
    .comparativa td:nth-child(2n) {
        background-color: #edf9fc!important;
    }
    .comparativa td {
        background-color: #ceebf5;
    }
    .table-wrapper{
        padding:2px;
        box-shadow: 1px 4px 6px 1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
        border-top:1px solid #f5f5f5;
        max-width:940px;
    }
    .tabs-container {
        display: flex;
        flex-direction: column;
        width:100%;
      }
  
      .custom-tabs {
        display: flex;
        justify-content: space-between;
        max-width:90%;
        font-size:16px;
        text-align:left;
        border: 1px solid #ccc;
        border-bottom:none;
        z-index:1;
        margin-bottom:-1px;
      }
      .tabs-wrapper{
        max-width:1140px;
      }
  
      .custom-tab {
        flex: 1;
        text-align: left;
        padding: 10px;
        padding-left:20px;
        text-transform: uppercase;
        font-weight: 6000;
        line-height:1.4;
        cursor: pointer;
        border-bottom: none;
        background-color: #f3f3f3;
        transition: background-color 0.3s;
        border:2px solid #fff;
      }
  
      .custom-tab.active {
        background-color: #fff;
        font-weight: bold;
        border-bottom: 2px solid #fff;
      }
  
      .custom-tab:hover {
        background-color: #eee;
      }
  
      .tab-content {
        display: none;
        padding: 30px;
        border: 1px solid #ccc;
      }
  
      .tab-content.active {
        display: block;
      }
      .styled-list {
        list-style: none;
        margin: 0;
        padding: 0;
      }
  
      .styled-list li {
        display: flex;
        margin-bottom: 25px;
      }
  
      .styled-list li::before {
        content: counter(item, decimal-leading-zero);
        counter-increment: item;
        display: inline-block;
        width: 2em;
        text-align: right;
        margin-right: 10px;
        border-right: 3px solid #092d58;
        padding-right: 10px;
        font-weight: bold;
        color: #555;
      }
  
      .styled-list {
        counter-reset: item;
      }
      .tab-content-subtitle{
        font-size:20px;
        font-weight: 600;
        margin-bottom:10px;
        text-transform: capitalize;
      }
      .tab-content-title{
        font-size:28px;
        font-weight: 600;
        margin-bottom:30px;
        text-transform: capitalize;
      }
      .tab-content-p{
        font-size:16px;
        margin-bottom:10px;
      }
      table.tb-tab-content {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
      }
  
      table.tb-tab-content th, table.tb-tab-content td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: center;
      }
  
      table.tb-tab-content th {
        background-color: #092d58;
        color: white;
      }
  
      table.tb-tab-content tr:nth-child(2),
      table.tb-tab-content tr:nth-child(3) {
        background-color: white;
      }
  
      table.tb-tab-content tr:nth-child(4) {
        background-color: #555;
        color: white;
      }
  
      table.tb-tab-content tr:nth-child(5) {
        background-color: #092d58;
        color: white;
      }
  
      .tb-col-50 {
        width: 50%;
      }
  
      .tb-col-16 {
        width: calc(50% / 4);
      }
      .accordion {
        width: 100%;
        margin: 20px 0;
        border-radius: 5px;
        overflow: hidden;
      }
  
      .accordion-item {
        font-size:16px;
      }
  
      .accordion-item:last-child {
        border-bottom: none;
      }
  
      .accordion-header {
        padding: 15px;
        cursor: pointer;
        display: flex;
        justify-content: flex-start;
        gap:10px;
        align-items: center;
        transition: background-color 0.3s ease;
        font-size:16px;
      }
  
      .accordion-header.active {
        background-color: #ededed;
      }
  
      .accordion-arrow {
        transition: transform 0.3s ease;
      }
  
      .accordion-arrow.open {
        transform: rotate(90deg);
      }
  
      .accordion-content {
        max-height: 0;
        margin-bottom:20px;
        overflow: hidden;
        background-color: #f9fafb;
        padding: 0 15px;
        transition: max-height 0.3s ease, padding 0.3s ease;
      }
  
      .accordion-content.open {
        max-height: 200px; /* Adjust based on content */
        padding: 15px;
      }
      .fa-chevron-right:before {
        content: "\f054";
        font-size: 14px;
    }
    .accordion-wrapper{
        align-items:flex-start;
        justify-content:flex-start;
        background-color: #fff;;
    }
    .tabs-container{
        background-color:#fff;
    }
    .sec06{
        padding:0;
        padding-top:10%;
        padding-bottom:30px;
        margin-top:-6%;
        background-color:#f1f1f1;
    }
    .seals-wrapper{
        flex-direction: row;
        gap:20px;
        max-width: 90%;
    }
    .dimensiones{
        font-size:16px;
    }
    .sec06-product-details-title{
        font-size:28px;
        font-weight: 600;
        margin-top:20px;
        margin-bottom:20px;
    }
    .sec06-product-details-sub{
        font-size:16px;
        font-weight: 600;
        text-transform: capitalize;
        margin-top:10px;
        margin-bottom:10px;
    }
    .mt-20{
        margin-top:20px;
    }
    .sec06-details-content{
        font-size:16px;
    }
    .sec07{
        background-color: #121827;
        color:#fff;
    }
    .garantia-title{
        font-size:28px;
        text-transform:capitalize;
        font-weight: 700;
        margin-bottom:15px;
    }
    .garantia-desc{
        font-size:16px;
    }
    .garantia-wrapper .col-70, .garantia-wrapper .col-30{
        
        justify-content:center;
    }
.garantia-img{
max-width:250px;
}
    .list-sec08{
        max-width: unset;
        width:100%;
    }
    .list-sec08 li{
        margin-bottom:11px;
    }
    .sec08-title{
        font-size:28px;
        font-weight: 600;
        text-transform: capitalize;
        line-height: 1.2;;
    }
    .sec09-title{
        font-size:24px;
        font-weight: 600;
        text-transform: capitalize;
        line-height: 1.2;;
    }
    .nav-add-to-cart{
        width:100%;
        position:fixed;
        bottom:0;
        text-align: center;
        background-color:#092d58;
        color:#fff;
        left:0;
        z-index:5;
display:none;
    }
    .nav-add-to-cart-btn{
        width:100%;
        padding:20px;
    }
    .nav-add-to-cart a:link{
        text-decoration: none;
        color:#fff;
        font-family: "Poppins", sans-serif;
        font-weight: 600;;
    }
    .nav-add-to-cart a:active, .nav-add-to-cart a:focus, .nav-add-to-cart a{
        color:#fff;
    }
.sec10 .styled-list{
        font-size:14px;
    }

    .nav-add-to-cart, #add-to-cart, .nav-add-to-cart-btn{
    background-color: #ffd100!important;
    color: #000!important;
}
      @media only screen and (max-width: 1000px) {
        .cols-2 {
            flex-direction: row;
        }
        .col-50,
        .col-40,
        .col-60,
        .col-70 {
            width: 100%;
        }
      }
      @media only screen and (max-width: 767px) {
        .mob{
          display:block;
        }
        .desk{
          display:none;
        }
        .col-50, .col-60, .col-70, .col-30, .col-40, .col-20, .col-25, .col-75, .col-80{
            width:100%;
        }
        
        p{
            font-size:16px;
        }
        .cols-3{
          flex-direction: row;
          gap:13px;
        }
        .cols-2{
            flex-direction: column;
        }
        .mob-rev{
            flex-direction: column-reverse;
        }
        .t-right{
            text-align: inherit;
        }
        .mob-a-left{
            align-items: flex-start;
        }
        .mob-j-left{
            justify-content: flex-start;
        }
        .product-gallery {
            flex-direction: column;
          }
        
          .main-swiper {
            width: 100%;
          }
        
          .thumbnails-swiper{
    display:none;
    }
    
        .ribbon{
            font-size: 14px;
            padding: 5px 10px;
        line-height: 1.1 !important;
        }
        #add-to-cart{
            margin-top:30px;
        }
    .product-info-title{
    font-size:22px!important;
    text-align:center;
    }
    .product-info-title-desc{
    font-size:16px!important;
    text-align:center;
    }
    #price-display{
    font-size:24px;
    text-align:center;
    justify-content:center;
    }
    .sec01{
    padding:0;
    }
    .add-to-cart-wrapper{
    padding:0;
    gap:0px;
    }
    .variant-column-2{
    font-size:14px;
    }
    .variant-savings{
    flex-direction:column-reverse;
    justify-content:center;
    align-items:center;
    font-size:13px;
    }
    .individual-price{
    font-size:12px;
    }
    .discount-badge{
    padding:5px 3px;
    }
    .best-seller{
    font-size:10px;
    }
    .gallery-bullet-points li{
    font-size:14px;
    }
    .upsell-section{
    flex-wrap:wrap;
    margin-bottom:20px;
    }
    .upsell-column{
    width:45%;
    }
    .plus-column{
    width:10%;
    }
    .buy-column{
    width:100%;
    max-width:unset;
    padding:10px 0px;
    }
    .add-to-cart-upsell-btn {
    width:100%;
    padding:20px;
    border-radius:5px;
    }
    .upsell-title{
    text-align:center;
    font-size:22px;
    text-transform:Capitalize;
    line-height:1.2;
    margin-bottom:20px;
    margin-top:20px;
    }
    .sec03-desc, .sec03-list li{
        font-size:14px;
    }
    .sec03-title{
        font-size:16px;
        max-width:70%;
        text-align:center;
    }
    .sec03-img img{
        width:80%;
    }
    .sec03-img{
        text-align:center;
    }
    .intro-wrapper .cols-2{
        flex-direction: column-reverse;
    }
    .sec04-img img{
        max-width:165px;
    }
    .sec04-title{
        font-size:24px;
        text-align:center;
    }
    .sec04{
        padding:0;
    }
    .ingredientes-title{
        font-size:16px;
        line-height: 1.2;
        margin-bottom:5px;
    }
    .ingredientes-desc{
        font-size:14px;
    }
    .sec04-closing{
        font-size:14px;
    }
    .comparativa th.producto, .comparativa td.producto {
        max-width: 20px;
        padding: 2px;
    }
    .comparativa th, .comparativa td {
        font-size: 12px;
        padding:10px 0px;
        line-height: 1.2;
    }
    th, td {
        padding: 15px;
    }
    .tipo-magnesio {
        text-wrap: wrap;
        font-size:11px;
        font-weight: 500!important;
    }
    .comparativa svg {
        width: 18px;
        margin-top: 5%;
    }
    .desk2{
        display:none;
    }
    .custom-tabs {
        flex-direction: column;
      }

      .tab:last-child {
        margin-bottom: 0;
      }
      .custom-tabs{
        max-width:100%;
        font-size:14px;
      }
      .sec05{
        padding:0;
      }
      .tab-content-title{
        font-size:20px;
      }
      .tab-content-subtitle{
        font-size:16px;
      }
      .tab-content-p{
        font-size:14px;
      }
      .beneficios-list-titulo{
        font-size:16px;
      }
      .beneficios-list-desc{
        font-size:14px;
      }
      .tb-tab-content{
        width:100%;
        max-width:100%;
      }
      .tb-col-50, .tb-col-16{
        font-size:12px;
      }
      .tb-tab-content{
        font-size:12px;
      }
      .tab-content{
        padding:20px;
      }
      .tb-col-16{
        font-size:10px;
      }
      .accordion-wrapper, .accordion, .accordion-item{
        width:100%;
        max-width: unset;
        padding:0;
      }
      .accordion{
        padding:0;
        margin:0;
      }
      .sec06{
        padding:3%;
        padding-top:10%;
        margin-top:-15%;
        background-color:#f1f1f1;
    }
    .seals-wrapper{
        flex-direction: row;
        gap:10px;
        max-width: 100%;
flex-wrap:wrap;
box-sizing:border-box;
justify-content:center;
    }
.seal{
flex: 1 1 calc(30% - 10px);
max-width: calc(30% - 10px);
display:flex;
}
.garantia-img{
max-width:160px;
margin-top:15px;
}
    .dimensiones{
        font-size:16px;
    }
    .sec06-product-details-title{
        font-size:22px;
        font-weight: 600;
        margin-top:20px;
        margin-bottom:10px;
    }
    .sec06-product-details-sub{
        font-size:14px;
        text-transform: capitalize;
        margin-top:10px;
        margin-bottom:10px;
    }
    .dimensiones .col-40{
        justify-content: flex-start;
        align-items: flex-start;
        font-size:14px;
    }
    .mt-20{
        margin-top:20px;
    }
    .sec06-details-content{
        font-size:14px;
    }
    .garantia-title{
        font-size:22px;
        text-align:center;
        margin-bottom:15px;
        margin-top:20px;
    }
    .garantia-desc{
        font-size:14px;
        margin-bottom:10px;
    }
    .sec08-title{
        font-size:22px;
        text-align:center;
    }
    .sec10{
        padding:0;
    }
    .sec01,
      .sec02,
      .sec03,
      .sec04,
      .sec05,
      .sec06,
      .sec07,
      .sec08,
      .sec09,
      .sec10,
      .sec11,
      .sec12{
        padding-left:20px;
        padding-right:20px;
      }
}
      @media only screen and (max-width:410px){
      }

.flavor-tabs {
    width: 100%;
}

.flavor-titles {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
flex-direction:column;
margin-top:20px;
margin-bottom:20px;
box-sizing:border-box;
justify-content:space-between;
}

.flavor-buttons-wrapper{
display:flex;
box-sizing:border-box;
gap:20px;
}

.flavor-tab {
    padding: 10px 15px;
background-color:#fafafa;
    border: 1px solid #092d58;
    cursor: pointer;
    font-size: 16px;
width:50%;
box-sizing:border-box;
}

.flavor-title-info{
font-size:16px;
font-weight:600;
}

.flavor-tab.active {
    background: #092d58;
    font-weight: bold;
color:#fff;
}/* End custom CSS */