/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

.wp-site-blocks{
    padding-top: 0;
    padding-bottom: 0;
}

#peca_header{
    position:sticky;
    top:0;
    z-index:9999;
    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
    font-family:Arial,Helvetica,sans-serif;
}

.peca_top_bar{
    background:#d9d9d9;
    height:36px;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    padding:0 30px;
}

.peca_tabs{
    display:flex;
}

.peca_tab{
    text-decoration:none;
    padding:10px 22px;
    font-weight:bold;
    border-radius:6px 6px 0 0;
    margin-right:2px;
    background:#fff;
    color:#000;
    line-height:1;
}

.peca_tab_active{
    background:#000;
    color:#fff;
}

.peca_top_links{
    display:flex;
    gap:18px;
    padding-bottom:8px;
}

.peca_top_links a{
    text-decoration:none;
    color:#000;
    font-size:14px;
}

.peca_main_bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 30px;
    gap:25px;
}

.peca_logo img{
    width:100px;
    max-width:100%;
}

.peca_search{
    flex:1;
    display:flex;
    max-width:650px;
}

.peca_search input{
    flex:1;
    padding:12px;
    border:1px solid #cfcfcf;
    font-size:15px;
    outline:none;
}

.peca_search button{
    width:52px;
    background:#d70000;
    color:white;
    border:none;
    cursor:pointer;
    font-size:20px;
}

.peca_phone{
    display:flex;
    align-items:center;
    text-decoration:none;
    color:#000;
    gap:10px;
}

.peca_phone_icon{
    width:42px;
    height:42px;
    border:2px solid #000;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:18px;
}

.peca_phone small{
    display:block;
}

.peca_phone strong{
    display:block;
}

@media (max-width:900px){

    .peca_main_bar{
        flex-wrap:wrap;
        justify-content:center;
    }

    .peca_logo{
        width:100%;
        text-align:center;
    }

    .peca_search{
        width:100%;
        order:3;
    }

    .peca_phone{
        order:2;
    }

    .peca_top_bar{
        flex-direction:column;
        height:auto;
        align-items:center;
        padding:0;
    }

    .peca_tabs{
        width:100%;
        justify-content:center;
    }

    .peca_top_links{
        padding:8px;
        flex-wrap:wrap;
        justify-content:center;
    }

}

.iconeFormasPagamento {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px
}

@media screen and (max-width:767px) {
    .iconeFormasPagamento {
        width: 50px;
        max-height: 30px;
        line-height: 30px;
        vertical-align: bottom
    }
}

@media screen and (min-width:768px) {
    .iconeFormasPagamento {
        width: 55px
    }
}

.selosRodape {
  display: inline-flex !important;
}

.selosRodape {
    max-width: 100%;
    max-height: 100%;
    display: inline-flex;
    position: relative;
    width: 50px;
}

.selosRodape img {
    width: 75px;
}

.selosRodape li {
    display: inline-block; 
    margin-right: 10px;
}