/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
body#index {
        background: #041140;
}
.cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link {

    border-left: none !important;
}

#cms #content-wrapper .page-header {
    display: none;
}
/*
@media (min-width: 992px) and (max-width: 1024px) {
    .mission-content-container .mission-content-left {
        margin-top: 140px;
        margin-bottom: 60px;
    }

    .mission-content-container .mission-content-left .elementor-column-wrap {
        padding: 0% 8% 0% 0% !important;
    }

    .mission-content-container .mission-content-right .background-image-right .elementor-widget-container {
        margin: 8px -2px 0px 0px;
    }
}

@media (min-width: 1900px) and (max-width: 2000px) {
    .mission-content-container .mission-content-right .background-image-right .elementor-widget-container {
        margin: 0px 310px 0px 0px !important;
    }
}

@media (min-width: 2001px) and (max-width: 2399px) {
    .mission-content-container .mission-content-right .background-image-right .elementor-widget-container {
        margin: 0px 410px 0px 0px !important;
    }
}

@media (min-width: 2400px) {
    .mission-content-container .mission-content-right .background-image-right .elementor-widget-container {
        margin: 0px 640px 0px 0px !important;
    }
}*/

/* Login and Registration styles */
/* body#authentication #footer, body#authentication #checkout-footer,
body#registration #footer, body#registration #checkout-footer,
body#user-type #footer, body#user-type #checkout-footer,
body#password #footer, body#password #checkout-footer {
    bottom: -220px;
} */

body#authentication {
    height: fit-content;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%) center center / cover no-repeat fixed, url("/img/cms/blur-background.png") center center / cover no-repeat fixed;
    /*backdrop-filter: blur(25px);*/
}
#user-type #content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* #tipo-usuario .buttons-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.btn-tipo-usuario {
    padding: 20px 50px;
    border: 1px solid #ffffff;
    margin: 15px 0px;
    color: #fff !important;
    font-size: 16px;
    border-radius: 5px;
} */

body#registration, body#user-type, body#password {
    height: fit-content;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%) center center / cover no-repeat fixed, url("/img/cms/login-background.webp") center center / cover no-repeat fixed;
    backdrop-filter: blur(25px);
}

#authentication #content,
#user-type #content,
#password #content {
    width: 625px;
    height: 604px;
    padding: 20px 30px;
    background: linear-gradient(180deg, rgba(3, 66, 100, 0.8) 0%, rgba(50, 158, 253, 0.8) 46.9%, rgba(183, 230, 246, 0.8) 70.9%);
    border: none;
    border-radius: 25px;
}

#password #content {
    height: auto !important;
}

#registration #content {
    width: 625px;
    padding: 20px 30px;
    background: linear-gradient(180deg, rgba(3, 66, 100, 0.8) 0%, rgba(50, 158, 253, 0.8) 46.9%, rgba(183, 230, 246, 0.8) 70.9%);
    border: none;
    border-radius: 25px;
}

#authentication #content .login-form,
#registration #content .register-form,
#user-type #content .user-type-form,
#password .reset-passsword-form, #password .renew-password {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding-bottom: 30px;
}


#authentication #content .login-form .back-btn-container,
#registration #content .register-form .back-btn-container,
#user-type #content .user-type-form .back-btn-container {
    width: 100%;
}

.login-page-title .login-form-title,
.register-page-title .register-form-title,
.reset-password-page-header .reset-password-form-title {p
    height: 54px;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 43px;
    text-align: center;
}

.reset-password-page-header .send-renew-password-link,
#password .email {
    height: 65px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
}

#identity .register-page-title .register-form-title {
    display: none;
}

#authentication #content .login-form .login-page-logo,
#user-type #content .user-type-form .user-type-page-logo {
    width: 194px;
    height: 34px;
    margin-bottom: 40px;
}

#authentication #content .login-form .login-page-logo img,
#user-type #content .user-type-form .user-type-page-logo img {
    width: 100%;
    height: 100%;
}

#authentication #content .login-form #login-form {
    width: 400px;
    height: 110px;
}

#registration #content .register-form #customer-form,
#user-type #content .user-type-form #user-type-form {
    width: 400px;
}

#password #content .reset-passsword-form #reset-password-form {
    justify-content: center;
    width: 400px;
}

