/* ═══════════════════════════════════════════════════════════════════
   MidasSorte — Tema Foghorn2
   Arquivo: stylev150426.css  |  Reorganizado em 16/04/2026
   ═══════════════════════════════════════════════════════════════════
   01. RESET & NORMALIZAÇÃO
   02. TIPOGRAFIA BASE
   03. LINKS E ELEMENTOS INTERATIVOS
   04. UTILITÁRIOS
   05. LAYOUT ESTRUTURAL
   06. HEADER E BRANDING
   07. NAVEGAÇÃO
   08. POSTS E CONTEÚDO
   09. IMAGENS E MÍDIA
   10. WIDGETS E SIDEBAR
   11. COMENTÁRIOS E FORMULÁRIOS
   12. FOOTER E RODAPÉ
   13. PUBLICIDADE
   14. COMPONENTES DE LOTERIA
   15. MEDIA QUERIES (consolidadas)
   ═══════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════
   01. RESET & NORMALIZAÇÃO
   ═══════════════════════════════════════════════════════════════════ */

a,big,body,caption,cite,div,em,font,form,h1,h2,h3,h4,h5,h6,html,
iframe,ins,label,li,object,ol,p,pre,q,s,small,span,strong,sub,
table,tbody,td,th,thead,tr,ul,var {
    border: 0;
    font-family: Verdana, sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, td, th { font-weight: 400; text-align: left; }
q:before, q:after { content: ""; }
q { quotes: "" ""; }
a img { border: 0; }
article, aside, footer, header, hgroup, menu, nav, section { display: block; }


/* ═══════════════════════════════════════════════════════════════════
   02. TIPOGRAFIA BASE
   ═══════════════════════════════════════════════════════════════════ */

body, input, textarea {
    color: #333;
    line-height: 1.4em;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin: 0 0 .7em;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.4em;
}
p { margin-bottom: 1.4em; }
ul { list-style: square; }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; }
strong { font-weight: 700; }
cite, em, i { font-style: italic; }
pre {
    background: #f4f4f4;
    font: 13px "courier 10 pitch", Courier, monospace;
    line-height: 1.5;
    margin-bottom: 1.4em;
    padding: .75em 1.4em;
}
ins { background: #fff9c0; text-decoration: none; }
sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    top: .5ex;
    vertical-align: baseline;
}
input[type=text], textarea {
    background: #fafafa;
    -moz-box-shadow: 0 2px 5px rgba(100,100,100,.1);
    -webkit-box-shadow: 0 2px 5px rgba(100,100,100,.1);
    box-shadow: 0 2px 5px rgba(100,100,100,.1);
    border: 1px solid #ddd;
    color: #888;
}
input[type=text]:focus, textarea:focus { color: #333; }
textarea { padding-left: 3px; width: 98%; }
input[type=text] { padding: 3px; }
.entry-content p { font-size: 16px; line-height: 22px; }


/* ═══════════════════════════════════════════════════════════════════
   03. LINKS E ELEMENTOS INTERATIVOS
   ═══════════════════════════════════════════════════════════════════ */

a { color: #3f98db; text-decoration: none; }
a:active, a:focus, a:hover { text-decoration: underline; }


/* ═══════════════════════════════════════════════════════════════════
   04. UTILITÁRIOS
   ═══════════════════════════════════════════════════════════════════ */

.screen-reader-text, .section-heading {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.div-100 { float: left; width: 100%; }
.div-painel { text-align: center; vertical-align: top; width: 100%; }


/* ═══════════════════════════════════════════════════════════════════
   05. LAYOUT ESTRUTURAL
   ═══════════════════════════════════════════════════════════════════ */

body { min-width: 320px; background: #f2f2f2; }
#page { margin: 0 auto; padding: 0 2em; max-width: 1110px; }
#main { clear: both; padding: .7em 0; margin-right: 320px; }
#primary { float: left; width: 100%; }
#secondary { float: right; width: 300px; margin-right: -320px; }
#content { width: 100%; float: right; }
.post-wrap { float: right; }
.page .hentry { float: left; }

/* Variantes de layout */
.layout-2cl #main { margin-left: 320px; margin-right: 0; }
.layout-2cl #primary { float: right; }
.layout-2cl #secondary { float: left; margin-left: -320px; }
.layout-1c #page { max-width: 880px; }
.layout-1c #main { margin-right: 0; }
.layout-1c #primary { width: 100%; }
.layout-1c #access { clear: both; float: left; }
.layout-1c #access li { margin-left: 0; margin-right: 2.8em; }
.layout-1c embed, .layout-1c object { max-width: 100%; }


/* ═══════════════════════════════════════════════════════════════════
   06. HEADER E BRANDING
   ═══════════════════════════════════════════════════════════════════ */

#branding {
    margin: 0 0 .7em;
    padding: 2.1em 0 .7em;
    font-family: helvetica neue, sans-serif;
    border-bottom: 2px solid #ddd;
    border-bottom: 2px solid rgba(0,0,0,.08);
    position: relative;
    z-index: 2;
}
#branding hgroup {
    width: 100%;
    text-align: center;
    display: flex;
}
#site-title { margin: 0; float: left; }
#site-title a {
    color: #333;
    text-shadow: 0 1px rgba(255,255,255,.8);
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-decoration: none;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}
#site-title a:hover { color: #3f98db; }
#site-description {
    color: #999;
    padding: 0;
    margin: 0;
    text-shadow: 0 1px rgba(255,255,255,.8);
}
#div-gadsense-desktop-topo {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

