/* --- fonte: cahh . no copy cabeção! --- */

/* ==========================================================================
   1. GERAL / RESET
   ========================================================================== */

p, a, body, td, tr, div {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #AA9A76; 
    line-height: 11px;
    /* Altera o cursor padrão para a bandeira do Brasil (usando ícone 32x32) */
    cursor: url('https://img.icons8.com/color/32/brazil-flag.png') 16 16, crosshair; 
}

body {
    background: #25605E; 
}

i {
    color: #888C73; 
}

s {
    color: #7f7d7d;
}

/* --- Seleção de Texto --- */
::selection {
    color: #888C73;
    background: none;
}

::-moz-selection {
    color: #888C73;
    background: none;
}


/* ==========================================================================
   2. FORMULÁRIOS (CAIXINHAS)
   ========================================================================== */

textarea {
    font-family: Tahoma, sans-serif; 
    font-size: 11px;
    color: #AA9A76; 
    background-color: transparent; 
    border: 0px;
    border-radius: 0px;
    width: 320px;
    margin-top: 4px;
    padding: 2px;
    cursor: text;
}

/* Força o sumiço do texto ao clicar para digitar */
textarea:focus::placeholder {
    color: transparent !important;
}

/* --- Forçando a cor no Placeholder (Para todos os navegadores) --- */
textarea::placeholder {
    color: #888C73 !important; 
    font-family: Verdana, sans-serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    opacity: 0.7 !important; 
}

textarea::-webkit-input-placeholder {
    color: #888C73 !important;
    opacity: 0.7 !important;
}

textarea::-moz-placeholder {
    color: #888C73 !important;
    opacity: 0.7 !important;
}

textarea:-ms-input-placeholder {
    color: #888C73 !important;
    opacity: 0.7 !important;
}

select, input {
    font-family: Tahoma, sans-serif; 
    font-size: 11px;
    font-weight: bold;
    color: #AA9A76;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
}


/* ==========================================================================
   3. LINKS E IMAGENS
   ========================================================================== */

a, a:link, a:visited { 
    color: #888C73; 
    background-color: transparent;
    text-decoration: none;
    cursor: url('https://img.icons8.com/color/32/brazil-flag.png') 16 16, pointer;
} 

a:hover {
    color: #AA9A76; 
    background-color: transparent;
    text-decoration: none;
    cursor: url('https://img.icons8.com/color/32/brazil-flag.png') 16 16, pointer; 
}

/* Aplica o arredondamento em todas as imagens que estão dentro de links */
a img {
    opacity: 0.75;
    border: 0px;
    border-radius: 8px; 
}

a:hover img {
    opacity: 1.0;
}

/* Caso você tenha imagens soltas no blog (fora de links) */
img {
    border-radius: 8px;
}


/* ==========================================================================
   4. COMPONENTES (POSTS, COMENTÁRIOS E SUBTÍTULOS)
   ========================================================================== */

.subtitulo {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #AA9A76;
    background: transparent;
    width: 115px;
    letter-spacing: 1px;
    border-top: 2px solid #AA9A76;
    border-bottom: 2px solid #AA9A76;
    padding: 3px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.caixa1 {
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: #AA9A76;
    width: 350px;
    height: auto;
    background-color: transparent;
    border-top: 1px solid #AA9A76;
    border-bottom: 1px solid #AA9A76;
    border-left: 8px solid #AA9A76;
    border-right: 8px solid #AA9A76;
    border-radius: 8px; /* Caixa do post com borda arredondada */
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.caixa2 {
    font-family: Tahoma, sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: #25605E; 
    width: 350px;
    height: auto;
    background-color: #AA9A76; 
    border: 0px; /* Remove bordas antigas para destacar o bloco preenchido */
    border-radius: 8px; /* Caixa do post com borda arredondada */
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.comentarios { 
    font-family: Tahoma, sans-serif; 
    font-size: 11px;
    color: #AA9A76; 
    background-color: transparent;
    width: 350px;
    border-top: 0px; 
    border-bottom: 0px;
    border-left: 0px;  
    border-right: 10px solid #888C73; 
    border-radius: 0px;
    margin: 15px auto; 
    padding: 8px 3px 6px 3px; 
    text-align: left;
}

.comentarios:hover {
    border-right: 10px solid #AA9A76; 
    cursor: text;
}

.cmttext {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #AA9A76;
    width: 320px;
    text-align: left;
    margin: 10px auto;
}


/* ==========================================================================
   5. ESTRUTURA / BARRA
   ========================================================================== */

#barra {
    height: 30px;
    color: #25605E;
    background: #25605E;
    margin-bottom: 30px;
    border-top: 8px solid #AA9A76;
}

#barra .tubo {
    background: #25605E;
    width: 100%;
    height: 40px;
    text-align: center;
    margin-top: 0px;
    border-top: 8px solid #888C73;
    border-bottom: 0px;
}

#barra .fvbarraf {
    font: 11px Verdana, sans-serif; 
    color: #888C73; 
    background-color: transparent;
    width: 100px;
    height: 12px;
    border-top: 1px solid #AA9A76;
    border-bottom: 1px solid #AA9A76;
    border-left: 8px solid #AA9A76;
    border-right: 8px solid #AA9A76;
    border-radius: 0px;
}

#barra .fvbarra {
    font: 11px Verdana, sans-serif;
    color: #888C73;
}

#barra .fvbarra a:link, 
#barra .fvbarra a:visited, 
#barra .fvbarra a:active  {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #AA9A76;
    line-height: 11px;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    letter-spacing: 1px;
    cursor: url('https://img.icons8.com/color/32/brazil-flag.png') 16 16, pointer;
}

#barra .fvbarra a:hover {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #888C73;
    line-height: 11px;
    text-align: left;
    text-decoration: none;
    background-color: transparent;
    cursor: url('https://img.icons8.com/color/32/brazil-flag.png') 16 16, pointer;
}

#barra .barraimg {
    opacity: 0.0;
}