#authentication #content .login-form #login-form .col-form-label,
#registration #content .register-form #customer-form .col-form-label,
#registration #content .register-form #customer-form .form-control-comment,
#identity #content .my-account-page-content #customer-form .form-control-comment {
    display: none;
}

#authentication #content .login-form #login-form .input-icon-wrapper,
#registration #content .register-form #customer-form .input-icon-wrapper,
#identity #content .my-account-page-content #customer-form .input-icon-wrapper,
#address #content .my-account-page-content .address-form .js-address-form .input-icon-wrapper {
    position: absolute;
    top: 9px;
    left: 18px;
    z-index: 20;
}

#authentication #content .login-form #login-form .form-control,
#registration #content .register-form #customer-form .form-control,
#password #content  .form-control {
    height: 45px;
    background: #F3F3F3;
    border: 1px solid #A8A8A9;
    border-radius: 10px;
    font-size: 14px;
    color: #676767;
    font-weight: 500;
    line-height: 17px;
}

#password #content .reset-passsword-form #reset-password-form .form-control {
    width: 100%;
}

#identity #content .my-account-page-content #customer-form .form-control,
#address #content .my-account-page-content .address-form .js-address-form .form-control {
    height: 45px;
    border: 1px solid #A8A8A9;
    border-radius: 10px;
    font-size: 14px;
    color: #676767;
    font-weight: 500;
    line-height: 17px;
}

#address #content .my-account-page-content .address-form .js-address-form .form-control-select {
    padding: 0 18px;
}

#registration #content .register-form #customer-form .form-control,
#identity #content .my-account-page-content #customer-form .form-control {
    margin-bottom: 12px;
}

#authentication #content .login-form #login-form [data-action="show-password"],
#registration #content .register-form #customer-form [data-action="show-password"],
#identity #content .my-account-page-content #customer-form [data-action="show-password"] {
    height: 45px;
    padding: 0 10px;
    background: #F3F3F3;
    border: 1px solid #A8A8A9;
    border-left: none;
    border-radius: 0px 10px 10px 0px;
    font-size: 20px;
    color: #626262;
    line-height: 28px;
}

#authentication #content .login-form #login-form .form-control[autocomplete="current-password"],
#registration #content .register-form #customer-form .form-control.js-visible-password,
#identity #content .my-account-page-content #customer-form .form-control.js-visible-password {
    border-radius: 10px 0px 0px 10px;
}

#authentication #content .login-form #login-form .forgot-password {
    margin-top: -15px;
    padding-bottom: 20px;
    text-align: right;
}

#authentication #content .login-form #login-form .forgot-password a {
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    color: #FFFFFF;
}

#authentication #content .login-form #login-form #submit-login,
#registration #content .register-form #customer-form #submit-register,
#user-type #user-type-form .user-type-selector-container .set-user-type,
#identity #content .my-account-page-content #customer-form .form-footer #submit-register,
#address #content .my-account-page-content .address-form .js-address-form .form-footer #submit-address,
#password #content .reset-passsword-form #reset-password-form #send-reset-link {
    width: 180px;
    height: 45px;
    background: #0E1035;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 19.6px;
}

#password #content .reset-passsword-form #reset-password-form #send-reset-link {
    width: 300px !important;
    height: 60px !important;
}

#authentication #content .no-account span {
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    text-align: right;
    color: #0E1035;
}

#password #content #back-to-login {
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    color: #0E1035;
}

#authentication #content .no-account a {
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    text-align: right;
    color: #005CD6;
}

@media (min-width: 300px) and (max-width: 767px) {
    #authentication #content,
    #registration #content,
    #user-type #content,
    #password #content {
        width: 100%;
    }

    #user-type #content-wrapper {
        display: block;
    }

    #authentication #content .login-form .login-page-logo,
    #user-type #content .user-type-form .user-type-page-logo,
    #password .reset-passsword-form .reset-password-page-logo {
        margin-bottom: 20px;
    }

    #authentication #content .login-form #login-form,
    #registration #content .register-form #customer-form,
    #user-type #content .user-type-form #user-type-form,
    #password #content .reset-passsword-form #reset-password-form {
        width: 100%;
    }

    #authentication #content .login-form #login-form .forgot-password {
        margin-top: -8px;
    }

    .reset-password-page-header .send-renew-password-link {
        height: 85px;
        font-size: 12px;
        line-height: 18px;
    }

    .reset-password-page-header .reset-password-form-title {
        font-size: 20px;
    }

    #password #content .reset-passsword-form #reset-password-form #send-reset-link {
        width: 100% !important;
        height: 50px !important;
        font-size: 12px;
    }
}