/* Branding legado (mantido por compatibilidade) */
.branding-1 { width: 100%; float: left; }
.branding-1-1 { float: left; width: 31%; }
.branding-1-2 { float: right; width: 69%; }
.branding-1-2 ins.adsbygoogle { display: inline-block; width: 728px !important; height: 90px !important; }
.branding-2 { width: 96%; float: left; text-align: right; }
.branding-2 span { font-weight: 700; font-size: 16px; }
.site-generator-1 {
    float: left; width: 50%; padding-bottom: 20px;
    text-align: left; font-size: 16px; font-weight: 700;
    text-shadow: 1px 1px 1px #fff;
}
.site-generator-2 { float: right; width: 50%; padding-bottom: 20px; text-align: right; }


/* ═══════════════════════════════════════════════════════════════════
   07. NAVEGAÇÃO
   ═══════════════════════════════════════════════════════════════════ */

#access { float: right; margin: 2px 0 auto; }
#access ul { font-size: 14px; list-style: none; margin: -3px; }
#access li {
    display: inline-table;
    position: relative;
    margin: 0 2px 5px 0;
    width: 136px;
    text-align: center;
    margin-right: 1px !important;
    margin-left: 1px !important;
}
#access a {
    color: #f5eeee;
    display: block;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 1px rgba(255,255,255,.8);
    padding: 4px 0;
}
#access ul ul {
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
    box-shadow: 0 3px 3px rgba(0,0,0,.2);
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    top: 28px;
    left: 0;
    width: 188px;
    z-index: 99999;
}
#access ul ul li { margin: 0; }
#access ul ul ul { left: 100%; top: 0; }
#access ul ul a {
    background: none;
    color: #444;
    font-size: 13px;
    font-weight: 700;
    font-family: Verdana, sans-serif;
    height: auto;
    line-height: 1em;
    padding: 10px;
    width: 168px;
}
#access li:hover > a { color: #fff; }
#access ul li:hover > ul { display: block; }
#access .current_page_item a { font-weight: 700; }

/* Menu de categorias */
.menu-categorias-container { text-align: center; }
#menu-categorias > li { margin: 0 0 0 1.5em; }
#menu-categorias a {
    padding: 5px 10px !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    text-shadow: none;
    font-size: 13px;
}

