/* todocounter.com: the only stylesheet (built pages). Source: .src/site.css, copied to /site.css */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#001A27;color:#d4d4d4;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a:link,a:visited{color:#fff;text-decoration:none}
a:hover,a:focus{color:#35BDFF}
img{max-width:100%;height:auto}

/* header */
.hdr{max-width:1280px;margin:0 auto;padding:8px 12px 0;text-align:center}
.hdr .langbar{font-size:14px;margin:0 0 6px;text-align:right}
.hdr .langbar a{padding:2px 3px}
.hdr .langbar b a{color:#35BDFF}
.hdr .logo{display:block}
.hdr .logo img{display:block;margin:0 auto}
.hdr .promo{margin:8px auto 0;max-width:760px;background:#8888FF;border:1px solid #000080;color:#000080;padding:4px 8px;font-size:13px}
.hdr .promo a:link,.hdr .promo a:visited{color:#000080}

/* grid: menu | content | rail */
.page{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:1280px;margin:12px auto 0;padding:0 12px}
.menu{font-size:14px}
.menu summary{cursor:pointer;padding:8px 10px;border:1px solid #35BDFF;color:#35BDFF;font-weight:bold}
.menu .sec{margin:0 0 14px}
.menu .sec .mh{color:#35BDFF;font-weight:bold;border-bottom:1px solid #35BDFF;padding-bottom:2px;margin-bottom:4px}
.menu .sec .mh a:link,.menu .sec .mh a:visited{color:#35BDFF}
.menu .sec a{display:inline-block;padding:1px 0}
.menu .sec div.i{margin:0}
.content{min-width:0;max-width:760px;overflow-wrap:break-word}
.crumb{font-size:13px;color:#35BDFF;margin:0 0 4px}
.crumb a:link,.crumb a:visited{color:#35BDFF;text-decoration:underline}
.rail{display:none}

@media (min-width:800px){
  .page{grid-template-columns:170px minmax(0,760px);justify-content:center}
  .menu summary{display:none}
  .menu details::details-content{content-visibility:visible;display:block}
}
@media (min-width:1200px){
  .page{grid-template-columns:170px minmax(0,760px) 300px}
  .rail{display:block}
  body.wide .page{grid-template-columns:170px minmax(0,1fr)}
  body.wide .content{max-width:none}
  body.wide .rail{display:none}
}

/* content */
.content h1{font-size:1.5rem;line-height:1.25;color:#35BDFF;margin:4px 0 12px;font-weight:bold}
.content h2{font-size:1.2rem;color:#35BDFF;margin:1.4em 0 .4em}
.content h3{font-size:1.05rem;color:#4aa8ff;margin:1.2em 0 .3em}
.content p{margin:.7em 0}
.content a:link,.content a:visited{color:#35BDFF;text-decoration:underline}
.content a:hover{color:#fff}
.content ul,.content ol{margin:.5em 0 .8em;padding-left:1.4em}
.content li{margin:.2em 0}
.content hr{border:0;border-top:1px solid #35BDFF;margin:1em 0}
.content table{border-collapse:collapse;max-width:100%}
.content table.t{width:100%;margin:.6em 0}
.content table.t th{background:#C4E1FF;color:#370000;text-align:left;padding:4px 6px;border:1px solid #35BDFF}
.content table.t td{padding:4px 6px;border:1px solid #1d5f80;vertical-align:top}
.content code,.content .k{font-family:Consolas,Menlo,monospace;color:#9fe39f}
.content .box{border:1px solid #35BDFF;background:#00131C;padding:8px 12px;margin:10px 0}
.content a.dl:link,.content a.dl:visited{color:#fff;text-decoration:none}
.content .dl{display:inline-block;background:#0b4f73;border:1px solid #35BDFF;padding:6px 14px;font-weight:bold}
.content pre{overflow-x:auto;background:#00131C;border:1px solid #1d5f80;padding:8px}

/* homepage (P2-6): lead, six tiles, news, "today" facts */
.content .hot{margin:0 0 10px;padding:6px 10px;background:#8888FF;border:1px solid #000080;color:#000080;font-size:.9rem}
.content .hot a:link,.content .hot a:visited{color:#000080}
.content .lead{font-size:1.05rem;margin:.4em 0 .8em}
.content ul.tiles{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.content .tiles li{margin:0}
.content .tiles a:link,.content .tiles a:visited{display:block;height:100%;border:1px solid #1d5f80;background:#00131C;padding:10px 12px;text-decoration:none;color:#d4d4d4}
.content .tiles a:hover,.content .tiles a:focus{border-color:#35BDFF;background:#002a3f}
.content .tiles .tt{display:block;font-weight:bold;color:#35BDFF;margin-bottom:2px}
.content .tiles .td{display:block;font-size:.88rem;line-height:1.35}
.content .more{font-size:.9rem}
.content .facts{list-style:none;padding:0;margin:.4em 0}
.content .facts li{margin:.5em 0;padding-left:.8em;border-left:3px solid #35BDFF}
.content .facts time{font-weight:bold;color:#fff}
@media (min-width:600px){.content ul.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* news (markup written by hand in the news files, inserted at [[NEWS]]) */
.n{margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #1d5f80}
.n:last-child{border-bottom:0}
.nHead{margin:0 0 4px}
.content .nTit{display:block;font-size:1.05rem;line-height:1.3;font-weight:bold;color:#fff;margin:0}
.nFecha{display:block;font-size:.8rem;color:#7fc6ea;font-weight:bold;margin-top:2px}
.nTexto{margin:4px 0;font-size:.93rem}
.greenMsg{border:1px solid #000080;background:#8888FF;color:#000080;padding:1px;text-align:center;margin:2px;font-size:.75em}

/* ads: each container reserves its height so the page does not jump */
.ad{display:block;margin:16px 0;text-align:center;overflow:hidden;min-height:280px;clear:both}
.ad ins{display:block}
.ad-rail{position:sticky;top:12px;margin:0;min-height:600px}
.rail .ad-rail{overflow:visible}
.pub{font-size:10px;color:#7a8a92;text-align:center;margin:4px 0 1px}

/* download page panel */
#dlpanel{border:1px solid #35BDFF;background:#00131C;padding:8px 10px;margin:6px 4px;text-align:center;font-size:14px}
#dlpanel .dlnombre{font-size:16px;color:#35BDFF}
#dlbar{height:6px;background:#12313f;margin:8px auto 2px;max-width:520px}
#barra{height:6px;width:0;background:#35BDFF}

/* footer */
.ftr{max-width:1280px;margin:20px auto 0;padding:0 12px 24px;text-align:center;font-size:12px;color:#7fa6b8;border-top:1px solid #35BDFF}
.ftr p{margin:8px 0}
.ftr a:link,.ftr a:visited{color:#7fa6b8;text-decoration:underline}
.ftr .tag{font-size:14px}