/* V3: página de anúncios compacta e posições de publicidade. */
.ads-page{max-width:960px;margin:0 auto}.ads-page .page-title{margin-bottom:13px}.ads-page .page-title h1{font-size:27px}.ads-page .page-title p{font-size:13px}.ads-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px}.ads-intro h1{margin:0 0 6px}.ads-intro p{margin:0;color:var(--muted);font-size:13px}.ads-note{padding:9px 13px;margin:0 0 18px;border:1px solid #ddded2;background:#f7f6eb;border-radius:4px;color:#7c7049;font-size:11px;line-height:1.5}.ads-note strong{font-weight:700}.ad-inventory-wrap{border:1px solid #cfdadd;border-radius:5px;overflow:hidden;background:#fff;margin-bottom:14px}.ad-inventory{width:100%;border-collapse:collapse;text-align:left;table-layout:auto;font-size:12px}.ad-inventory th{background:#edf2f3;color:#506975;font-size:10px;letter-spacing:.4px;text-transform:uppercase;padding:11px 12px;border-bottom:1px solid #cfdadd;font-weight:700}.ad-inventory td{padding:11px 12px;border-bottom:1px solid #e5ebed;vertical-align:middle}.ad-inventory tr:last-child td{border-bottom:0}.ad-inventory th:first-child,.ad-inventory td:first-child{width:38px;padding-left:16px;padding-right:2px;text-align:center}.ad-inventory td:nth-child(2){min-width:190px}.ad-inventory td:nth-child(3){white-space:nowrap;color:#7b8b91;font-size:11px}.ad-inventory td:last-child{min-width:180px}.ad-inventory input[type=radio]{margin:0;width:14px;height:14px;accent-color:var(--blue)}.ad-inventory tr:has(input[type=radio]:checked){background:#f0f6f7;box-shadow:inset 3px 0 var(--blue)}.ad-inventory tr:hover{background:#f7f9f9}.ad-inventory tr:has(input[type=radio]:checked):hover{background:#edf4f5}.ad-position strong,.ad-position label{font-size:12px;font-weight:700;color:#3a5866;display:block}.ad-position small,.ad-position .small{font-size:10px;display:block;color:var(--muted)}.ad-location-link{font-size:10px;color:#708995;border:0;padding:1px 0;background:none;display:inline-block;text-decoration:underline;text-underline-offset:2px}.ad-availability{font-size:11px;line-height:1.45}.ad-availability strong{font-size:11px;display:block}.ad-availability small{font-size:10px;display:block;color:#76868c;max-width:190px}.ad-available{color:#39815d}.ad-occupied{color:#a27232}.ad-availability.ad-available:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px;vertical-align:middle}.ad-duration{font-size:11px;min-width:170px}.ad-inventory select{min-height:32px;padding:6px 25px 6px 9px;font-size:11px;background:#fff;border-color:#cfdbdf;border-radius:3px}.ad-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#5e727c;line-height:1.5;margin:12px 0}.ad-checkbox input{margin:2px 0 0;flex:none}.ad-checkbox span{display:block}.ad-checkbox small{display:block;color:#7e8f96;font-size:10px}.ad-form-section{border:1px solid var(--border);background:#fff;border-radius:5px;padding:19px 22px;margin-top:20px;margin-bottom:20px}.ad-form-section>h2{font-size:17px;margin-bottom:14px}.ad-form-section>p{font-size:12px;color:var(--muted)}.ad-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}.ad-data-grid .full{grid-column:1/-1}.ads-page .field{gap:5px}.ads-page .field>span,.ads-page .field>label{font-size:11px}.ads-page .field input{min-height:35px;padding:7px 10px;font-size:12px}.ads-page .field small{font-size:10px}.ads-page .btn{min-height:34px;padding:8px 13px;font-size:12px}.ads-page .btn-small{min-height:27px;padding:5px 9px;font-size:10px}.ad-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f0f4f5;border:1px solid #dde5e7;border-radius:4px;padding:13px 16px;margin:16px 0;font-size:12px;color:#58727d}.ad-summary p{margin:3px 0;font-size:11px}.ad-summary strong{color:#305564}.ad-summary-total{font-size:24px;font-weight:700;color:var(--blue);white-space:nowrap;line-height:1.2}.ad-summary-total small{display:block;font-size:9px;font-weight:400;text-align:right;color:#89989e;margin-top:4px}.ad-manage{border:1px solid var(--border);border-radius:5px;background:#fff;padding:20px 22px;margin:23px 0}.ad-manage h2{font-size:17px;margin-bottom:5px}.ad-manage>p{font-size:12px;color:var(--muted);margin-bottom:15px}.ad-manage form:not(.ad-edit-form){display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.ad-manage form:not(.ad-edit-form)>.field{flex:1;min-width:170px}.ad-manage .ad-data-grid{width:100%}.ad-manage form .btn{white-space:nowrap}.ad-code{font-family:monospace;font-size:16px;font-weight:700;letter-spacing:1.1px;display:inline-block;padding:7px 12px;background:#edf3f4;border:1px dashed #8eb0bd;border-radius:4px;color:#2a596c;user-select:all}.ad-success{padding:16px 18px;background:#edf7f0;border:1px solid #cbded1;border-radius:5px;margin:16px 0;color:#3f7157;font-size:12px}.ad-success h2,.ad-success h3{font-size:17px;margin-bottom:7px;color:#2e6346}.ad-success p{margin:6px 0}.ad-success .actions{margin-top:12px}.ad-field-error{font-size:12px;padding:10px 12px;border:1px solid #e6cccc;background:#fff1ee;color:#9a4640;border-radius:4px;margin:12px 0}.ad-field-error:empty{display:none}.ads-page fieldset{min-width:0}.ads-page legend{font-size:17px;font-weight:700;padding:0 6px}.ads-page details{font-size:12px;color:#597683;margin:12px 0}.ads-page summary{cursor:pointer;font-weight:700}.ads-page details .server-banner{margin-top:12px;max-width:720px}.ad-preview-creative{margin-top:12px;max-width:720px}.ad-terms-link{font-size:11px;text-decoration:underline}.ad-order-detail{margin-top:18px}.ad-order-detail .info-grid{font-size:12px}.ad-order-detail .info-item{padding:10px}.ad-order-detail .info-item strong{font-size:12px}.ad-order-detail .ad-data-grid{margin-top:17px}.ad-order-detail .actions{margin-top:16px}.ads-page .data-table{font-size:12px}.ads-page .data-table td,.ads-page .data-table th{padding:11px 12px}.ad-period{color:#72858c;font-size:10px;display:block;margin-top:3px}.ad-state-tag{display:inline-block;padding:3px 7px;border-radius:3px;background:#edf4ee;color:#467957;font-size:10px}.ad-state-tag.scheduled{background:#fff4df;color:#9c752e}.ad-state-tag.cancelled,.ad-state-tag.expired{background:#edf0f1;color:#8c969a}
/* Confirmação da reserva junto às datas e ao botão de envio. */
.ad-reservation{border:1px solid #d8bd7e;border-left:3px solid #bb8c36;background:#fff9e9;border-radius:4px;padding:12px 15px;margin:14px 0;color:#72541e;font-size:12px;scroll-margin-block:24px}
.ad-reservation[hidden]{display:none!important}
.ad-reservation>strong{display:block;font-size:12px}
.ad-reservation>p{margin:4px 0 8px;font-size:11px}
.ad-reservation .ad-checkbox{margin:0;color:#624b24;font-weight:600;cursor:pointer}
.ad-reservation .ad-checkbox small{color:#806e4c;font-weight:400}
.ad-reservation input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
/* Diagramas simples usados para visualizar a posição antes de escolher. */
.ad-wireframe{padding:16px;background:#f4f7f7;border:1px solid #d8e3e6;border-radius:5px;max-width:390px;margin:12px auto;font-size:11px;display:grid;gap:8px;color:#809096}.ad-wireframe-header{background:#dce6e9;border-radius:3px;padding:9px 12px;font-weight:700;color:#68828d;text-align:center}.ad-wireframe-banner{padding:15px;border:2px solid #d1a04c;border-radius:3px;background:#fff4d9;text-align:center;color:#8a682b;font-weight:700;min-height:50px;display:flex;align-items:center;justify-content:center}.ad-wireframe-row{border:1px solid #dce4e6;background:#fff;border-radius:3px;padding:8px 12px;min-height:30px;color:#8b9ba2}.ad-wireframe-list{display:grid;gap:6px}.ad-wireframe-side{display:grid;grid-template-columns:1fr 70px;gap:9px}.ad-wireframe-side .ad-wireframe-banner{min-height:190px;padding:8px;writing-mode:vertical-rl}.ad-wireframe-vote{max-width:270px;margin:auto;display:grid;gap:7px}.ad-wireframe-vote .ad-wireframe-banner{min-height:140px}.ad-wireframe .btn{pointer-events:none;min-height:25px;font-size:10px}
/* V5.9: every creative uses the advertised dimensions, scaled down only when needed. */
.ad-placement,.ad-slot{--ad-width:720px;--ad-ratio:720/100;width:min(100%,var(--ad-width));max-width:100%;min-width:0;container-type:inline-size}
.ad-placement{margin:14px 0}
.ad-placement>.ad-label{font-size:9px;letter-spacing:.8px;color:#819299;margin-bottom:5px}
.ad-placement a{display:block;position:relative;text-decoration:none}
.ad-placement a:hover{text-decoration:none}
.ad-placement .ad-image-wrap{width:100%;aspect-ratio:var(--ad-ratio);min-height:0;border-radius:4px;overflow:hidden;position:relative;background:#edf2f3;display:flex;justify-content:center;align-items:center}
.ad-placement .ad-creative-image{display:block;width:100%;height:100%;aspect-ratio:var(--ad-ratio);object-fit:contain;max-width:100%;max-height:none;border-radius:3px}
.ad-creative-image[hidden],.ad-fallback[hidden]{display:none!important}
.ad-fallback{padding:2%;background:#f0f3f4;border:1px dashed #b8c8cf;border-radius:4px;color:#728b96;font-size:12px;text-align:center;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere}
.ad-fallback strong{display:block;color:#3e6374;font-size:16px;margin-bottom:4px}
.ad-placement--top{margin:0 auto 20px}
.ad-slot{margin-left:auto;margin-right:auto}
.ranking-list>.ad-placement--inline{margin:3px 0 6px}
.ranking-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:22px;align-items:start}
.ranking-main-column{min-width:0}
.ranking-side-column{position:sticky;top:18px;min-width:0}
.ranking-side-column .ad-placement{margin:0 auto}
.ad-placement--side{--ad-width:120px;--ad-ratio:120/460}
.ad-placement--side .ad-label{font-size:8px;letter-spacing:.4px}
.ad-placement--side .ad-fallback{padding:12px 8px;font-size:10px}
.ad-placement--side .ad-fallback strong{font-size:15px}
.ad-placement--vote{--ad-width:320px;--ad-ratio:320/270;margin:18px auto 0}
.ranking-with-sidebar .server-row{grid-template-columns:42px minmax(0,1fr) 93px;gap:12px;padding-left:9px;padding-right:14px}
.ranking-with-sidebar .vote-box{padding-left:12px}
.ranking-with-sidebar .server-meta{font-size:10px;gap:5px 9px}
@media(max-width:900px){.ad-inventory th,.ad-inventory td{padding:10px 9px}.ad-inventory td:nth-child(2){min-width:150px}.ad-inventory td:nth-child(3){font-size:10px}.ad-inventory td:last-child{min-width:160px}.ad-inventory select{font-size:10px}.ad-duration{min-width:150px}.ad-inventory th:first-child,.ad-inventory td:first-child{padding-left:11px}.ad-availability small{max-width:145px}.ranking-with-sidebar{grid-template-columns:minmax(0,1fr) 120px;gap:14px}.ranking-with-sidebar .server-row{grid-template-columns:28px minmax(0,1fr) 82px;gap:8px}.ranking-with-sidebar .vote-box{padding-left:9px}}
@media(max-width:700px){.ads-page .page-title h1{font-size:24px}.ads-intro{display:block}.ad-inventory-wrap{border:0;background:transparent;overflow:visible}.ad-inventory{display:block}.ad-inventory thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ad-inventory tbody{display:grid;gap:8px}.ad-inventory tr{display:grid;grid-template-columns:28px 1fr 150px;gap:2px 6px;border:1px solid #d3dfe2;border-radius:4px;background:white;padding:11px 12px}.ad-inventory td{border:0;padding:0;min-width:0!important}.ad-inventory td:first-child{width:auto;grid-column:1;grid-row:1/4;padding:3px 0 0;text-align:left}.ad-inventory td:nth-child(2){grid-column:2;grid-row:1}.ad-inventory td:nth-child(3){grid-column:2;grid-row:2;white-space:normal;font-size:10px;padding-top:4px}.ad-inventory td:nth-child(4){grid-column:2;grid-row:3;padding-top:4px}.ad-inventory td:last-child{grid-column:3;grid-row:1/4;align-self:center}.ad-inventory .ad-duration{min-width:0;width:100%}.ad-inventory select{padding:7px 5px;font-size:10px;min-height:32px}.ad-position strong,.ad-position label{font-size:12px}.ad-location-link{font-size:9px}.ad-availability{font-size:10px}.ad-availability small{max-width:none;font-size:9px}.ad-data-grid{gap:12px;grid-template-columns:1fr}.ad-data-grid .full{grid-column:auto}.ad-form-section,.ad-manage{padding:17px 16px}.ad-summary{gap:10px;padding:12px}.ad-summary-total{font-size:22px}.ad-manage form:not(.ad-edit-form){display:grid;grid-template-columns:1fr}.ad-manage form:not(.ad-edit-form)>.field{min-width:0}.ad-manage form .btn{justify-self:start}.ad-code{font-size:14px}.ranking-with-sidebar{display:flex;flex-direction:column;gap:15px}.ranking-main-column,.ranking-side-column{width:100%}.ranking-side-column{position:static}.ranking-with-sidebar .server-row{grid-template-columns:28px minmax(0,1fr);gap:0 9px;padding:12px 12px 12px 6px}.ranking-with-sidebar .vote-box{padding:9px 0 0}}
@media(max-width:400px){.ad-inventory tr{grid-template-columns:23px 1fr 128px;padding:10px 8px;gap:3px}.ad-inventory select{font-size:9px}.ad-position strong,.ad-position label{font-size:11px}.ad-summary{display:block}.ad-summary-total{margin-top:8px}.ad-summary-total small{text-align:left}}
.ad-login-notice{margin:0 0 18px}.ad-login-notice p{margin:4px 0 8px}.ad-login-notice .text-button{font-size:12px;font-weight:700;text-decoration:underline}.ad-account-note{font-size:12px;color:var(--muted);margin:0 0 16px}.ad-account-note .btn{margin:0 3px}.ad-account-actions{margin-bottom:20px}.ad-data-grid select{font-size:12px;min-height:35px;padding:7px 10px}

/* V6.1: the new margins leave the original 1100px ranking area intact. */
.ranking-frame{position:relative;min-width:0}
.ranking-center{min-width:0}
.ranking-outer-ads{display:flex;justify-content:center;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-top:22px}
.ranking-rail{width:120px;max-width:100%;min-width:0}
.ranking-rail .ad-placement{margin:0;width:100%}
.ad-wireframe-laterals{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:minmax(0,1fr);height:230px;min-height:0;max-height:230px;gap:7px;align-items:stretch}
.ad-wireframe-laterals>div,.ad-wireframe-laterals .ad-wireframe-side>div{min-height:0;min-width:0}
.ad-wireframe-laterals>.ad-wireframe-side{grid-template-columns:minmax(0,1fr) 42px;grid-template-rows:minmax(0,1fr);gap:6px;min-width:0;min-height:0}
.ad-wireframe-laterals .ad-wireframe-list{grid-template-rows:repeat(4,minmax(0,1fr));min-height:0}
.ad-wireframe-laterals .ad-wireframe-row{min-height:0;padding:8px 6px;overflow-wrap:anywhere;display:flex;align-items:center}
.ad-wireframe-laterals .ad-wireframe-banner,.ad-wireframe-laterals .ad-wireframe-reference{height:100%;min-height:0;max-height:100%;padding:7px;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1.4}
.ad-wireframe-reference{border:1px dashed #c5d1d5;border-radius:3px;background:#eaf0f1;color:#7a8b92;text-align:center}
@media(min-width:1400px){
  /* Keep the full height of the side banners in the page flow. */
  .ranking-frame{display:grid;grid-template-columns:120px minmax(0,1fr) 120px;column-gap:20px;margin-inline:-140px}
  .ranking-center{grid-column:2;grid-row:1}
  .ranking-outer-ads{display:contents}
  .ranking-rail{position:static;grid-row:1;width:120px;align-self:stretch}
  .ranking-rail--left{grid-column:1}
  .ranking-rail--right{grid-column:3}
  .ranking-rail .ad-placement{position:sticky;top:18px}
}