.filtros-horizontais-container {

     margin-top: 30px;

     width: 100%;

     border-top: 3px solid var(--cor-primaria);

     padding-top: 30px;

 }



 .filtros-horizontais-container .filtros {

     padding-bottom: 30px;

     margin-bottom: 40px;

     display: flex;

     flex-wrap: nowrap;

     gap: 20px;

     overflow-x: auto;

     overflow-y: hidden;

     -webkit-overflow-scrolling: touch;

     scrollbar-width: thin;

     scrollbar-color: #f29931 #e5ebf2;

 }



 .filtros-horizontais-container .filtros .filtro {

     background: var(--cor-primaria);

     border: 1px solid var(--cor-primaria);

     color: #fff;

     font-size: 12px;

     line-height: 16px;

     font-weight: 700;

     letter-spacing: 0.6px;

     text-transform: uppercase;

     display: flex;

     align-items: center;

     justify-content: center;

     border-radius: 24px;

     padding: 10px 20px;

     transition: 0.5s;

 }



 .filtros-horizontais-container .filtros .filtro:hover {

     background: #C4E5FC;

     border: 1px solid var(--cor-default);

     color: var(--cor-default);

 }



 .filtros-horizontais-container .filtros .ativo {

     background: #C4E5FC;

     border: 1px solid var(--cor-default);

     color: var(--cor-default);

 }



 .filtros-horizontais-container .filtros::-webkit-scrollbar {

     height: 6px;

     background: transparent;

 }



 .filtros-horizontais-container .filtros::-webkit-scrollbar-track {

     background: #e5ebf2;

     border-radius: 9999px;

 }



 .filtros-horizontais-container .filtros::-webkit-scrollbar-thumb {

     background: #f29931;

     border-radius: 9999px;

     border: 2px solid #e5ebf2;

 }



 .filtros-horizontais-container .filtros::-webkit-scrollbar-button {

     width: 0;

     height: 0;

     display: none !important;

     background: transparent;

     border: 0;

 }



 .filtros-horizontais-container .filtros::-webkit-scrollbar-button:single-button {

     display: none !important;

 }



 .filtros-horizontais-container .filtros::-webkit-scrollbar-button:horizontal:decrement,

 .filtros-horizontais-container .filtros::-webkit-scrollbar-button:horizontal:increment,

 .filtros-horizontais-container .filtros::-webkit-scrollbar-button:start:decrement,

 .filtros-horizontais-container .filtros::-webkit-scrollbar-button:end:increment {

     display: none !important;

     width: 0 !important;

     height: 0 !important;

 }



 .filtros-horizontais-container .filtros::-webkit-scrollbar-corner {

     background: transparent;

 }



 @media screen and (max-width: 1024px) {

     .filtros-horizontais-container .filtros {

         padding-bottom: 20px;
             flex-wrap: wrap;
    gap: 10px;

     }



     .filtros-horizontais-container .filtros .filtro {

         margin-right: 0;

         padding: 10px;

     }

 }





 section.loop-receitas {

     /* margin-top: 50px; */

     margin-bottom: 50px;

 }





 section.loop-receitas .wrapper .titulo-container {

     margin-top: 30px;

 }





 section.loop-receitas .wrapper .filtros-horizontais-container {

     margin-top: 30px;

 }





 section.loop-receitas .wrapper .loop-container .cartoes {

     width: 80%;

     padding-right: 25px;

 }





 section.loop-receitas .wrapper .loop-container .cartoes .cartao {

     max-width: -moz-fit-content;

     max-width: fit-content;

     width: 31.5%;

 }





 /* section.loop-receitas .wrapper .loop-container .cartoes .cartao .extra {

     margin-top: 15px;

 } */





 section.loop-receitas .wrapper .loop-container .side-bar {

     width: 20%;

 }





 section.loop-receitas .wrapper .side-bar .categorias {

     background: #fff;

     margin-bottom: 35px;

     padding: 35px;

     border-radius: 32px;

 }





 section.loop-receitas .wrapper .side-bar .categorias .categoria-titulo {

     color: #f29c33;

     font-weight: 600;

     text-transform: uppercase;

     font-size: 18px;

     margin-bottom: 20px;

 }





 section.loop-receitas .wrapper .side-bar .categorias .categoria {

     font-weight: 500;

     border-bottom: 1px solid #f29c33;

     margin-bottom: 10px;

     padding-bottom: 10px;

 }





 section.loop-receitas .wrapper .side-bar .categorias .categoria:last-child {

     margin-bottom: 0px;

     padding-bottom: 0px;

     border-bottom: 0;

 }



 @media screen and (min-width: 650px) and (max-width: 1024px) {

     section.loop-receitas .wrapper .loop-container .cartoes {

         width: 65%;

     }



     section.loop-receitas .wrapper .loop-container .cartoes .cartao {

         width: 100%;
         max-width: 100%;

     }



     section.loop-receitas .wrapper .loop-container .cartoes .cartao .extra {}



     section.loop-receitas .wrapper .loop-container .side-bar {

         width: 35%;

     }



     section.loop-receitas .wrapper .loop-container .side-bar .categorias .categoria-titulo {}



     section.loop-receitas .wrapper .loop-container .side-bar .categorias .categoria {}



     section.loop-receitas .wrapper .loop-container .side-bar .categorias .categoria:last-child {}

 }



 @media screen and (max-width: 649px) {

     section.loop-receitas .wrapper .loop-container {

         flex-direction: column;

     }



     section.loop-receitas .wrapper .loop-container .cartoes {

         width: 100%;

         padding: 0;

     }



     section.loop-receitas .wrapper .loop-container .cartoes .cartao {

         width: 100%;

     }



     section.loop-receitas .wrapper .loop-container .cartoes .cartao .extra {}



     section.loop-receitas .wrapper .loop-container .side-bar {

         width: 100%;

         margin-top: 50px;

     }



     section.loop-receitas .wrapper .loop-container .side-bar .categorias .categoria-titulo {}



     section.loop-receitas .wrapper .loop-container .side-bar .categorias .categoria {}



     section.loop-receitas .wrapper .loop-container .side-bar .categorias .categoria:last-child {}

 }





 @media screen and (max-width: 1024px) {

     section.loop-receitas .titulo {

         font-size: 30px;



     }

 }



 #searchform.searchform {

     --h: 44px;

     --r: 999px;

     --red: var(--cor-primaria);

     --border: var(--cor-primaria);

     --open-w: 520px;

     position: relative;

     display: flex;

     align-items: center;

     height: 44px;

     border: 1px solid var(--border);

     border-radius: var(--r);

     background: transparent;

     padding-left: 43px;

     overflow: hidden;

 }



 #searchform #searchsubmit {

     position: absolute;

     left: 0;

     top: -1px;

     width: 44px;

     height: 44px;

     border: 0;

     background: var(--red);

     color: #fff;

     font-size: 18px;

     cursor: pointer;

     display: flex;

     align-items: center;

     justify-content: center;

 }

 #searchform #searchsubmit:active {
     transform: scale(.97);
 }



 #searchform #swpquery {

     width: 0;

     min-width: 0;

     height: calc(var(--h) - 8px);

     border: 0;
     outline: none;

     background: transparent;

     font-size: 16px;

     transition: width .25s ease, padding .25s ease;

     padding: 0;

 }



 #searchform.is-open #swpquery {

     width: var(--open-w);

     min-width: 180px;

     padding: 0 16px;

 }



 @media (max-width: 600px) {

     #searchform #swpquery {

         width: calc(100vw - 110px);

         padding: 0 16px;

     }

 }