/* Welcome page form styles */

.user-type-page-title .user-type-form-title {
    height: 54px;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 43px;
    text-align: center;
    margin-bottom: 0px;
}
.user-type-form-subtitle {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    margin-bottom: 40px;
}

#user-type #user-type-form .user-type-selector-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

#user-type #user-type-form .user-type-selector-container .user-type-selector {
    position: relative;
    width: 100%;
}

#user-type #user-type-form .user-type-selector-container .user-type-selector:nth-child(2) {
    margin-bottom: 20px;
}

#user-type #user-type-form .user-type-selector-container .user-type-selector label,
#user-type #user-type-form .user-type-selector-container .user-type-selector input[type="radio"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    color: #FFFFFF;
    cursor: pointer;
}

#user-type #user-type-form .user-type-selector-container .user-type-selector input[type="radio"] {
    position: absolute;
}

#user-type #user-type-form .user-type-selector-container .user-type-selector input[type="radio"] {
    appearance: none;
}

#user-type #user-type-form .user-type-selector-container .user-type-selector input[type="radio"]:checked + label {
    background: #D0E4FF;
    color: #0E1035;
}

/* My Account page new styles */
.body-desktop-header-style-w-4 #content {
    border: none;
    padding: 0;
}

.body-desktop-header-style-w-4 .account-page-content {
    flex-direction: column;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-side-links {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 30px;
    border-right: none;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-side-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: auto;
    height: 60px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 500;
    color: #0E1035;
    border-radius: 10px;
    text-align: center;
    border: 2px solid #0E1035;
    transition: background 0.35s ease-in-out, color 0.35s ease-in-out;
}


.body-desktop-header-style-w-4 .my-account-side-links a:hover,
#my-account .my-account-side-links #customer-info-link,
#identity .my-account-side-links #customer-info-link,
#addresses .my-account-side-links #addresses-link,
#address .my-account-side-links #addresses-link,
#address .my-account-side-links #address-link,
#module-psgdpr-gdpr .my-account-side-links #identity-link,
#history .my-account-side-links #history-link,
#order-slip .my-account-side-links #order-slips-link,
#module-iqitwishlist-view .my-account-side-links #iqitwishlist,
#module-ps_emailalerts-account .my-account-side-links #emailsalerts {
    color: #FFFFFF !important;
    background: #0E1035;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-side-links .link-item i {
    display: none;
}

#my-account .account-page-content .my-account-page-content {
    display: flex;
    margin: 60px 0;
    padding: 0;
    box-shadow: 0px 5px 10px 0px #00000026;
    border-radius: 15px;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content {
    margin: 60px 0;
    padding: 45px;
    box-shadow: 0px 5px 10px 0px #00000026;
    border-radius: 15px;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content h2 {
    display: none;
}

#addresses .account-page-content .my-account-page-content .address {
    border: 1px solid #0E1035;
    border-radius: 10px;
}

#addresses .account-page-content .my-account-page-content .address .address-body {
    padding: 15px 20px 0;
}

#addresses .account-page-content .my-account-page-content .address .address-body h4 {
    color: #0E1035;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
}

#addresses .account-page-content .my-account-page-content .address .address-body address {
    color: #626262;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
}

#addresses .account-page-content .my-account-page-content .address .address-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-top: 1px solid #0E1035;
}

#addresses .account-page-content .my-account-page-content .address .address-footer a {
    display: block;
    width: 50%;
    height: 35px;
    margin-right: 0;
    padding: 8px 0px;
    background: #0E1035;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 19.6px;
    text-align: center;
}

#addresses .account-page-content .my-account-page-content .address .address-footer a[data-link-action="edit-address"] {
    border-radius: 0 0 0 10px;
    border-right: 1px solid #D0E4FF;
}

#addresses .account-page-content .my-account-page-content .address .address-footer a[data-link-action="delete-address"] {
    border-radius: 0 0 10px 0;
}