/* Cores por loteria — menu de categorias */
#menu-categorias a[href*=rio]           { background: rgb(255,172,20); color: #fff; }
#menu-categorias a[href*=participe-aqui]{ background: #4ca7a4; color: #fff; font-size: 12px; }
#menu-categorias a[href*=tele]          { background: #0089cf; color: #ffc300; }
#menu-categorias a[href*=federal]       { background: #0066b3; color: #fff; }
#menu-categorias a[href*=mega]          { background: #209869; color: #fff; }
#menu-categorias a[href*=lotofacil]     { background: #930989; color: #fff; }
#menu-categorias a[href*=quina]         { background: #260085; color: #fff; }
#menu-categorias a[href*=dia]           { background: #d3b315; color: #fff; }
#menu-categorias a[href*=lotomania]     { background: #F78100; color: #fff; }
#menu-categorias a[href*=dupla]         { background: #BF194E; color: #fff; }
#menu-categorias a[href*=timemania]     { background: #FFF600; color: #049645; }
#menu-categorias a[href*=sete]          { background: #a8cf45; color: #fff; }
#menu-categorias a[href*=milionaria]    { background: #2E3078; color: #fff; }
#menu-categorias a[href*=rio]:hover,
#menu-categorias a[href*=participe-aqui]:hover,
#menu-categorias a[href*=tele]:hover,
#menu-categorias a[href*=federal]:hover,
#menu-categorias a[href*=mega]:hover,
#menu-categorias a[href*=lotofacil]:hover,
#menu-categorias a[href*=quina]:hover,
#menu-categorias a[href*=dia]:hover,
#menu-categorias a[href*=lotomania]:hover,
#menu-categorias a[href*=dupla]:hover,
#menu-categorias a[href*=timemania]:hover,
#menu-categorias a[href*=sete]:hover,
#menu-categorias a[href*=milionaria]:hover { color: #c7c1c1; }

/* IDs específicos de itens de menu */
#menu-item-38926 a   { width: 118px; }
#menu-item-134172 a  { width: 180px; }
#menu-item-130509    { width: auto !important; }
#menu-item-160601    { width: auto !important; }


/* ═══════════════════════════════════════════════════════════════════
   08. POSTS E CONTEÚDO
   ═══════════════════════════════════════════════════════════════════ */

