/* =========================================
   Rede de Apoio Mútuo - Main Styles
   ========================================= */

/* --- 1. Global & Typography --- */

* {
    box-sizing: border-box !important;
}

body {
    font-family: 'Lora', 'Times New Roman', serif !important;
    font-size: 18px !important;
    color: #e0e0e0 !important;
    background: #121212 !important;
    display: flex !important;
    flex-flow: column !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

.container[role=main] {
    margin-bottom: 50px !important;
    flex: 1 0 auto !important;
}

a {
    text-decoration: none !important;
    color: #ff5252 !important;
}

a:hover,
a:focus {
    color: #ff867f !important;
    text-decoration: underline !important;
}

p {
    line-height: 1.5 !important;
    margin: 6px 0 !important;
}

p + p {
    margin: 24px 0 6px 0 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-top: 0 !important;
}

blockquote {
    color: #bdbdbd !important;
    font-style: italic !important;
    border-left: 5px solid #444 !important;
    background-color: #1f1f1f !important;
    padding: 10px !important;
    margin: 20px 0 !important;
}

blockquote p:first-child {
    margin-top: 0 !important;
}

hr.small {
    max-width: 100px !important;
    margin: 15px auto !important;
    border-width: 4px !important;
    border-color: inherit !important;
    border-radius: 3px !important;
}

.main-content {
    padding-top: 80px !important;
}

@media only screen and (min-width: 768px) {
    .main-content {
        padding-top: 130px !important;
    }
}

.hideme {
    display: none !important;
}

::-moz-selection, ::selection {
    color: white !important;
    text-shadow: none !important;
    background: #ed1b24 !important;
}

img::selection, img::-moz-selection {
    color: white !important;
    background: transparent !important;
}

img {
    display: block !important;
    margin: auto !important;
    max-width: 100% !important;
    border-radius: 0 !important;
}

.img-title {
    width: 100% !important;
}

.disqus-comments {
    margin-top: 30px !important;
}

@media only screen and (min-width: 768px) {
    .disqus-comments {
        margin-top: 40px !important;
    }
}

/* --- 2. Navbar --- */

.navbar-custom {
    background: #b71c1c !important;
    border-bottom: 2px solid #888 !important; 
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    margin-bottom: 0 !important;
}

/* Garantir que persiste ao rolar */
.navbar-custom.top-nav-short {
    border-bottom: 2px solid #888 !important;
}

/* Links da Navbar */
.navbar-custom .nav li a {
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    padding: 10px 15px !important;
}


.navbar-custom .navbar-brand,
.navbar-custom .nav li a {
    font-weight: 800 !important;
    color: #fff !important;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
    color: #fff !important;
    text-decoration: underline !important;
}

.navbar-custom .nav li.active > a, 
.navbar-custom .nav li.active > a:focus, 
.navbar-custom .nav li.active > a:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-bottom: 3px solid #ffffff !important;
}

.navbar-custom .navbar-header .navbar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: auto !important;
    line-height: normal !important;
    padding: 10px 15px !important;
    background: transparent !important;
    border: none !important;
}

.navbar-custom .navbar-brand img {
    max-height: 45px !important;
    width: auto !important;
    display: block !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    object-fit: contain !important;
    margin-right: 10px !important;
}

.navbar-custom .navbar-brand .fa-stack,
.navbar-custom .navbar-brand .fa-circle,
.avatar-container,
.avatar-img-border {
    display: none !important;
}

.navbar-custom .nav .navlinks-container {
    position: relative !important;
}

.navbar-custom .nav .navlinks-parent:after {
    content: " \25BC" !important;
}

.navbar-custom .nav .navlinks-children {
    width: 100% !important;
    display: none !important;
    word-break: break-word !important;
}

.navbar-custom .nav .navlinks-container .navlinks-children a {
    display: block !important;
    padding: 10px !important;
    padding-left: 30px !important;
    background: #2c2c2c !important;
    text-decoration: none !important;
    border-width: 0 1px 1px 1px !important;
    font-weight: normal !important;
    color: #e0e0e0 !important;
}
.navbar-custom.top-nav-short {
    border-bottom: 1px solid #444 !important; 
    padding: 10px 0 !important; 
}
@media only screen and (max-width: 767px) {
    .navbar-custom .nav .navlinks-container.show-children {
        background: #2c2c2c !important;
    }

    .navbar-custom .nav .navlinks-container.show-children .navlinks-children {
        display: block !important;
    }
}