#addresses .account-page-content .my-account-page-content .address .address-footer a i {
    display: none;
}

#addresses .account-page-content .my-account-page-content .addresses-footer {
    margin: 0 0;
}

#addresses .account-page-content .my-account-page-content .addresses-footer a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 190px;
    height: 45px;
    padding: 12px 0px;
    background: #0E1035;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 19.6px;
}

#addresses .account-page-content .my-account-page-content .addresses-footer a span {
    margin-top: 0;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content .left-column-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 340px;
    height: 390px;
    padding: 30px;
    background: #D0E4FF;
    border-radius: 15px 0 0 15px;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content .left-column-profile .profile-photo {
    width: 195px;
    height: 195px;
    border: 6px solid #328CD7;
    border-radius: 50%;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content .left-column-profile .profile-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 50%;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content .left-column-profile .edit-profile-btn {
    width: 140px;
    height: 35px;
    padding: 8px 0px;
    background: #0E1035;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 19.6px;
    text-align: center;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content .right-column-profile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 25px;
    width: 390px;
    height: 100%;
    margin-top: 30px;
    margin-left: 75px;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content .right-column-profile .account-title {
    color: #0E1035;
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    text-align: left;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content .right-column-profile .account-data ul,
.body-desktop-header-style-w-4 .account-page-content .my-account-page-content .right-column-profile .account-data ul .multiple-data-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content .right-column-profile .account-data ul li .label {
    color: #0E1035;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content .right-column-profile .account-data ul li .value {
    color: #626262;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
}

@media (max-width: 767px) {
    .body-desktop-header-style-w-4 .account-page-content .my-account-side-links {
        justify-content: flex-start;
        width: 100%;
        margin: 0 15px;
        gap: 16px;
        border-bottom: none;
        overflow-x: scroll;
    }

    .body-desktop-header-style-w-4 .account-page-content {
        width: 100%;
    }

    #my-account .account-page-content .my-account-page-content {
        flex-direction: column;
        width: 100%;
        margin: 30px 15px;
    }

    .body-desktop-header-style-w-4 .account-page-content .my-account-page-content {
        width: 100%;
        margin: 30px 15px;
    }

    .body-desktop-header-style-w-4 .account-page-content .my-account-page-content .left-column-profile {
        width: 100%;
        height: 310px;
        border-radius: 15px 15px 0 0;
    }

    .body-desktop-header-style-w-4 .account-page-content .my-account-page-content .right-column-profile {
        gap: 10px;
        max-width: 83%;
        margin: 20px 25px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .body-desktop-header-style-w-4 .account-page-content .my-account-side-links {
        justify-content: flex-start;
        width: 100%;
        margin: 0 15px;
        gap: 16px;
        border-bottom: none;
        overflow-x: scroll;
    }

    .body-desktop-header-style-w-4 .account-page-content {
        width: 100%;
    }

    #my-account .account-page-content .my-account-page-content {
        width: 100%;
        margin: 30px 15px;
    }

    .body-desktop-header-style-w-4 .account-page-content .my-account-page-content {
        width: 100%;
        margin: 30px 15px;
    }

    .body-desktop-header-style-w-4 .account-page-content .my-account-page-content .left-column-profile {
        width: 40%;
        border-radius: 15px 0 0 15px;
    }

    .body-desktop-header-style-w-4 .account-page-content .my-account-page-content .right-column-profile {
        gap: 15px;
        margin: 45px 25px;
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .body-desktop-header-style-w-4 .account-page-content .my-account-side-links {
        justify-content: flex-start;
        width: 100%;
        margin: 0 15px;
        border-bottom: none;
        gap: 20px;
    }

    .body-desktop-header-style-w-4 .account-page-content {
        width: 100%;
    }

    #my-account .account-page-content .my-account-page-content {
        width: 100%;
        margin: 30px 15px;
    }

    .body-desktop-header-style-w-4 .account-page-content .my-account-page-content {
        width: 100%;
        margin: 30px 15px;
    }

    .body-desktop-header-style-w-4 .account-page-content .my-account-page-content .left-column-profile {
        width: 35%;
        border-radius: 15px 0 0 15px;
    }

    .body-desktop-header-style-w-4 .account-page-content .my-account-page-content .right-column-profile {
        gap: 15px;
        margin: 66px 50px;
    }
}

.body-desktop-header-style-w-4 .account-page-content .my-account-page-content .right-column-profile .customer-logout {
    color: #F14336;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
}

#authentication #content{
    height: 530px !important;
}
#authentication #content .back-btn-container{
    height: 37px;
}
#authentication #content .back-btn-container svg{
    display: none;
}