.content-wrap {
    position: relative;
    background: #e9e9e9;
    background: rgba(0,0,0,.03);
    padding: 1.5%;
    margin-bottom: 15px;
    z-index: 0;
}
.page-title {
    color: #999;
    text-shadow: 0 1px rgba(255,255,255,.8);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin: 0 0 1.4em;
    text-transform: uppercase;
}
.page-title a { font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.hentry {
    margin: 0;
    padding: 5px;
    position: relative;
    background: #fff;
    overflow: hidden;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
    box-shadow: 0 0 8px rgba(0,0,0,.1);
}
.hentry:before, .hentry:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 12px;
    background: none;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.4);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.4);
    box-shadow: 0 6px 12px rgba(0,0,0,.4);
    z-index: -1;
}
.hentry:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}
.entry-header .entry-meta, footer.entry-meta { color: #555; font-size: 12px; text-transform: uppercase; }
.entry-header .entry-meta { margin-bottom: .7em; }
.entry-header .entry-meta a, footer.entry-meta a { color: #555; }
.entry-title { clear: both; color: #222; font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: .35em; }
.entry-title, .entry-title a { color: #222; text-decoration: none; }
.entry-title a:hover { color: #3f98db; }
.entry-content { padding: .7em 0 0; }
.entry-content h1, .entry-content h2, .entry-content h3 { font-size: 18px; }
footer.entry-meta .reply {
    display: inline-block;
    text-indent: -9999em;
    width: 14px;
    height: 18px;
    background: url(https://midassorte.com.br/resultado/images/meta-sprites.png) no-repeat -22px 3px;
    margin: 0 4px;
}
.page-link {
    background: #f1f1f1;
    border-top: 1px solid #ddd;
    clear: both;
    color: #888;
    display: block;
    font-size: 14px;
    margin: 1.4em -30px 0;
    padding: 4px 30px;
    text-decoration: none;
}
.page-link a { background: #ddd; color: #444; margin: 0 2px; padding: 2px 6px; text-decoration: none; }
.page-link a:hover { background: #999; color: #fff; }
.page-link span { margin-right: 10px; }
#author-description { float: left; margin-left: 108px; }
#author-description h2 { color: #333; font-size: 15px; font-weight: 700; margin: 0 0 5px; }
#content nav { clear: both; overflow: hidden; padding: 0 0 1.4em; font: 13px helvetica neue, Helvetica, Arial, sans-serif; }
#content nav a { font-size: 12px; font-weight: 700; line-height: 2em; }
#nav-above { padding: 0 0 1.4em; }
.nav-previous { float: left; width: 50%; }
.nav-next { float: right; text-align: right; width: 50%; }
.box-azul {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 1px 1px 1px #fff;
    padding: 20px;
    background: #e6e6fa;
    margin-bottom: 17px;
}


/* ═══════════════════════════════════════════════════════════════════
   09. IMAGENS E MÍDIA
   ═══════════════════════════════════════════════════════════════════ */

.size-auto, .size-full { height: auto; max-width: 100%; }
.wp-caption, p img { margin-top: .4em; }
.wp-caption { background: #e9e9e9; margin-bottom: .7em; max-width: 96%; padding: 10px; }
.wp-caption img { display: block; margin: 5px auto 0; max-width: 98%; }
.wp-caption .wp-caption-text {
    color: #666;
    font-family: Georgia, serif;
    font-size: 12px;
    margin-bottom: .6em;
    padding: 10px 0 5px 40px;
    position: relative;
}
.wp-caption .wp-caption-text:before {
    color: #9b8a62;
    content: '\2014';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 7px;
}
.widget_image img { height: auto; max-width: 100%; }


/* ═══════════════════════════════════════════════════════════════════
   10. WIDGETS E SIDEBAR
   ═══════════════════════════════════════════════════════════════════ */

.widget-area { font-size: 13px; }
.widget {
    margin: 0 0 2em;
    background: #e9e9e9;
    background: rgba(0,0,0,.03);
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,.08);
    padding: 4% 8%;
    color: #555;
    font-size: 13px;
}
.widget-title {
    color: #999;
    font-size: 14px;
    font-weight: 700;
    line-height: 2.4em;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 0 1px rgba(255,255,255,.8);
}
.widget-area .widget-title { font-size: 18px; color: #666; text-shadow: none !important; }
.widget ul { font-size: 15px; margin: 0; }
.widget ul li { list-style: none; }
.widget ul ul { margin-left: 1.7em; }
.widget a { text-decoration: none; }
.widget a:hover { text-decoration: underline; }
.widget_search #s { width: 70%; }
.widget p { margin-bottom: 10px; }
#text-34 { padding: 0; text-align: center; background: none; height: 250px; width: 300px; }

/* Cores por loteria — sidebar widgets */
.widget a[href*=rio],
.widget a[href*=participe-aqui],
.widget a[href*=tele],
.widget a[href*=federal],
.widget a[href*=mega],
.widget a[href*=lotofacil],
.widget a[href*=quina],
.widget a[href*=dia],
.widget a[href*=lotomania],
.widget a[href*=dupla],
.widget a[href*=timemania],
.widget a[href*=sete],
.widget a[href*=milionaria] {
    font-weight: bold;
    text-shadow: none;
    padding: 7px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    display: block;
    margin-bottom: 2px;
}
.widget a[href*=rio]           { background: rgb(255,172,20); color: #fff; }
.widget a[href*=participe-aqui]{ background: #4ca7a4; color: #fff; font-size: 12px; }
.widget a[href*=tele]          { background: #0089cf; color: #ffc300; }
.widget a[href*=federal]       { background: #0066b3; color: #fff; }
.widget a[href*=mega]          { background: #209869; color: #fff; }
.widget a[href*=lotofacil]     { background: #930989; color: #fff; }
.widget a[href*=quina]         { background: #260085; color: #fff; }
.widget a[href*=dia]           { background: #d3b315; color: #fff; }
.widget a[href*=lotomania]     { background: #F78100; color: #fff; }
.widget a[href*=dupla]         { background: #BF194E; color: #fff; }
.widget a[href*=timemania]     { background: #FFF600; color: #049645; }
.widget a[href*=sete]          { background: #a8cf45; color: #fff; }
.widget a[href*=milionaria]    { background: #2E3078; color: #fff; }


/* ═══════════════════════════════════════════════════════════════════
   11. COMENTÁRIOS E FORMULÁRIOS
   ═══════════════════════════════════════════════════════════════════ */

#comments-title, .nocomments {
    color: #999;
    font-size: 13px;
    font-weight: 700;
    line-height: 2.4em;
    padding: 0 0 2.4em;
    text-transform: uppercase;
    text-shadow: 0 1px rgba(255,255,255,.8);
}
.comment-content p { font-size: 13px; margin: 0 0 .7em; }
.comment-content table, .entry-content table { border-bottom: 1px solid #ddd; margin: 0 0 1.4em; width: 100%; }
.comment-content th, .entry-content th {
    color: #666;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 2em;
    text-transform: uppercase;
}
.comment-content td, .entry-content td { font-size: 75%; border-top: 1px solid #ddd; padding: 6px 10px 6px 0; }
.comment-content ol, .comment-content ul { margin-bottom: 1.4em; }
.comment-content ol ol, .comment-content ol ul,
.comment-content ul ol, .comment-content ul ul { margin-bottom: 0; }
.commentlist { list-style: none; margin: 0; padding-left: 100px; }
.commentlist > li.comment {
    background: #f6f6f6;
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,.08);
    margin: 0 0 1.4em;
    padding: 1.4em;
    position: relative;
}
.commentlist .children { list-style: none; margin: 0; }
.commentlist .children li.comment {
    background: #fff;
    border-left: 1px solid #ddd;
    border-left: 1px solid rgba(0,0,0,.08);
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    margin: 1.4em 0 0;
    padding: 1.4em;
    position: relative;
}
.commentlist .children li.comment .fn { display: block; }
.comment-meta .fn { font-style: normal; }
.comment-meta { color: #666; font-size: 12px; line-height: 2em; }
.commentlist .children li.comment .comment-meta { line-height: 1.4em; margin-left: 50px; }
.commentlist .children li.comment .comment-content { margin: 1.4em 0 0; }
.comment-meta a { font-weight: 700; }
.commentlist > li:before {
    content: url(https://midassorte.com.br/resultado/images/comment-arrow.png);
    left: -21px;
    position: absolute;
}
.comment-reply-link { font-size: 12px; font-weight: 700; }
.commentlist > li.bypostauthor {
    background: #e9e9e9;
    background: rgba(0,0,0,.03);
    border-color: #d3d3d3;
}
.commentlist > li.bypostauthor:before {
    content: url(https://midassorte.com.br/resultado/images/comment-arrow-bypostauthor.png);
}
.commentlist .children > li.bypostauthor {
    background: #e9e9e9;
    background: rgba(0,0,0,.03);
    border-color: #d3d3d3;
}
#respond {
    background: #e9e9e9;
    background: rgba(0,0,0,.03);
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,.08);
    color: #444;
    margin: 0 auto 1.4em;
    padding: 1.4em;
    position: relative;
}
#respond input[type=text], #respond textarea {
    background: #fff;
    position: relative;
    padding: 5px;
    text-indent: 95px;
    top: 0;
}
#respond .comment-form-author,
#respond .comment-form-comment,
#respond .comment-form-email,
#respond .comment-form-url { position: relative; }
#respond .comment-form-author label,
#respond .comment-form-comment label,
#respond .comment-form-email label,
#respond .comment-form-url label {
    background: #eee;
    color: #555;
    display: inline-block;
    line-height: 20px;
    padding: 5px 15px;
    font-size: 12px;
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 1;
    min-width: 60px;
}
#respond textarea { width: 95%; height: 160px; }
#respond .comment-form-author .required,
#respond .comment-form-email .required {
    color: #3f98db;
    font-size: 16px;
    font-weight: 700;
    left: 67%;
    position: absolute;
    top: 5px;
    z-index: 1;
}
#respond input[type=text]:focus, #respond textarea:focus { z-index: 1; text-indent: 5px; }
#respond .comment-notes { font-size: 13px; }
#respond #submit {
    background: #666;
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,.08);
    -moz-box-shadow: 0 2px 5px rgba(100,100,100,.2);
    -webkit-box-shadow: 0 2px 5px rgba(100,100,100,.2);
    box-shadow: 0 2px 5px rgba(100,100,100,.2);
    color: #f6f6f6;
    cursor: pointer;
    font-size: 15px;
    padding: 7px 25px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
#respond #submit:active { background: #3f98db; color: #fff; }
#respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; }
#respond #cancel-comment-reply-link:hover { text-decoration: underline; }
.commentlist #respond { margin: 1.4em 0 0; width: auto; }
#reply-title { color: #333; font-size: 24px; font-weight: 700; line-height: 30px; }
#cancel-comment-reply-link {
    color: #888;
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 2em;
    letter-spacing: .05em;
    position: absolute;
    right: 1.4em;
    text-decoration: none;
    text-transform: uppercase;
    top: 1.1em;
}
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:hover { color: #ff4b33; }
#respond label { line-height: 2em; }
#respond input[type=text] { display: block; width: 68%; height: 20px; }
#respond p { font-size: 12px; }
#respond #submit,
#respond input[type=text]:focus,
#respond textarea:focus {
    -moz-transition: text-indent .2s ease-out;
    -o-transition: text-indent .2s ease-out;
    -webkit-transition: text-indent .2s ease-out;
    -ms-transition: text-indent .2s ease-out;
    transition: text-indent .2s ease-out;
}


/* ═══════════════════════════════════════════════════════════════════
   12. FOOTER E RODAPÉ
   ═══════════════════════════════════════════════════════════════════ */

#colophon { clear: both; font-family: helvetica neue, Helvetica, Arial, sans-serif; }
#site-generator {
    border-top: 2px solid #ddd;
    border-top: 2px solid rgba(0,0,0,.08);
    color: #666;
    font-size: 14px;
    padding: 1.4em 0;
}
#div-wrap-rodape {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #ebebeb;
    border-top: 2px solid #d9d9d9;
}
#div-wrap-rodape .widget-rodape-midas {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 33.33%;
    padding: 15px 15px 0;
    background: none;
    border: transparent;
}
#div-wrap-rodape .widget-rodape-midas:not(:last-child):after {
    content: "";
    position: absolute;
    height: 250px;
    width: 1px;
    background: #d9d9d9;
    top: 0;
    right: 0;
    margin-top: 15px;
}


/* ═══════════════════════════════════════════════════════════════════
   13. PUBLICIDADE
   ═══════════════════════════════════════════════════════════════════ */

.ads300x600 {
    vertical-align: top;
    display: inline-block;
    min-width: 336px;
}
.painelresultado {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    max-width: 410px;
}


/* ═══════════════════════════════════════════════════════════════════
   14. COMPONENTES DE LOTERIA
   ═══════════════════════════════════════════════════════════════════ */

/* Peso em negrito para classes de cor inline */
.rp, .fd, .ms, .lf, .qn, .dds, .lm, .ds, .tm, .ts, .ss, .ml { font-weight: 700; }

/* Cores de texto inline (usadas em posts) */
span.rp  { color: rgb(255,172,20); }
span.fd  { color: #0066b3; }
span.ms  { color: #209869; }
span.lf  { color: #930989; }
span.qn  { color: #260085; }
span.dds { color: #d3b315; }
span.lm  { color: #F78100; }
span.ds  { color: #BF194E; }
span.tm  { color: #049645; }
span.ts  { color: #ffc300; }
span.ss  { color: #a8cf45; }
span.ml  { color: #2E3078; }

/* Painel de dezenas */
.paineldezenas { text-align: center; margin-bottom: 32px; }
.paineldezenas span {
    display: inline-block;
    width: 52px;
    height: 64px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    text-shadow: 1px 1px 1px #000;
    line-height: 70px;
    color: #fff;
}

/* Bolinhas — classes (shortcode a partir de 04/2026, escopadas em .paineldezenas) */
.paineldezenas .rp,
.paineldezenas .ms,
.paineldezenas .lf,
.paineldezenas .qn,
.paineldezenas .dds,
.paineldezenas .lm,
.paineldezenas .ds,
.paineldezenas .tm,
.paineldezenas .ts,
.paineldezenas .ss,
.paineldezenas .ml {
    background: #000;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    margin: 6px 4px;
    line-height: 50px !important;
    color: #fff;
}
.paineldezenas .fd  { width: 128px; height: 32px; color: #0066b3; background: none; line-height: 32px; }
.paineldezenas .rp  { background: radial-gradient(circle at 10px 10px, rgb(255,172,20), #000); }
.paineldezenas .ms  { background: radial-gradient(circle at 10px 10px, #209869, #000); }
.paineldezenas .lf  { background: radial-gradient(circle at 10px 10px, #930989, #000); }
.paineldezenas .qn  { background: radial-gradient(circle at 10px 10px, #260085, #000); }
.paineldezenas .dds { background: radial-gradient(circle at 10px 5px,  #d3b315, #000); }
.paineldezenas .lm  { background: radial-gradient(circle at 10px 10px, #F78100, #000); }
.paineldezenas .ds  { background: radial-gradient(circle at 10px 10px, #BF194E, #000); }
.paineldezenas .tm  { background: radial-gradient(circle at 10px 5px,  #FFF600, #049645); }
.paineldezenas .ts  { background: radial-gradient(circle at 10px 5px,  #0089cf, #ffc300); }
.paineldezenas .ss  { background: radial-gradient(circle at 10px 10px, #a8cf45, #000); }
.paineldezenas .ml  { background: radial-gradient(circle at 10px 10px, #2E3078, #000); }

/* Bolinhas — IDs (compatibilidade com posts anteriores) */
#rp, #ms, #lf, #qn, #dds, #lm, #ds, #tm, #ts, #ss, #ml {
    background: #000;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    margin: 6px 4px;
    line-height: 50px !important;
}
#fd {
    display: inline-block;
    width: 128px;
    height: 32px;
    color: #0066b3;
    background: none;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
}
#rp  { background: radial-gradient(circle at 10px 10px, rgb(255,172,20), #000); }
#ms  { background: radial-gradient(circle at 10px 10px, #209869, #000); }
#lf  { background: radial-gradient(circle at 10px 10px, #930989, #000); }
#qn  { background: radial-gradient(circle at 10px 10px, #260085, #000); }
#dds { background: radial-gradient(circle at 10px 5px,  #d3b315, #000); }
#lm  { background: radial-gradient(circle at 10px 10px, #F78100, #000); }
#ds  { background: radial-gradient(circle at 10px 10px, #BF194E, #000); }
#tm  { background: radial-gradient(circle at 10px 5px,  #FFF600, #049645); }
#ts  { background: radial-gradient(circle at 10px 5px,  #0089cf, #ffc300); }
#ss  { background: radial-gradient(circle at 10px 10px, #a8cf45, #000); }
#ml  { background: radial-gradient(circle at 10px 10px, #2E3078, #000); }


/* ═══════════════════════════════════════════════════════════════════
   15. MEDIA QUERIES (consolidadas)
   ═══════════════════════════════════════════════════════════════════ */

/* Desktop largo (>1060px) */
@media (min-width: 1060px) {
    .post-date {
        border: 1px solid #e6e6e6;
        border-bottom: 1px solid #e3e3e3;
        padding: 10px 0;
        text-align: center;
        letter-spacing: 1px;
        box-shadow: inset 0 8px 30px 8px rgba(255,255,255,.25);
        margin-bottom: 20px;
    }
    .post-date span { display: block; }
    .post-date .sep { display: none; }
    .page #comments { float: left; margin-left: 1.5%; width: 98.5%; }
}

/* Tablet — colapso da sidebar (<880px) */
@media (max-width: 880px) {
    #main { margin-right: 0; }
    .layout-2cl #main { margin-left: 0; }
    #primary { width: 100%; }
    #secondary { display: none; }
    #access { clear: both; float: left; }
    #access li { margin-left: 0; margin-right: 2.8em; }
    embed, object { max-width: 100%; }
}

/* Mobile + tablet — menu e layout geral (<768px) */
@media only screen and (min-width: 200px) and (max-width: 768px) {
    #div-wrap-rodape .widget-rodape-midas { width: 100%; }
    #menu-categorias a { margin-top: 3px; }
    .layout-2cl #main { padding-top: 0; }
    #branding { padding-top: 10px; }
    #site-title { float: none; }
    #div-gadsense-desktop-topo { display: none; }
    #div-gadsense-mobile-topo { display: block !important; text-align: center; }
    #access ul { font-size: 14px; list-style: none; margin-top: 0; }
    #access a { color: #000; }
    #access li:hover > a { color: #497ad3; }
    .menu-categorias-container { text-align: center; margin-left: 0; }
    #access li { margin: 0; width: 100%; text-align: left; }
    #menu-item-38926 a { width: 100%; }
    #menu-item-134172 a { width: 100%; }
}

/* Mobile — comentários (<660px) */
@media (max-width: 660px) {
    .commentlist { padding-left: 0; }
    .commentlist > li.bypostauthor:before,
    .commentlist > li:before { content: ''; left: 0; }
    .commentlist > li.comment { margin-left: 0 !important; }
}

/* Mobile pequeno (<480px) */
@media (max-width: 480px) {
    .post-wrap { float: none; width: auto; }
}

/* Toggle visibilidade desktop/mobile (>720px) */
@media only screen and (min-width: 720px) {
    .hide, .only-mobile { display: none !important; }
    .only-desktop { display: block !important; }
}

/* Menu hambúrguer mobile (<721px) */
@media (max-width: 721px) {
    body, input, textarea { font-size: .95em; }
    .entry-title { font-size: 1.3em; }
    .content-wrap { padding: .5%; }
    .page .hentry { padding: 1%; }
    .menu-title { display: inline; vertical-align: middle; padding-right: 5px; }
    .hide, .only-desktop { display: none; }
    .menu { display: block; width: 100%; text-align: right; }
    .hidden-menu { width: 100%; text-align: left; }
    .hidden-menu li {
        width: 100%;
        box-sizing: border-box;
        display: block;
        background-color: #f2f2f2;
        padding: 15px;
        font-size: 15px;
        border-bottom: 1px solid #ccc;
        text-align: left;
    }
    .burger {
        display: inline-block;
        vertical-align: middle;
        border: 0;
        background: none;
        outline: 0;
        padding: 0;
        cursor: pointer;
        border-bottom: 4px solid #111;
        width: 28px;
        transition: border-bottom 1s ease-in-out;
        -webkit-transition: border-bottom 1s ease-in-out;
    }
    .burger::-moz-focus-inner { border: 0; padding: 0; }
    .burger:before,
    .burger:after {
        content: "";
        display: block;
        border-bottom: 4px solid #111;
        width: 100%;
        margin-bottom: 5px;
        transition: transform .5s ease-in-out;
        -webkit-transition: -webkit-transform .5s ease-in-out;
    }
    .burger-check { display: none; }
    .burger-check:checked + .burger + div.hidden-menu { display: block; }
}

/* Impressão */
@media print {
    body { background: none !important; font-size: 10pt; }
    footer.entry-meta a[rel=bookmark]:link:after,
    footer.entry-meta a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; }
    #page {
        clear: both !important;
        display: block !important;
        float: none !important;
        max-width: 100%;
        position: relative !important;
    }
}