@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');

* {
    font-family: 'Poppins', sans-serif;

}

:root {
    --color-button: #4DD106;
    --color-button-hover: #45ba07;
}

.box-nav {
    /* border-bottom: 1px solid rgba(28,27,31,.04); */
    background-color: var(--color-background);
}

.list-product-title {
    font-size: 14px;
    line-height: 16px;
    /* color: #000; */
    color: var(--color-letter);
}

.bood-price-product {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    /* color:#000; */
    color: var(--color-letter);

}

.btn-back {
    color: var(--color-letter);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.text-cart {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .12px;
    color: var(--color-letter-opacity);
}

.bood-total-product {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: .16px;
    color: var(--color-letter);
}

.btn-product-less {
    padding-left: 10px;
    padding-right: 10px;
    border-style: none;
    font-size: 16px;
    background-color: transparent;
    font-weight: 600;
    height: 100%;
    width: 100%;
    text-align: center;
}

.bood-product-amount {
    /* color:#000; */
    color: var(--color-letter);
}

.icon_left {
    font-size: 16px;
    height: 16px;
    width: 16px;
    fill: var(--color-letter);
}

h4 {
    font-size: 1.5rem;
}

.box-type-service {
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .24);
    background-color: var(--color-background-84);
}

.box-type-service-text {
    text-align: center;
    font-size: .75rem;
    letter-spacing: .0333333333em;
    line-height: 1.25rem;
    color: var(--color-letter);

}

.btn-type-service {
    width: 100%;
    height: 45px;
    background-color: var(--color-button);
    border: none;
    border-color: var(--color-button);
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
}

.btn-type-service:hover {
    background-color: var(--color-button-hover);
}

.modal-type-service-header {
    background-color: #f5f5f5;
    padding: 11px 12px !important;
    text-align: center;

}

.modal-type-service-header h5 {
    color: #616161 !important;
    caret-color: #616161 !important;
    font-weight: 600;
    font-size: 14px;
}


.modal-register-box {
    padding: 5px 0;
}

.modal-register-title {
    font-size: 16px;
    font-weight: 600;
}

.modal-form-register-camp {
    font-size: 15px;
    font-weight: 400;
}

.list_presentacion {
    padding-bottom: 110px;
}

.increment {
    color: var(--color-button);
}

.btn-type-register {
    width: 100%;
    height: 45px;
    background-color: var(--color-button);
    border: none;
    border-color: var(--color-button);
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
}

.btn-type-register:hover {
    background-color: var(--color-button-hover);
}

.btn-next-login {
    background-color: var(--color-button);
    border: none;
    border-color: var(--color-button);
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
}

.btn-next-login:hover {
    color: #fff;
}

.btn-conf-perdido {
    color: #fff;
    background-color: var(--color-button);
    border-color: var(--color-button);
}

.btn-conf-perdido:hover {
    color: #fff;
    background-color: var(--color-button-hover);
    border-color: var(--color-button-hover);
}

.btn-seguir-comprando {
    border-color: var(--color-button);
    background: var(--color-button);
    color: #fff;
    font-size: 14px;
    border-radius: 28px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    font-weight: 500;
    padding-left: 14px;
    padding-right: 14px;
}

.btn-seguir-comprando:hover {
    color: #fff;
}

.icon-cart {
    fill: var(--color-button);
}

.label-notas {
    background-color: var(--color-button);
}

@media (max-width: 460px) {
    .list-product-title {
        font-size: 12px;
    }

    .bood-price-product {
        font-size: 12px;
    }

}


@media (max-width: 320px) {
    .btn-type-service {
        font-size: 12px;
    }
}