.header-user-btn .title{
    color: #000;
    font-size: 16px;
}
#index .header-user-btn .title{
    color: #fff;
    font-size: 16px;
}
#authentication .header-user-btn .title{
    color: #fff;
    font-size: 16px;
}
/* .header-user-btn i::before{
    font-size: 30px;
} */
#header .cesta {
    /*margin-top: .5rem;*/
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
#index #header .cesta {
    color: #fff;
}
/*.ps-shoppingcart .cart-products-count-btn {
    margin-top: .5rem;
    top: 1px;
}*/

.cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]){
    padding-left: 12px;
    padding-right: 8px !important;
}

/*Cambio en menu DR*/
.cbp-hrmenu .cbp-hrsub {
  display: inline !important;
}

.cbp-menu-column .cbp-links {
  display: none;
  min-width: 200px;
  z-index: 1000;
  position: absolute;
  left: 100%;
  top: 0;
  width: auto;
  background: #2F80ED;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  padding: 12px 24px;
  margin-top: -16px;
}

.cbp-menu-column .cbp-links li a:hover {
  opacity: 0.8;
}

/* Indicador inicial */
.cbp-menu-column:has(.cbp-links) .cbp-column-title::after {
  padding: 0px 0px 0px 10px;
  content: url("/themes/child_warehouse/img/arrow-menu.svg");
  transform: translateY(6px) rotate(270deg) scale(1.3);
  display: inline-block;
}


/*sam*
.cms-id-6 main#main-page-content {
    background-image: url('/img/cms/Group-1212.webp');
    background-repeat: no-repeat;
    background-position: right top; /* Posiciona la imagen en la esquina superior derecha */
   /* background-size: contain; /* Ajusta la imagen para que quepa completamente */
   /* background-attachment: fixed; /* Mantén la imagen fija mientras se hace scroll (opcional)
    background-color: #f9f9f9
}*/

/*.cms-id-4 main#main-page-content {
    /*background-image: url('/img/cms/sobrenostros.svg');*/
    /*background-image: url('/img/cms/Group-1212.webp');*/
    /*background-repeat: no-repeat;
    background-position: right top; /* Posiciona la imagen en la esquina superior derecha */
   /* background-size: contain; /* Ajusta la imagen para que quepa completamente */
   /* background-attachment: fixed; /* Mantén la imagen fija mientras se hace scroll (opcional) */
    /*background-color: #f9f9f9*/
}*/

/*acceso header*/
#header .header-btn-w .header-btn span{
    margin-top: -3px !important;
}
.cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]){
    line-height: 1.4rem;
}

.newsletter-form .col-12{
    padding-right: 0px !important;
}
.newsletter-form .elementor-newsletter-btn{
    position: absolute;
    right: 5px;
    top: 5px;
}
.newsletter-form .elementor-newsletter-input{
    border-radius: 5px;
    height: 55px;
    border: unset;
}
.newsletter-form .elementor-newsletter-input::before{
    content: url('/img/cms/Group-1212.webp');
    background-repeat: no-repeat;
    background-position: right top;
    position: absolute;
  display: block;
}

.header-user-btn i::before{
    content: url("/img/fa-user.svg");
}
#index .header-user-btn i::before{
    content: "\f007";
}
#header .header-btn-w .header-btn>.icon{
    top: -3px;
}
#user-type .header-user-btn .title{
    color: white;
}
.product-miniature-grid .product-functional-buttons {
    background: unset;
    opacity: 1;
    right: 0;
    top: -10px;
    bottom: auto;
    left: unset;
    min-width: auto;
}
.product-miniature .product-flags{
    display: none;
}
.product-miniature-grid:hover .product-functional-buttons-bottom {
    transform: translate(-50%, 50%);
    opacity: 1;
}
.product-miniature-grid:hover .product-functional-buttons-bottom .fa-heart-o:before {
    content: "\f004";
    color: #328CD7;
}
.product-miniature .btn-iqitwishlist-add.iqitwishlist-added .added{
    color: #328CD7;
}
.product-miniature-grid .product-price {
    font-size: 20px;
    font-weight: bold;
}

