﻿
.identificacao__titulo {
    color: var(--tx-dark);
    font-size: var(--header-md);
    font-weight: 400;
    padding-bottom: 15px;
    position: relative;
    width: fit-content;
    letter-spacing: 3px;
    text-transform: uppercase;
}

    .identificacao__titulo::after {
        content: "";
        width: 50%;
        height: 3px;
        background: var(--tx-light);
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .identificacao__titulo span {
        font-size: var(--body-md);
    }

    .identificacao__titulo i {
        color: var(--cor-primaria);
        padding-right: 10px;
    }

.pedidos__titulo {
    font-size: var(--header-sm);
    color: var(--tx-dark);
    text-transform: uppercase;
    padding-bottom: 5px;
    font-weight: 700;
    margin: 0;
}

.pedidos__subtitulo {
    font-size: var(--body-lg);
    color: var(--tx-medium);
    text-transform: uppercase;
    padding-bottom: 14px;
    font-weight: 600;
}

    .pedidos__subtitulo a {
        color: var(--cor-primaria);
    }

        .pedidos__subtitulo a:hover {
            text-decoration: underline;
        }

.carrinho__subtitulo {
    font-size: var(--body-md);
    color: var(--tx-dark);
    font-weight: 500;
}

.galeria-unica {
    width: 100px;
}

    .galeria-unica .img-block {
        aspect-ratio: 1/1;
        width: 100%;
    }

.carrinho-passo {
    width: 40px;
    height: 40px;
    aspect-ratio: 1 / 1;
}


/* CARRINHO BOX */


/* FRETE */

    .calcula-frete .form-control {
        max-width: 168px;
        text-align: right;
    }


/* PAGAMENTO */

.forma__pagamento--box {
    padding: 15px 0;
    background: var(--bg-carrinho);
    margin-bottom: 15px;
}

.convenio__cliente {
    background: #f6f6f6;
    padding: 4px 24px 16px 24px;
}

.convenio__cliente--flex {
    display: flex;
    flex-wrap: wrap;
}

    .convenio__cliente--flex label {
        width: 100%;
        margin-top: 10px;
    }

    .convenio__cliente--flex input {
        width: 70%;
        box-shadow: none;
    }

    

.convenio__cliente__lista {
    padding-top: 5px;
}

    .convenio__cliente__lista li {
        display: flex;
    }

    .convenio__cliente__lista li {
        margin: 5px 4px;
    }

    .convenio__cliente__lista span {
        font-size: 13px;
        color: #9b9b9b;
    }

        .convenio__cliente__lista span:first-child {
            text-transform: uppercase;
            color: #333;
            margin-right: 5px;
        }

.forma__pagamento--item {
    background: var(--cor-white);
    border-radius: 5px; 
}

.credito-header label {
    padding: 20px;
    width: 100%;
    border-radius: 5px;
}

    /*.credito-header label input {
        display: none;
    }*/

    .credito-header label:hover, .credito-header label:active, .credito-header label:focus {
        background: var(--bd-painel);
        cursor: pointer;
    }

.credito-header[aria-controls="Pix"] .ativo {
    border: 2px solid var(--tx-valor-final-carrinho);
}

.credito-header .ckeck.ativo {
    border: 2px solid var(--tx-valor-final-carrinho);
    border-radius: 5px 5px 0 0;
    border-bottom: none;
}

.caixa .conteudo.show {
    border: 2px solid var(--tx-valor-final-carrinho);
    border-radius: 0 0 5px 5px;
    border-top: none;
}

    .caixa .panel-collapse {
        padding: 20px;
    }


.caixa {
    margin-bottom: 10px;
}

    .caixa .hide {
        display: none;
    }

.escolha-cartao-de-credito {
    margin-top: 15px;
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
}

.forma__boleto {
    display: flex; 
    justify-content: space-between;
}

.forma__boleto--img {
    height: 50px;
    width: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='svg8' inkscape:export-filename='G:%5CUsers%5Csuitedoalex%5Csites%5Cboleto-logo-0.png' inkscape:export-xdpi='96' inkscape:export-ydpi='96' inkscape:version='0.92.2 (5c3e80d, 2017-08-06)' sodipodi:docname='boleto-logo.svg' x='0px' y='0px' viewBox='0 0 4096 2696.2' style='enable-background:new 0 0 4096 2696.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F9F9F9;%7D .st1%7Bfill:%23010101;%7D%0A%3C/style%3E%3Csodipodi:namedview bordercolor='%23666666' borderopacity='1' gridtolerance='10' guidetolerance='10' id='namedview10' inkscape:current-layer='svg8' inkscape:cx='-294.42647' inkscape:cy='1902.3754' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-height='837' inkscape:window-maximized='1' inkscape:window-width='1600' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:zoom='0.10429825' objecttolerance='10' pagecolor='%23ffffff' showgrid='false'%3E%3C/sodipodi:namedview%3E%3Cpath id='rect2' inkscape:export-filename='G:%5CUsers%5Csuitedoalex%5Csites%5Cboleto-logo-5.png' inkscape:export-xdpi='1.4072399' inkscape:export-ydpi='1.4072399' class='st0' d=' M202.2,75h3697.1c80.1,0,145,64.9,145,145v2247.3c0,80.1-64.9,145-145,145H202.2c-80.1,0-145-64.9-145-145V220 C57.2,139.9,122.1,75,202.2,75z'/%3E%3Cpath id='path4' inkscape:connector-curvature='0' inkscape:export-filename='G:%5CUsers%5Csuitedoalex%5Csites%5Cboleto-logo-5.png' inkscape:export-xdpi='1.4072399' inkscape:export-ydpi='1.4072399' class='st1' d=' M550.7,509h34.1v906.6h-34.1V509z M619,509h34.1v906.6H619V509z M824,509h34.1v906.6H824V509z M1488.6,509h34.1v906.6h-34.1V509z M1710.8,509h34.1v906.6h-34.1V509z M1926.3,509h34.1v906.6h-34.1V509z M1981.8,509h34.1v906.6h-34.1V509z M2037.4,509h34.1v906.6 h-34.1L2037.4,509z M2099.9,509h34.1v906.6h-34.1V509z M2162.4,509h34.1v906.6h-34.1V509z M2336.1,509h34.1v906.6h-34.1V509z M2766.7,509h34.1v906.6h-34.1V509z M3216,509h34.1v906.6H3216V509z M3338.8,509h34.1v906.6h-34.1V509z M3427.6,509h34.1v906.6 h-34.1V509z M3482.3,509h34.1v906.6h-34.1V509z M1049.5,509h34.1v906.6h-34.1V509z M707.8,509h61.5v906.6h-61.5V509z M1113.5,509 h61.5v906.6h-61.5V509z M1398.4,509h61.5v906.6h-61.5V509z M1544.3,509h61.5v906.6h-61.5V509z M1773.5,509h61.5v906.6h-61.5V509z M2427,509h95.6v906.6H2427V509z M2551.9,509h75.2v906.6h-75.2V509z M2683.7,509h61.5v906.6h-61.5V509z M2858,509h102.5v906.6H2858 V509z M3058.7,509h102.5v906.6h-102.5V509z M892.3,509h122.9v906.6H892.3V509z M1211,509h95.6v906.6H1211V509z'/%3E%3Cpath id='path6' inkscape:connector-curvature='0' inkscape:export-filename='G:%5CUsers%5Csuitedoalex%5Csites%5Cboleto-logo-5.png' inkscape:export-xdpi='1.4072399' inkscape:export-ydpi='1.4072399' d=' M594.9,2220.5v-518.9h194.7c32.5-1.3,65,4.1,95.4,15.7c23.3,10,43,26.9,56.3,48.5c13.2,20.4,20.2,44.2,20.4,68.5 c0,22.2-6.3,43.9-18.1,62.6c-13.3,20.7-32.2,37.1-54.5,47.4c28.6,7.4,54.1,23.9,72.5,47c17,22.6,25.9,50.3,25.3,78.6 c0.2,23.5-5.1,46.7-15.4,67.8c-8.7,18.9-21.8,35.5-38.2,48.4c-17.1,12.2-36.4,20.9-56.8,25.7c-27.4,6.3-55.5,9.2-83.7,8.7H594.9z M663.7,1919.7h112.2c21.9,0.9,43.9-1.2,65.2-6c15.7-4,29.5-13.1,39.4-25.8c9.2-13.3,13.9-29.2,13.3-45.3c0.3-16-4-31.8-12.4-45.5 c-8-13-20.5-22.5-35.1-27c-25.9-5.9-52.4-8.4-78.9-7.2H663.7L663.7,1919.7z M663.7,2159.3h129.2c15.6,0.4,31.3-0.4,46.8-2.5 c14-2.3,27.5-7.2,39.7-14.5c11.1-7.2,20.2-17.2,26.2-29c7-13.4,10.6-28.4,10.3-43.5c0.5-18.1-4.7-35.8-14.9-50.7 c-10-14.3-24.5-24.9-41.2-30.1c-24.7-6.7-50.3-9.6-75.9-8.7h-120V2159.3z M1087.2,1967.8c-4.3-73.9,20.6-146.6,69.4-202.3 c46.5-48.8,111.7-75.4,179.1-73.1c45.5-0.6,90.3,11.3,129.5,34.4c38.1,22.5,68.7,55.9,87.9,95.8c20.7,43.5,31.1,91.1,30.2,139.3 c0.8,48.9-10.1,97.4-31.8,141.2c-19.7,39.9-51.2,72.8-90.3,94.2c-38.6,21.3-81.9,32.3-126,32c-46.1,0.8-91.5-11.5-130.9-35.3 c-38-23-68.4-56.6-87.5-96.7C1097.3,2056.9,1087.1,2012.6,1087.2,1967.8L1087.2,1967.8z M1158.1,1968.9c-3,54,15.3,107,50.7,147.8 c32.4,35.5,78.6,55.2,126.6,54c48.3,1.2,94.8-18.7,127.2-54.6c35.8-43.3,53.7-98.6,50.1-154.7c0.9-38-6.2-75.7-21.1-110.6 c-13.1-30.1-34.9-55.7-62.6-73.3c-27.7-17.4-59.9-26.4-92.6-26c-46.8-0.7-92,17.3-125.5,50.1 C1171.2,1847.8,1152.2,1908.2,1158.1,1968.9L1158.1,1968.9z M1696,2220.5v-518.9h68.6v457.6h255.5v61.3H1696z M2130.2,2220.5v-518.9 h375.2v61.3h-306.6v158.9H2486v60.9h-287.1v176.6h318.6v61.3H2130.2z M2771.2,2220.5v-457.6h-171v-61.3h411.3v61.3h-171.7v457.6 H2771.2z M3074.8,1967.8c-4.3-74,20.7-146.6,69.5-202.3c46.5-48.8,111.7-75.4,179.1-73.1c45.5-0.6,90.3,11.3,129.5,34.4 c38.1,22.5,68.7,55.9,87.9,95.8c20.7,43.5,31.1,91.1,30.2,139.3c0.8,48.9-10.1,97.4-31.8,141.2c-19.8,40-51.4,72.9-90.5,94.3 c-38.6,21.3-81.9,32.3-126,32c-46.1,0.8-91.5-11.5-131-35.4c-37.9-23.1-68.2-56.7-87.3-96.7 C3084.8,2056.9,3074.7,2012.6,3074.8,1967.8L3074.8,1967.8z M3145.6,1968.9c-3,54,15.3,107,50.7,147.8c32.4,35.5,78.6,55.2,126.6,54 c48.5,1.4,95.1-18.5,127.6-54.5c35.8-43.3,53.7-98.6,50.1-154.7c0.7-38-6.7-75.7-21.7-110.6c-13.1-30.1-34.9-55.7-62.6-73.3 c-27.7-17.4-59.9-26.4-92.6-26c-46.8-0.7-92,17.3-125.5,50.1C3158.7,1847.9,3139.6,1908.2,3145.6,1968.9L3145.6,1968.9z'/%3E%3C/svg%3E");
}

.forma__pix--img {
    height: 50px;
    width: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/logo_pix.png");
}

.forma-pagamento ul li label {
    padding-left: 15px;
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
    margin: 5px 0;
}

    span.bc {
        color: var(--tx-medium);
    }

.debito__conta {
    display: flex;
    justify-content: space-between;
    
}

.resumo-da-compra-box {
    padding-top: 15px;
    padding-bottom: 15px;
}


@media(max-width:568px) {
    .convenio__cliente--flex input, .convenio__cliente--flex button {
        width: 100%;
        max-width: inherit;
        margin: 5px 0px;
    }

    .convenio__cliente__lista span {
        width: auto;
    }

    .convenio__cliente__lista li {
        display: inherit;
    }
    .cupom__box--desconto form {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}


p.carrinho__embalagem__header {
    color: #000;
    font-size: 14px;
}

p.carrinho__embalagem__info {
    color: #000;
    padding: 5px 0 2px 0;
    font-weight: 700;
    font-size: 13.2px;
}

p.carrinho__embalagem__msg {
    color: #0fc064;
    font-weight: 700;
    font-size: 13px;
}

.carrinho__embalagem__text {
    margin: 8px 0px;
}

    .carrinho__embalagem__text textarea {
        border: 1px solid #ccc;
        height: 139px;
        display: block;
        margin-bottom: 9px;
        padding: 10px;
    }

    .carrinho__embalagem__text button {
        background: #3caa18;
        padding: 6px 12px;
        margin-bottom: 15px;
    }

.carrinho__embalagem__header input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    border: 1.3px solid #b6b3b3;
    outline: none;
    position: relative;
    top: 1px;
    border-radius: 2px;
    background: #fff
}

.carrinho__embalagem__header span {
    color: #979292;
}

.carrinho__embalagem__header strong {
    color: #e71414;
    font-weight: 500;
}

.carrinho__embalagem__header input[type=checkbox]:checked {
    background: url(img/check-embalagem.png) no-repeat center center;
    background-size: 90%;
}

p.carrinho__embalagem__info,
p.carrinho__embalagem__msg {
    margin-left: 17px;
}

.carrinho__embalagem {
    padding-bottom: 10px;
    border-top: 1px dashed #d9d1d1;
    padding-top: 6px;
}

@media(max-width:768px) {
    .carrinho__embalagem__text textarea {
        width: 100%;
    }

    .produto__descricao.carrinho__borda--right {
        border: none;
    }
}

@media(min-width:768px) {
    .carrinho__embalagem__text textarea {
        width: 524px;
    }

    .hidden-desktop {
        display: none !important;
    }
    .hidden-mobile {
        display: flex;
    }
}

