@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 300;
    src: local('Barlow Light'),local('Barlow-Light'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3p-ks6FospT4.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 300;
    src: local('Barlow Light'),local('Barlow-Light'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3p-ks6VospT4.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 300;
    src: local('Barlow Light'),local('Barlow-Light'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3p-ks51os.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 400;
    src: local('Barlow Regular'),local('Barlow-Regular'),url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_A8s52Hs.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 400;
    src: local('Barlow Regular'),local('Barlow-Regular'),url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 400;
    src: local('Barlow Regular'),local('Barlow-Regular'),url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 500;
    src: local('Barlow Medium'),local('Barlow-Medium'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3_-gs6FospT4.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 500;
    src: local('Barlow Medium'),local('Barlow-Medium'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3_-gs6VospT4.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 500;
    src: local('Barlow Medium'),local('Barlow-Medium'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 600;
    src: local('Barlow SemiBold'),local('Barlow-SemiBold'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E30-8s6FospT4.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 600;
    src: local('Barlow SemiBold'),local('Barlow-SemiBold'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E30-8s6VospT4.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 600;
    src: local('Barlow SemiBold'),local('Barlow-SemiBold'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E30-8s51os.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 700;
    src: local('Barlow Bold'),local('Barlow-Bold'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3t-4s6FospT4.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 700;
    src: local('Barlow Bold'),local('Barlow-Bold'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3t-4s6VospT4.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 700;
    src: local('Barlow Bold'),local('Barlow-Bold'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 800;
    src: local('Barlow ExtraBold'),local('Barlow-ExtraBold'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3q-0s6FospT4.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 800;
    src: local('Barlow ExtraBold'),local('Barlow-ExtraBold'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3q-0s6VospT4.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 800;
    src: local('Barlow ExtraBold'),local('Barlow-ExtraBold'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3q-0s51os.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 900;
    src: local('Barlow Black'),local('Barlow-Black'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3j-ws6FospT4.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 900;
    src: local('Barlow Black'),local('Barlow-Black'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3j-ws6VospT4.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 900;
    src: local('Barlow Black'),local('Barlow-Black'),url(https://fonts.gstatic.com/s/barlow/v4/7cHqv4kjgoGqM7E3j-ws51os.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

.titulo,body,div,h1,h2,h3,h4,h5,h6,input,label,p,small,span,strong{
  font-family:Barlow,sans-serif!important;
  font-weight:400
}

.fixed-header-bar .menu.superior .titulo { margin: 0 0 5px; }
.fixed-header-bar .menu.superior .nivel-um>li>a:before { width: 25px; height: 25px; background-size: 22px!important;}
/*.fixed-header-bar #cabecalho .logo a img { height: 65px; }*/

.conteudo-topo.busca.borda-alpha {
    background: #f9f9f9 !important;
    padding: 9px 9px 9px 16px;
    border: 1px solid #000000 !important;
    border-radius: 5px;
}

.menu.superior.fundo-principal {
    border-color: #000000 !important;
}

#rodape .span4.sobre-loja-rodape img {
    height: 65px;
}

.busca{
    background: #E3E3E3 !important;
    padding: 9px 9px 9px 16px !important;
    border: 1px solid rgb(0 0 0 / 100%) !important;
    border-radius: 5px !important;
}

#auto-complete{
    color: #000000 !important;
}

.wrap-box-conta .drp-conta-top i, .icon-signin{
    color: #c11f25 !important;
    
}

.botao.principal{
    background: #c11f25 !important;
}

#rodape .span12.visible-phone li.help-footer a,
.drp-conta-top .help-footer a{
     background: #c11f25 !important;
}


h1.logo, h2.logo{
    overflow: hidden;
    display: flex;
    align-items: center;
}

h1.logo a, h2.logo a{
    width: 35%;
    overflow: hidden;
}

h1.logo span, h2.logo span{
    width: 60%;
    height: 45px;
    background: url(https://cdn.awsli.com.br/2215/2215243/arquivos/logo-coloricasa-svg.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 85%;
}

h1.logo span a, h2.logo span a{
    width: 100%;
    height: 100%;
    display: inline-block !important;
    margin: 0;
}

.menu.superior .nivel-um>li>a:before {
    display: block;
    margin: 5px auto;
}

.menu.superior .titulo {
    margin: 0 0 15px;
}


.separator.fundo-principal {background: #c11f25;}


/*Ignore o codigo abaixo*/
.menu.superior .nivel-um>li:nth-child(1)>a:before{content:"";background:var(--categoria-1)}.menu.superior .nivel-um>li:nth-child(2)>a:before{content:"";background:var(--categoria-2)}.menu.superior .nivel-um>li:nth-child(3)>a:before{content:"";background:var(--categoria-3)}.menu.superior .nivel-um>li:nth-child(4)>a:before{content:"";background:var(--categoria-4)}.menu.superior .nivel-um>li:nth-child(5)>a:before{content:"";background:var(--categoria-5)}.menu.superior .nivel-um>li:nth-child(6)>a:before{content:"";background:var(--categoria-6)}.menu.superior .nivel-um>li:nth-child(7)>a:before{content:"";background:var(--categoria-7)}.menu.superior .nivel-um>li:nth-child(8)>a:before{content:"";background:var(--categoria-8)}.menu.superior .nivel-um>li:nth-child(9)>a:before{content:"";background:var(--categoria-9)}.menu.superior .nivel-um>li:nth-child(10)>a:before{content:"";background:var(--categoria-10)}.menu.superior .nivel-um>li:nth-child(11)>a:before{content:"";background:var(--categoria-11)}.menu.superior .nivel-um>li:nth-child(12)>a:before{content:"";background:var(--categoria-12)}.menu.superior .nivel-um>li.categoria-id-offer>a:before{content:"";background:var(--categoria-ofertas)}@media(max-width:767px){div#instafeed img {height: auto}}

 /*Vestuario*/
.menu.superior .nivel-um>li.categoria-id-21614337>a:before{
} 

 /*Acessórios*/
.menu.superior .nivel-um>li.categoria-id-21614175>a:before{
} 

 /*Casa-e-Decoração*/
.menu.superior .nivel-um>li.categoria-id-21615302>a:before{
} 

/*agendas*/
.menu.superior .nivel-um>li.categoria-id-16971245>a:before{
}

/*cadernos*/
.menu.superior .nivel-um>li.categoria-id-23253506>a:before{
}

/*religiosos*/
.menu.superior .nivel-um>li.categoria-id-16971299>a:before{
}

/*mochilas*/
.menu.superior .nivel-um>li.categoria-id-16971275>a:before{
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
h1.logo img,h2.logo img {
  -ms-animation: rotating 6.5s linear infinite;
  -moz-animation: rotating 6.5s linear infinite;
  -webkit-animation: rotating 6.5s linear infinite;
  -o-animation: rotating 6.5s linear infinite;
}
.botao-carrinho, .botao-comprar, .botao-finalizar, .botao-continuar, .botao-ok {
    background-color: #ff5722; /* Cor vibrante para destacar */
    color: #ffffff; /* Texto em branco para contraste */
    font-size: 30px; /* Tamanho de fonte maior para legibilidade */
    padding: 15px 30px; /* Aumenta o padding para tornar o botão maior */
    border: none; /* Remove bordas para um visual mais limpo */
    border-radius: 5px; /* Bordas arredondadas para um design moderno */
    cursor: pointer; /* Cursor de ponteiro para indicar interatividade */
    transition: background-color 0.3s ease; /* Transição suave para o efeito hover */
}

.botao-carrinho:hover, .botao-comprar:hover, .botao-finalizar:hover, 
.botao-continuar:hover, .botao-ok:hover {
    background-color: #ffccbc; /* Cor mais escura no hover para feedback visual */
}

.botao-carrinho:focus, .botao-comprar:focus, .botao-finalizar:focus, 
.botao-continuar:focus, .botao-ok:focus {
    outline: 2px solid #e64a19; /* Destaque ao focar para acessibilidade */
}

@media only screen and (max-width: 767px) {
    .botao-carrinho, .botao-comprar, .botao-finalizar, .botao-continuar, .botao-ok {
        width: 100%; /* Botões ocupam toda a largura em dispositivos móveis */
        font-size: 16px; /* Ajusta o tamanho da fonte para telas menores */
        padding: 12px 0; /* Ajusta o padding para telas menores */
    }
}