/* Bralyxpedia mobile — Figma node 957:9403. Desktop intentionally unchanged. */
.bralypedia-mini-pagination { display: none; }

.bralypedia #aba-artigos .filters select{
    box-sizing:border-box;
    min-width:210px;
    height:42px;
    padding:8px 44px 8px 14px;
    border:1px solid #ccc;
    border-radius:6px;
    appearance:none;
    -webkit-appearance:none;
    background-color:#fff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23696969' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:12px 7px;
    color:#333;
    font:400 14px/20px Inter,sans-serif;
    cursor:pointer;
}

@media (max-width: 640px) {
    .bralypedia {
        overflow: hidden;
    }

    .bralypedia #aba-artigos .articles-header{
        align-items:stretch;
        flex-direction:column;
        gap:20px;
    }
    .bralypedia #aba-artigos .filters{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:10px;
    }
    .bralypedia #aba-artigos .filters input,
    .bralypedia #aba-artigos .filters select{
        box-sizing:border-box;
        width:100%;
        min-width:0;
        height:45px;
    }

    .bralypedia .geral {
        padding: 0 0 28px !important;
        background: #f5f5f5;
    }

    .bralypedia .container {
        width: calc(100% - 40px) !important;
        max-width: 335px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bralypedia .site-breadcrumb {
        min-height: 43px;
        margin: 0 auto !important;
        padding: 23px 0 0 !important;
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .bralypedia .bralypedia-header {
        display: block !important;
        margin: 25px auto 0 !important;
        padding: 0 0 27px !important;
        text-align: center !important;
        border-bottom: 1px solid #cfcfcf;
    }

    .bralypedia .bralypedia-header h1 {
        margin: 0 !important;
        font-size: 24px !important;
        line-height: 32px !important;
        text-align: center !important;
    }

    .bralypedia .bralypedia-header p {
        max-width: 333px;
        margin: 14px auto 0 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        text-align: center !important;
    }

    .bralypedia .bralixpediahero {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin: 28px auto 0 !important;
        padding: 0 !important;
    }

    .bralypedia .bralixpediahero .hero-text {
        width: 100% !important;
    }

    .bralypedia .bralixpediahero .category-tag {
        display: inline-flex !important;
        min-height: 23px;
        align-items: center;
        padding: 3px 13px !important;
        border-radius: 5px !important;
        font-size: 10px !important;
        line-height: 16px !important;
    }

    .bralypedia .bralixpediahero .date {
        margin-left: 10px !important;
        font-size: 10px !important;
        line-height: 16px !important;
    }

    .bralypedia .bralixpediahero h2 {
        margin: 18px 0 0 !important;
        font-size: 20px !important;
        line-height: 28px !important;
    }

    .bralypedia .bralixpediahero p {
        margin: 16px 0 0 !important;
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .bralypedia .bralixpediahero .hero-text > a {
        display: inline-block;
        margin-top: 22px !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .bralypedia .bralixpediahero .hero-image {
        order: 2;
        width: 100% !important;
        height: 245px !important;
        margin: 28px 0 0 !important;
        border-radius: 10px !important;
        overflow: hidden;
    }

    .bralypedia .bralixpediahero .hero-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .bralypedia .mini-cards {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        margin: 28px auto 0 !important;
        padding: 0 !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
    }

    .bralypedia .mini-cards::-webkit-scrollbar { display: none; }

    .bralypedia .mini-cards > .mini-card {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        min-height: 114px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 15px !important;
        scroll-snap-align: start;
        overflow: hidden;
    }

    .bralypedia .mini-card::before {
        flex: 0 0 5px !important;
        width: 5px !important;
        min-height: 114px !important;
        padding: 0 !important;
    }

    .bralypedia .minicards-inter {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 18px 20px !important;
    }

    .bralypedia .minicards-inter small {
        font-size: 10px !important;
        line-height: 16px !important;
    }

    .bralypedia .minicards-inter p {
        margin-top: 5px !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .bralypedia-mini-pagination {
        display: flex;
        justify-content: center;
        gap: 7px;
        margin: 12px auto 0;
    }

    .bralypedia-mini-bullet {
        width: 8px;
        height: 8px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #fff;
        box-shadow: inset 0 0 0 1px #b8b8b8;
    }

    .bralypedia-mini-bullet.active {
        background: #a2d050;
        box-shadow: none;
    }

    .bralypedia > .tabs.container {
        display: flex !important;
        width: 100% !important;
        max-width: none !important;
        margin: 28px 0 0 !important;
        padding: 0 20px !important;
        gap: 27px !important;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .bralypedia > .tabs::-webkit-scrollbar { display: none; }

    .bralypedia > .tabs .tab {
        flex: 0 0 auto;
        padding: 0 0 10px !important;
        font-size: 16px !important;
        line-height: 22px !important;
        white-space: nowrap;
    }

    .bralypedia > .tabs .tab.active {
        border-bottom: 5px solid #a2d050 !important;
    }

    .bralypedia #aba-faq .articles-header2 h3 {
        margin: 43px 0 24px !important;
        padding: 0 !important;
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .bralypedia #aba-faq .faq-item {
        width: 100% !important;
        margin: 15px 0 !important;
        padding: 20px 24px !important;
        border-color: #d0d0d0 !important;
        border-radius: 5px !important;
    }

    .bralypedia #aba-faq .faq-question {
        gap: 18px;
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .bralypedia #aba-faq .faq-answer,
    .bralypedia #aba-faq .faq-answer p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}