@media only screen and (min-width: 768px) {
    .navbar-custom {
        padding: 20px 0 !important;
        transition: background .5s ease-in-out, padding .5s ease-in-out !important;
    }

    .navbar-custom.top-nav-short {
        padding: 0 !important;
    }

    .navbar-custom .avatar-container {
        opacity: 1 !important;
        visibility: visible !important;
        position: absolute !important;
        transition: visibility 0.5s, opacity 0.5s ease-in-out !important;
        left: 50% !important;
        width: 50px !important;
        margin-top: -15px !important;
    }

    .navbar-custom .avatar-container .avatar-img-border {
        width: 100% !important;
        border-radius: 50% !important;
        margin-left: -50% !important;
        display: inline-block !important;
        box-shadow: 0 0 8px rgba(0, 0, 0, .8) !important;
    }

    .navbar-custom .avatar-container .avatar-img {
        width: 100% !important;
        border-radius: 50% !important;
        display: block !important;
    }

    .navbar-custom.top-nav-short .avatar-container {
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .navbar-custom.top-nav-expanded .avatar-container {
        display: none !important;
    }

    .navbar-custom .nav .navlinks-container {
        text-align: center !important;
    }

    .navbar-custom .nav .navlinks-container:hover {
        background: #2c2c2c !important;
    }

    .navbar-custom .nav .navlinks-container:hover .navlinks-children {
        display: block !important;
    }

    .navbar-custom .nav .navlinks-children {
        position: absolute !important;
    }

    .navbar-custom .nav .navlinks-container .navlinks-children a {
        padding-left: 10px !important;
        border: 1px solid #444 !important;
        border-width: 0 1px 1px !important;
    }
    
    /* Ajuste para monitores muito largos */
    @media only screen and (min-width: 1600px) {
        .navbar-custom .nav li a {
            font-size: 11px !important;
        }
    }
}

/* --- 3. Header Logo --- */

.site-logo-container {
    text-align: center !important;
    margin-bottom: 30px !important; 
}

.site-logo {
    width: 220px !important; 
    height: 220px !important; 
    object-fit: contain !important; 
    border: 4px solid #ffffff !important; 
    border-radius: 50% !important; 
    background-color: transparent !important; 
    box-shadow: none !important; 
    display: inline-block !important;
    padding: 0 !important; 
}

/* Responsividade da Logo */
@media only screen and (max-width: 768px) {
    .site-logo {
        width: 150px !important; 
        height: 150px !important;
    }
}

/* --- 4. Footer --- */

footer {
    padding: 30px 0 !important;
    background: #1f1f1f !important;
    border-top: 1px #444 solid !important;
    margin-top: auto !important;
    font-size: 14px !important;
    color: #bdbdbd !important;
}

footer a {
    color: #ff5252 !important;
}

footer .list-inline {
    margin: 0 !important;
    padding: 0 !important;
}

footer .copyright {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

footer .theme-by {
    text-align: center !important;
    margin: 10px 0 0 !important;
}

@media only screen and (min-width: 768px) {
    footer {
        padding: 50px 0 !important;
    }

    footer .footer-links {
        font-size: 18px !important;
    }

    footer .copyright {
        font-size: 16px !important;
    }
}

/* --- 5. Posts & Content --- */

.post-preview {
    padding: 20px 0 !important;
    border-bottom: 1px solid #444 !important;
    width: 100% !important;
    float: none !important;
    display: block !important;
    clear: both !important;
    margin-bottom: 40px !important;
}

@media only screen and (min-width: 768px) {
    .post-preview {
        padding: 35px 0 !important;
    }
}

.post-preview:last-child {
    border-bottom: 0 !important;
}

.post-preview a {
    text-decoration: none !important;
    color: #ff5252 !important;
}

.post-preview a:focus,
.post-preview a:hover {
    text-decoration: none !important;
    color: #ff867f !important;
}

.post-preview .post-title {
    font-size: 30px !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    color: #ffffff !important;
}

.post-preview .post-subtitle {
    margin: 0 !important;
    font-weight: 300 !important;
    margin-bottom: 10px !important;
    font-size: 1.2em !important;
    color: #bdbdbd !important;
}

.post-preview .post-meta,
.post-heading .post-meta,
.page-meta {
    color: #bdbdbd !important;
    font-size: 18px !important;
    font-style: italic !important;
    margin: 0 0 10px !important;
}

.page-meta {
    align-self: center !important;
}

.post-preview .post-meta a,
.post-heading .post-meta a,
.page-meta a {
    color: #ff5252 !important;
    text-decoration: none !important;
}

.post-preview .post-entry {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.post-entry-container {
    display: inline-block !important;
    width: 100% !important;
}

.post-entry {
    width: 100% !important;
    margin-top: 10px !important;
}

.post-preview .post-entry-content {
    margin-right: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
    font-size: 1.1em !important;
    line-height: 1.6 !important;
    color: #e0e0e0 !important;
}

.post-thumbnail, 
.post-preview img,
.post-preview figure {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.post-read-more {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important;
    text-align: left !important;
    display: block !important;
    clear: both !important;
    font-weight: 800 !important;
}

.post-read-more a {
    display: inline-block !important;
    background-color: #b71c1c !important;
    color: white !important;
    padding: 8px 16px !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    border: 1px solid #b71c1c !important;
    transition: all 0.3s ease !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

.post-read-more a:hover {
    background-color: transparent !important;
    color: #ff5252 !important;
    border-color: #ff5252 !important;
}

@media only screen and (min-width: 768px) {
    .post-preview .post-title {
        font-size: 36px !important;
    }
}

/* --- 6. Tags --- */

.blog-tags {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    color: #bdbdbd !important;
    font-size: 15px !important;
    margin-bottom: 30px !important;
}

.blog-tags:before {
    content: "Tags: " !important;
}

.blog-tags a {
    color: #ff5252 !important;
    text-decoration: none !important;
    padding: 0px 5px !important;
}

.blog-tags a:before {
    content: "#" !important;
}

.blog-tags a:hover {
    border-radius: 2px !important;
    color: #ff5252 !important;
    background-color: #333 !important;
}

.post-preview .blog-tags {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
}

@media only screen and (min-width: 768px) {
    .post-preview .blog-tags {
        margin-top: 10px !important;
    }
}

/* --- 7. Intro Headers --- */

.intro-header {
    margin: 80px 0 20px !important;
    position: relative !important;
}

.intro-header.big-img {
    background: no-repeat center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    -o-background-size: cover !important;
    margin-top: 51px !important;
    margin-bottom: 35px !important;
}

.intro-header .page-heading,
.intro-header .tags-heading,
.intro-header .categories-heading {
    text-align: center !important;
}

.intro-header.big-img .page-heading,
.intro-header.big-img .post-heading {
    padding: 100px 0 !important;
    color: #FFF !important;
    text-shadow: 1px 1px 3px #000 !important;
}

.intro-header .page-heading h1,
.intro-header .tags-heading h1,
.intro-header .categories-heading h1 {
    margin-top: 0 !important;
    font-size: 50px !important;
    color: #ffffff !important;
}

.intro-header .post-heading h1 {
    margin-top: 0 !important;
    font-size: 35px !important;
    color: #ffffff !important;
}

.intro-header .page-heading .page-subheading,
.intro-header .post-heading .post-subheading {
    font-size: 27px !important;
    line-height: 1.1 !important;
    display: block !important;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    margin: 10px 0 0 !important;
    color: #e0e0e0 !important;
}

.intro-header .post-heading .post-subheading {
    margin-bottom: 20px !important;
}

.intro-header.big-img .page-heading .page-subheading,
.intro-header.big-img .post-heading .post-subheading {
    font-weight: 400 !important;
}

.intro-header.big-img .page-heading hr {
    box-shadow: 1px 1px 3px #000 !important;
}

.intro-header.big-img .post-heading .post-meta {
    color: #EEE !important;
}

.intro-header.big-img .img-desc {
    background: rgba(30, 30, 30, 0.6) !important;
    position: absolute !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
    color: #EEE !important;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    right: 0 !important;
    bottom: 0 !important;
    display: none !important;
}

@media only screen and (min-width: 768px) {
    .intro-header {
        margin-top: 130px !important;
    }

    .intro-header.big-img {
        margin-top: 91px !important;
    }

    .intro-header.big-img .page-heading,
    .intro-header.big-img .post-heading {
        padding: 150px 0 !important;
    }

    .intro-header .page-heading h1,
    .intro-header .tags-heading h1,
    .intro-header .categories-heading h1 {
        font-size: 80px !important;
    }

    .intro-header .post-heading h1 {
        font-size: 50px !important;
    }

    .intro-header.big-img .img-desc {
        font-size: 14px !important;
    }
}

.header-section.has-img .no-img {
    margin-top: 0 !important;
    background: #1f1f1f !important;
    margin: 0 0 40px !important;
    padding: 20px 0 !important;
    box-shadow: 0 0 5px #AAA !important;
}

.header-section.has-img .intro-header.no-img {
    display: none !important;
}

@media only screen and (max-width: 365px) {
    .header-section.has-img .intro-header.no-img {
        display: block !important;
    }

    .intro-header.big-img {
        width: 100% !important;
        height: 220px !important;
    }

    .intro-header.big-img .page-heading,
    .intro-header.big-img .post-heading {
        display: none !important;
    }

    .header-section.has-img .big-img {
        margin-bottom: 0 !important;
    }
}

@media only screen and (max-width: 325px) {
    .intro-header.big-img {
        height: 200px !important;
    }
}

.caption {
    text-align: center !important;
    font-size: 14px !important;
    padding: 10px !important;
    font-style: italic !important;
    margin: 0 !important;
    display: block !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    color: #bdbdbd !important;
}

/* --- 8. Pager --- */

.pager li a {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    padding: 10px 5px !important;
    background: #1f1f1f !important;
    border-radius: 0 !important;
    color: #e0e0e0 !important;
    border: 1px solid #444 !important;
}

@media only screen and (min-width: 768px) {
    .pager li a {
        padding: 15px 25px !important;
    }
}

.pager li a:hover,
.pager li a:focus {
    color: #FFF !important;
    background: #b71c1c !important;
    border: 1px solid #b71c1c !important;
}

.pager {
    margin: 10px 0 0 !important;
}

.pager.blog-pager {
    margin-top: 10px !important;
}

h4.panel-title > span.badge {
    float: right !important;
}

@media only screen and (min-width: 768px) {
    .pager.blog-pager {
        margin-top: 40px !important;
    }
}

/* --- 9. Tables --- */

table {
    padding: 0 !important;
    background-color: #1f1f1f !important;
    color: #e0e0e0 !important;
}

table tr {
    border-top: 1px solid #444 !important;
    background-color: #1f1f1f !important;
    margin: 0 !important;
    padding: 0 !important;
}

table tr:nth-child(2n) {
    background-color: #2c2c2c !important;
}

table tr th {
    font-weight: bold !important;
    border: 1px solid #444 !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 6px 13px !important;
    color: #ffffff !important;
}

table tr td {
    border: 1px solid #444 !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 6px 13px !important;
    color: #e0e0e0 !important;
}

table tr th :first-child,
table tr td :first-child {
    margin-top: 0 !important;
}

table tr th :last-child,
table tr td :last-child {
    margin-bottom: 0 !important;
}

/* --- 10. Syntax Highlighting (Dark Mode Forced) --- */

.hljs, 
.chroma, 
pre, 
code, 
kbd, 
samp {
    background-color: #1f1f1f !important;
    color: #e0e0e0 !important;
}

/* Highlight.js Colors */
.hljs-comment, .hljs-quote { color: #998 !important; font-style: italic !important; }
.hljs-keyword, .hljs-selector-tag, .hljs-subst { color: #ff79c6 !important; font-weight: bold !important; }
.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr { color: #bd93f9 !important; }
.hljs-string, .hljs-doctag { color: #f1fa8c !important; }
.hljs-title, .hljs-section, .hljs-selector-id { color: #50fa7b !important; font-weight: bold !important; }
.hljs-type, .hljs-class .hljs-title { color: #8be9fd !important; font-weight: bold !important; }
.hljs-tag, .hljs-name, .hljs-attribute { color: #ff79c6 !important; font-weight: normal !important; }
.hljs-regexp, .hljs-link { color: #f1fa8c !important; }
.hljs-symbol, .hljs-bullet { color: #ffb86c !important; }
.hljs-built_in, .hljs-builtin-name { color: #8be9fd !important; }
.hljs-meta { color: #f8f8f2 !important; font-weight: bold !important; }
.hljs-deletion { background-color: #ff5555 !important; }
.hljs-addition { background-color: #50fa7b !important; }

/* Chroma Colors */
.chroma { background-color: #1f1f1f !important; color: #f8f8f2 !important; }
.chroma .err { color: #ff5555 !important; background-color: transparent !important; }
.chroma .lntd { vertical-align: top !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
.chroma .lntable { border-spacing: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; width: 100% !important; overflow: auto !important; display: block !important; }
.chroma .hl { background-color: #444 !important; display: block !important; width: 100% !important; }
.chroma .lnt { margin-right: 0.4em !important; padding: 0 0.4em 0 0.4em !important; display: block !important; color: #6272a4 !important; }
.chroma .ln { margin-right: 0.4em !important; padding: 0 0.4em 0 0.4em !important; color: #6272a4 !important; }
.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .kt { color: #ff79c6 !important; font-weight: bold !important; }
.chroma .na { color: #50fa7b !important; }
.chroma .nb { color: #8be9fd !important; }
.chroma .nc { color: #50fa7b !important; font-weight: bold !important; }
.chroma .no { color: #50fa7b !important; }
.chroma .ni { color: #cbtbcb !important; }
.chroma .ne { color: #ff5555 !important; font-weight: bold !important; }
.chroma .nf { color: #50fa7b !important; }
.chroma .nn { color: #8be9fd !important; }
.chroma .nt { color: #ff79c6 !important; }
.chroma .nv, .chroma .vc, .chroma .vg, .chroma .vi { color: #f1fa8c !important; }
.chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .se, .chroma .sh, .chroma .si, .chroma .sx, .chroma .sr, .chroma .s1, .chroma .ss { color: #f1fa8c !important; }
.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo { color: #bd93f9 !important; }
.chroma .o, .chroma .ow { color: #ff79c6 !important; font-weight: bold !important; }
.chroma .c, .chroma .ch, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp, .chroma .cpf { color: #6272a4 !important; font-style: italic !important; }
.chroma .gd { color: #ff5555 !important; background-color: transparent !important; }
.chroma .ge { font-style: italic !important; }
.chroma .gr { color: #ff5555 !important; }
.chroma .gh { color: #6272a4 !important; }
.chroma .gi { color: #50fa7b !important; background-color: transparent !important; }
.chroma .go { color: #44475a !important; }
.chroma .gp { color: #6272a4 !important; }
.chroma .gs { font-weight: bold !important; }
.chroma .gu { color: #6272a4 !important; }
.chroma .gt { color: #ff5555 !important; }
.chroma .w { color: #6272a4 !important; }

/* --- 11. Bootstrap Overrides (Dark Mode) --- */

.well, .alert, .panel, .modal-content, .popover, .tooltip-inner {
    background-color: #1f1f1f !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

input, textarea, select, button {
    background-color: #2c2c2c !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

input:focus, textarea:focus, select:focus {
    background-color: #333 !important;
    border-color: #b71c1c !important;
    box-shadow: none !important;
}

.list-group-item {
    background-color: #1f1f1f !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

.list-group-item:hover, .list-group-item:focus {
    background-color: #2c2c2c !important;
}

.badge {
    background-color: #b71c1c !important;
    color: white !important;
}

.breadcrumb {
    background-color: #1f1f1f !important;
    border-color: #444 !important;
}

.breadcrumb > li > a { color: #ff5252 !important; }
.breadcrumb > .active { color: #bdbdbd !important; }

.pagination > li > a, .pagination > li > span {
    background-color: #1f1f1f !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

.pagination > li > a:hover, .pagination > li > span:hover {
    background-color: #b71c1c !important;
    border-color: #b71c1c !important;
    color: white !important;
}

.pagination > .active > a, .pagination > .active > span {
    background-color: #b71c1c !important;
    border-color: #b71c1c !important;
    color: white !important;
}

.progress { background-color: #2c2c2c !important; }
.progress-bar { background-color: #b71c1c !important; }

.dropdown-menu {
    background-color: #1f1f1f !important;
    border-color: #444 !important;
}

.dropdown-menu > li > a { color: #e0e0e0 !important; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #b71c1c !important;
    color: white !important;
}
.dropdown-menu > .divider { background-color: #444 !important; }

.navbar-default { background-color: #b71c1c !important; border-color: #b71c1c !important; }
.navbar-inverse { background-color: #1f1f1f !important; border-color: #1f1f1f !important; }

@media print {
    body { background: white !important; color: black !important; }
}
/* Container principal da partilha */
.share {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important; 
    align-items: center !important;
    list-style: none !important; 
    padding: 0 !important;
    margin: 30px 0 !important; 
}

/* Itens individuais da lista de partilha */
.share li {
    display: inline-flex !important;
    margin: 0 10px !important; 
}

/* Os links/ícones em si */
.share li a {
    display: inline-block !important;
    text-decoration: none !important;
    color: #ff5252 !important; 
    font-size: 24px !important; 
    transition: transform 0.2s ease, color 0.2s ease !important;
}

/* Efeito Hover nos ícones */
.share li a:hover {
    color: #ff867f !important; 
    transform: scale(1.1); 
}

/* Esconder qualquer texto residual se houver */
.share li a span {
    display: none !important;
}