#product-infos-tabs{
    background: aliceblue;
    padding: 15px;
}
.nav-tabs .nav-link.active{
    border-bottom: solid 3px #3972FE;
}
.nav-tabs .nav-link:hover{
    border-bottom: solid 3px #3972FE;
}
.product-available{
    display: none;
}
.product-lmage-large .expander{
    display: none;
}
.product-add-to-cart .col-add-btn{
    display: flex;
}
.col-add-btn div a.buy-now{
    margin-left: 15px;
}
/* .extra-small-gutters.product-quantity{
    flex-direction: column;
} */
button.add-to-cart{
    width: 200px;
    background: #0064D21A;
    color: #2F80ED;
}
a.buy-now{
    width: 200px;
    color: #ffff;
    background: #2F80ED;
}
#product .btn-iqitwishlist-add{
    display: none;
}

#product .category-products .section-title{
    text-align: center;
    font-size: 56px;
    font-weight: 600;
}

/* 
.product-quantity .qty {
    width: 50%;
}
#product .bootstrap-touchspin .input-group-btn-vertical{
    display: flex;
}
#product .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{
    height: 100%;
    margin-left: 15px;
    margin-right: 15px;
    width: 36px;
    border-radius: 50%;
    background: #0E1035;
    color: white;
}
#product .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{
    height: 100%;
    width: 36px;
    border-radius: 50%;
    background: #0E1035;
    color: white;
}
#product .bootstrap-touchspin .input-group-btn-vertical i{
    right: 1px;
    top: 11px;
    left: 0;
}
#product .input-group-btn-vertical {
    border: unset;
} */

#wrapper .breadcrumb{
    display: block !important;
}

.btn-offer{
    position: absolute;
    top: 0;
    right: 60px;
}
#product-images-large{
    background: #E6F0FB;
    border-radius: 20px;
}
.img-description-container{
    background: #E6F0FB;
    border-radius: 20px;
    padding: 5px;
}
#product .product-description{
    align-items: center;
}


@media (max-width: 900px) {
    .kit-mobile{
        display: block !important;
        width: 100%;
    }
    .kit-desktop{
        display: none;
    }
}
.kit-mobile{
    display: none;
}
.kit-desktop{
    width: 60%;
}
div.kit{
    background: white;
    padding-bottom: 24px;
    margin-bottom: -35px;

}
#checkout .bootstrap-touchspin.input-group{
    width: 100%;
}
#checkout .carrier-price{
    display: none;
}

@media (max-width: 991px) {
    #content-wrapper .page-title{
        padding: 0 1rem;
    }
    #checkout #main{
        width: 100%;
    }
}
#header-user-btn > div > a:nth-child(1) > span {
    margin-top: 0px !important;
}

/* modificaciones 24-03 */
#index #main-page-content #inner-wrapper, #index #wrapper{
    padding-top: 0px !important;
}

#header .header-btn-w .header-btn .title {
    margin-top: 0px !important;
}

.ps-shoppingcart .cart-products-count-btn{
    top: 1px;
    right: 6px;
}
.header-top a:not(.btn):not(.nav-link){
    color: #000 ;
}
#index .header-top a:not(.btn):not(.nav-link), #module-customeradditions-login .header-top a:not(.btn):not(.nav-link), #module-customeradditions-signup .header-top a:not(.btn):not(.nav-link),
#password .header-top a:not(.btn):not(.nav-link){
    color: #fff !important;
}

.product-variants .input-color:checked+span, .product-variants .input-color:hover+span, .product-variants .input-radio:checked+span, .product-variants .input-radio:hover+span{
        border: 2px solid #2F80ED !important;
}
.btn-group-lg>.btn, .btn-lg{
        padding: 0.5rem 1.5rem;
}
#password .page-title{
text-align: center;
color: #fff;
}
#password .renew-password  button{
        border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 19.6px;
    background: #2F80ED;
}
.renew-password [type=submit]{
    margin-left: unset !important;
}
#login-form-modal .col-form-label {
    display: none;
}