/* regular tamanho de autores
  */
li.produto-descricao>p.texto:nth-child(1) {
     max-width:200px;
 }
 
 
 
 /* estilizar os checkboxs */

input.btn-radio:checked:before {
    content: "L";
    display: block;
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    background: #b10002;
    border-radius: 50%;
    border: 0.1rem solid #b10002;
    transition: all 0.8s;
    outline: none;
    justify-content: center;
    display: flex;
    align-items: center;
    color: white;
    font-weight: 600;
    left: -1px;
    font-style: italic;
    text-align: center;
    -webkit-transform: rotate(48deg) rotateY(180deg);
    -moz-transform: rotate(48deg) rotateY(180deg);
    -ms-transform: rotate(48deg) rotateY(180deg);
    -o-transform: rotate(48deg) rotateY(180deg);
    transform: rotate(48deg) rotateY(180deg);

    
   
    }
input.btn-radio:not(:checked):before {
    content: "";
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    background: white;
    border-radius: 50%;
    border: 0.1rem solid #b10002;
    color: transparent;
    left: -1px;
    justify-content: center;
    align-items: center;
    font-style: italic;
    -webkit-transform: rotate(48deg) rotateY(180deg);
    -moz-transform: rotate(48deg) rotateY(180deg);
    -ms-transform: rotate(48deg) rotateY(180deg);
    -o-transform: rotate(48deg) rotateY(180deg);
    transform: rotate(48deg) rotateY(180deg);

}

input.btn-radio{
    display: inline-block;
}

@media(max-width:576px){
    input.btn-radio:not(:checked):before,
    input.btn-radio:checked:before{
        left:0px;
    }
}

/* fim dos estilos do checkboxs */
 
 
 
 
 /* retirar underline dos link em botoes */
 a.button-marrom:hover, a.button-azul:hover {
     text-decoration: none;
 }
 
 
 /*animação da div cupons de desconto*/
span#open-close {
    margin-top: -5px;
    height: auto;
    width: 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor:pointer;
}
div.div-cupons{
    display:grid;
    margin-top:0px;
    height: 0px;
    opacity:0;
    transition:height 0.5s,opacity 0.9s,margin-top 0.9s;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 30px;
    grid-gap: 1em;
}
div.div-cupons.showcup{
    margin-top:17px;
    display:grid;
    height: 30px;
    opacity:1;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 30px;
    grid-gap: 1em;
    
}
div.ftm-div-cupom{
    margin-bottom:;
}
@media(max-width:768px){
    div.div-cupons.showcup {
        grid-template-columns: repeat(1, 1fr);
        height: 70px;
    }
    div.div-cupons{
        grid-template-columns: repeat(1, 1fr);
    }
}

/* rodapé */




 /*end mdals  */
 
 div.copyright p:nth-child(1)  {
justify-content: center;
display: flex;
}
div.copyright p:nth-child(1) a {
    display:flex;
    align-items: center;
}
div.copyright p.copy2 { position: relative;padding-left:0px !important; 
padding-right:0px !important; }


div.text_cookies p.texto{
    background-color: #b10002;
    border-radius: 5px 5px;
    padding: 15px;
    box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.24), 0 1px 2px 0 rgba(0,0,0,0.36);
    color: white;
}

div.meio div.box-login {
    box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.24);
   
}
div.erro {
    margin: 10px 0;
    padding: 5px;
    background: #B10002 !important;
    box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.24), 0 1px 2px 0 rgba(0,0,0,0.36);
    border-radius: 2px;
}
div div#divContent_906171 p.texto{
    margin: 10px 0;
    border-radius: 2px;
    background-color: #F0F1F1 !important;
    box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.24), 0 1px 2px 0 rgba(0,0,0,0.36);
    color: #000000;
    text-align: center;
    padding: 10px;

}

/* rodape do site */

@media(min-width:1024px){
    div.inferior ul {
        position: relative; 
        height:100%; 
        padding:10px 0;
        flex-basis: 22%;
        /*display:inline-block;*/
    }
}


/* tela de pagamento*/
 @media (min-width:768px) {
    div.dados-entrega div.endereco{
    margin-right:30px;
    }
   
    
}
@media (min-width:425px) And (max-width:450px){
    div.concluircompra{    width: 80vw;
    margin: 0 0vw;
    }
    div.meio div.dados-entrega{
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    grid-gap: 15px;
    }
}
@media only screen and (max-width:425px){
    div.dados-entrega div.endereco{
        margin-right:0px;
        flex-grow: 1;

        }
    body div.meio div.etapas-compra ul li{
        display:flex;
        justify-content: center;
        align-items: center;
        margin: -10px 0px 15px;
    }
    div.meio div.etapas-compra ul li span, div.meio div.etapas-compra ul li.ativo span{
        top:15px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    body div.meio div.etapas-compra{
        margin:0px 0px ;
        position: relative;
        top: 50%;
    }
    div.meio div.etapas-compra ul{
        display: flex;
        flex-basis: 100%;
        justify-content: space-evenly;
    }
    div.erro{
        top: -7px;
        position: relative;
    }
    div.meio {
    min-height: 200px;
    }    
  
    body button.btn-enderc, body div.btn-fechped{
        width:80% !important;
        position:relative;
        left:10%;
        display:grid;
        float:none;   
    }
    
  
}

@media (min-width:768px) {
    div.dados-entrega div.endereco{
    flex-grow:1 ;
    margin-right:30px;
    max-width: 290px;
    }
}

/* ajuste no layout dos endereços de entrega */
@media(max-width:490px){
    body div.meio div.dados-entrega{
    grid-template-columns: repeat(1, 1fr);
    }
    div div#divContent_906171 p.texto{
        font-weight: bold;
    }
    div.inferior div.bar-inferior div.copyright p.copy3{
        padding:10px 0px !important;
    }
}
@media (min-width:490px) and (max-width:768px){
    body div.meio div.dados-entrega{
    grid-template-columns: repeat(2, 1fr);
    }
}




@media print { 
 /* All your print styles go here */
 /* Topo da página */
 div.superior div.bar-superior {
    width: 100%;
    padding: 15px 0;
    background:none;
}
div.superior div.bar-superior ul{
    display:none;
}
div.superior div.bar-superior div.carrinho-compras{
    display:none;
}
div.meio div.etapas-compra{
    display:none;
}
/* Início do conteúdo central */
div.confirma-pedido, div.voucher-pedido {
    background-color: #F0F1F1;
}

p.texto,h3,h1,p.Admin_Erro{
    color: #222222;
}
div.voucher-pedido {
    background-color: #F0F1F1;
}
h3.negativo {
    color: rgb(85,85,85);
}
h1.cartola {
    color: rgb(0, 0, 0);
    background-color: #f0f1f1;
    background:none;   
}
/* Início do rodapé */
div.inferior .wrapper{
    display:none;
}
div.inferior div.bar-inferior {
    background: #f0f1f1;
}
div.inferior div.bar-inferior div.copyright p {
    color: #000;
}
div.inferior div.bar-inferior div.copyright a {
    color: #0a0a0a;

}
div.inferior div.bar-inferior div.copyright a span {
    background: url(../images/lock.png) no-repeat;
}
div.inferior div.bar-inferior div.copyright p.copy2:before,div.inferior div.bar-inferior div.copyright p.copy2:after {
    content: "";
    background-color: #222;
    opacity: 0.2;
}

div#divConteudo {
    position: relative;
    top: 0px;
}
}