@font-face {
font-family: 'formulatv';
src: url('fonts/formulatv.woff2') format('woff2'), url('fonts/formulatv.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display:block;
}

@font-face {
font-family: 'Cooper';
src: url('fonts/CooperBT-Light.woff2') format('woff2'), url('fonts/CooperBT-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display:fallback;
}

@font-face {
font-family: 'Cooper';
src: url('fonts/CooperBT-Bold.woff2') format('woff2'), url('fonts/CooperBT-Bold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display:fallback;

}

@font-face {
font-family: 'Goldplay';
src: url('fonts/Goldplay-SemiBold.woff2') format('woff2'), url('fonts/Goldplay-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display:fallback;
}

@font-face {
font-family: 'Goldplay Alt';
src: url('fonts/GoldplayAlt-Medium.woff2') format('woff2'), url('fonts/GoldplayAlt-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display:fallback;
}

@font-face {
font-family: 'Goldplay Alt';
src: url('fonts/GoldplayAlt-SemiBold.woff2') format('woff2'), url('fonts/GoldplayAlt-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display:fallback;
}

@font-face {
font-family: 'HelNT';
src: url('fonts/HelveticaNowText-Light.woff2') format('woff2'), url('fonts/HelveticaNowText-Light.woff') format('woff');
font-style: normal;
font-weight:300;
line-height: 1;
font-display:fallback;
}

@font-face {
font-family: 'HelNT';
src: url('fonts/HelveticaNowText-Regular.woff2') format('woff2'), url('fonts/HelveticaNowText-Regular.woff') format('woff');
font-style: normal;
text-transform: none;
line-height: 1;
font-display:fallback;
}

@font-face {
font-family: 'HelNT';
src: url('fonts/HelveticaNowText-Bold.woff2') format('woff2'), url('fonts/HelveticaNowText-Bold.woff') format('woff');
font-style: normal;
font-weight: 600;
text-transform: none;
line-height: 1;
font-display:fallback;
}

@font-face {
font-family: 'HelND';
src: url('fonts/HelveticaNowDisplay-XBd.woff2') format('woff2'), url('fonts/HelveticaNowDisplay-XBd.woff') format('woff');
font-style: normal;
font-weight: 700;
text-transform: none;
line-height: 1;
font-display:fallback;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, button { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-synthesis:none; -moz-font-feature-settings: 'kern'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased !important; box-sizing:border-box; }

:root {
--gradiente:linear-gradient(90deg, rgba(0,206,222,1) 0%, rgba(0,148,255,1) 50%, rgba(69,0,223,1) 100%);
--font-hdline:'Cooper', Verdana, serif;
--font-std:'HelNT', Helvetica, Arial, sans-serif;
--font-tdi:'HelND', Helvetica, Arial, sans-serif;
--c-a-l:rgb(0,206,222);
}

button { cursor:pointer; background:none; }
a { text-decoration:none; transition:.25s; outline:none; }
body { line-height: 1; background: var(--c-a-l); background:var(--gradiente); font-family:var(--font-std); position:relative; padding-top:44px; position:relative; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:before { font-family:'formulatv' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input:focus { outline:0; }

main { background:rgba(255,255,255,.92); padding-bottom:25px; }
main.withtop { padding-top:25px; }

header { width:100%; height:44px; position:fixed; top:0; background: var(--c-a-l); background:var(--gradiente); z-index:999999; }
header .cnt { max-width:1345px; margin:0 auto; position:relative; text-align:center; }
header .cnt .btnmenu { cursor:pointer; display:block; position:absolute; top:10px; left:5px; width:35px; height:24px; transform:rotate(0deg); transition:.3s ease-in-out; }
header .cnt .btnmenu span { cursor:pointer; display:block; height:4px; width:100%; border-radius:2px; position:absolute; left:0; transform:rotate(0deg); transition:.3s ease-in-out; background:#FFF; }
header .cnt .btnmenu span:nth-child(1) { top:0; }
header .cnt .btnmenu span:nth-child(2) { top:10px; width:90%; }
header .cnt .btnmenu span:nth-child(3) { bottom:0; }
header .cnt .btnmenu.active span:nth-child(1) { top: 9px; transform: rotate(135deg); }
header .cnt .btnmenu.active span:nth-child(2) { opacity: 0; left: -60px; }
header .cnt .btnmenu.active span:nth-child(3) { top: 9px; transform: rotate(-135deg); }
header .cnt .logoe { display:inline-block; width:227px; height:36px; background:url('../images/l-formulatv.svg'); background-size:contain; margin:4px 0 0 0; transition:.17s ease-in-out;}
header .cnt .logoe:hover { cursor:pointer; }
header.son .cnt .logoe { display:none;}
header .cnt .logoe span { display:none;}
header .cnt .flr { width:238px; display:block; position:absolute; top:2px; right:5px; transition:.1s ease-in-out; }
header.son .cnt .flr { width:auto; display:block; position:absolute; top:2px; right:5px; left:48px; transition:.17s ease-in-out; }
header .cnt .flr .usr { position:absolute; top:5px; right:0; }
header .cnt .flr .usr a.cn { display:inline-block; width:32px; height:32px; border:2px solid #EEE; border-radius:25px; padding:3px; }
header .cnt .flr .usr a.cn img { width:100%; border-radius:40px; }
header .cnt .flr .usr a.cn.cn span { display:none; }
header .cnt .flr .usr a.cn.cn:before { content:'\e902'; font-family:'formulatv'; color:#fff; font-size:20px; }
header .cnt .flr .usr a.cn.avatar:before { display:none; }
header .cnt .flr form { border:1px solid #FFF; border-radius:3px; position:relative; margin:7px 38px 0 0; height:29px; max-width:100%; box-sizing:border-box; transition:3s ease-in-out; }
header .cnt .flr form .bar { background:none; border:0; font-size:15px; color:#FFF; padding:3px; position:absolute; top:1px; left:1px; width:99%;
box-sizing:border-box; outline:none; }
header .cnt .flr form .bar::-webkit-input-placeholder { color:#EEE; }
header .cnt .flr form .submit { background:none; border:0; font-size:15px; color:#FFF; font-family:'formulatv'; position:absolute; top:3px; right:0; font-size:18px; }

nav { width:100%; height:36px; position:fixed; top:40px; background: var(--c-a-l); background:var(--gradiente); z-index:99999; }
nav ul { max-width:1345px; margin:0 auto; position:relative; text-align:center; padding:7px 0; }
nav ul li { display:inline-flex; text-transform:uppercase; font-family:'HelND'; font-weight:700; font-size:17px; }
nav ul li a { color:#FFF; display:inline-flex; padding:4px 6px; text-shadow:0 0 2px rgba(0,0,0,.5); transition:.17s; }
nav ul li a:hover { text-shadow:0 0 4px rgba(0,0,0,.7); }
nav ul li a.active { background:#222; padding:4px 6px 8px 6px; border-top-left-radius:4px; border-top-right-radius:4px; }

#dpdmenu { width:100%; position:fixed; top:44px; background:#000; display:none; z-index:999999; }
#dpdmenu .cnt { max-width:1345px; margin:0 auto; padding:15px 5px; }
#dphmenu { width:100%; position:fixed; top:44px; background:#222; display:block; display:none; z-index:9999999; box-shadow:0 2px 3px #333; }
#dphmenu .cnt { max-width:1345px; margin:0 auto; padding:15px 5px; }

#uhn { background: linear-gradient(90deg, rgba(255,162,0,1) 0%, rgba(255,16,0,1) 50%, rgba(218,0,255,1) 100%); padding:9px 5px; }
#uhn #uhnc { max-width:1300px; margin:0 auto; background:rgba(0,0,0,.7); padding:10px; border-radius:5px; font-family:'HelND'; color:#FFF; }
#uhn #uhnc a { color:#FFF; }
#uhn #uhnc a b { display:inline-block; text-transform:uppercase; background:linear-gradient(90deg, rgba(255,136,0,1) 0%, rgba(255,16,0,1) 100%); padding:4px 6px; border-radius:4px; margin-right:4px; }

footer { background:#000; line-height:0; padding:0 0 25px 0; }
footer .cnt { max-width:1345px; margin:0 auto; line-height:1; padding:40px 10px; }
footer .cnt .copy ul { width:100%; border-top:1px solid #666; margin:20px 0 14px 0; padding:20px 0 0 0; clear:both; }
footer .cnt .copy ul li { display:inline-flex; font-size:14px; margin:0 0 8px 0; }
footer .cnt .copy ul li a, .change-consent { color:#FFF; margin-right:10px; cursor:pointer; }
footer .cnt .copy ul li a:hover, .change-consent:hover { text-decoration:underline; }
footer .cnt .cinfo { overflow:hidden; }
footer .cnt .logoe { display:block; width:158px; height:25px; background:url('../images/formulatvl.png'); background-size:158px 25px; float:left; }
footer .cnt .logoe span { display:none;}
footer .cnt .social { float:left; margin:0 0 0 16px; color:#FFF; font-family:'HelND'; }
footer .cnt .social b:after { font-family:'formulatv'; content:'\e913'; color:#00cfe3; }
footer .cnt .social a:before { display:inline-block; background:#fff; color:#000; padding:8px; border-radius:20px; margin:0 4px 0 0; transition:.15s; }
footer .cnt .social a.fb:hover:before { background:#314ea9; color:#FFF; }
footer .cnt .social a.ig:hover:before { background:#DB2282; color:#FFF; }
footer .cnt .social a.tw:hover:before { background:#00a8ff; color:#FFF; }
footer .cnt .social a.yt:hover:before { background:#EC3500; color:#FFF; }
footer .cnt .social a.tg:hover:before { background:#2CA5E0; color:#FFF; }
footer .cnt .social a.in:hover:before { background:#0078ba; color:#FFF; }
footer .cnt .social a.ch:hover:before { background:#9f37ff; color:#FFF; }
footer .cnt .social a.tt:hover:before { background:linear-gradient(90deg, rgba(0,242,234,1) 20%, rgba(255,0,80,1) 80%); color:#FFF; }
footer .cnt .social span { display:none; }
footer .cnt .claim { font-size:14px; color:#FFF; }
footer .cnt .claim a { color:#ff8f00;}
footer .noxvosites { margin:34px 0 0 0; font-family:'HelNT'; color:#999; font-weight:600; font-size:14px; }
footer .noxvosites ul { margin:0 0 3px 0; }
footer .noxvosites ul li { display:inline-block; }
footer .noxvosites ul li b:after { font-family:'formulatv'; content:'\e913'; color:#999; }
footer .noxvosites ul li a { color:#DDD; display:inline-block; padding:5px 4px 5px 2px; transition:.2s; }
footer .noxvosites ul li a:hover { color:#FFF; }
.fcntform { margin:0 0 15px 0; }
.fcntform .bar { width:100%; border-radius:2px; border:none; padding:7px 9px; font-size:13px; font-weight:600; box-sizing:border-box; }
.fcntform form .bar::-webkit-input-placeholder { color:#444; }
.fcntform form .bar::placeholder { color:#444; }
.fcntform form .bar::-moz-placeholder { color:#444; opacity:1; }
.ftmap { margin:0 5px 35px 5px; overflow:hidden; }
.ftmap .col { width:20%; float:left; }
.ftmap .col div { margin:0 0 12px 0; }
.ftmap .col div ul { margin:2px 0 0 0; }
.ftmap .col div ul li { margin:0 0 5px 0; }
.ftmap .col div a { color:#FFF; }
.ftmap .col div a:hover { text-decoration:underline; }
.ftmap .col div button { color:#FFF; padding:2px 0; font-family:'HelND'; font-size:19px; margin:0 0 2px 0; }
.ftmap .col div button:hover { text-decoration:underline; }

#suggestions { position:fixed; top:44px; left:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.75); z-index:999999999; padding:0 12px; }
#suggestions .cnt { max-width:900px; margin:0 auto; background:#000; box-sizing:border-box; margin-top:40px; border-radius:6px; padding:15px; box-shadow:0px 0px 5px #AAA; }
#suggestions .cnt p { color: #fff; }
#suggestions .cnt a { display:block; border-bottom:1px solid #555; padding:0 0 8px 0; margin:0 0 8px 0; font-family:'HelND'; overflow:hidden; font-size:18px; }
#suggestions .cnt a .tit { padding:4px 0 0 0; }
#suggestions .cnt a img { border-radius:4px; float:left; margin:0 7px 0 0; width:60px; }
#suggestions .cnt a.moreresults { color:#fff; text-align:center; display:block; font-size:15px; }

.breadc { max-width:1250px; margin:0 auto; position:relative; padding:3px 12px 4px 12px; font-family:'HelNT', Helvetica, sans-serif; font-weight:600; font-size:15px; min-height:27px; }
.breadc button:hover, .breadc a:hover{ color:#e84d00; }
.breadc .wa:after { font-family:'formulatv'; content:'\e913'; color:#006dff; margin-left:3px; }
.breadc .link { color:black; text-align:left; padding:6px 0; }

.pagewrap { max-width:1250px; margin:0 auto; position:relative; background:#FFF; border-radius:6px; padding:25px; }
.wrapper { width:100%; }
.wrapper .wext {  }
.wrapper .wtoflex { display:flex; align-items:flex-start; width:100%; position:relative; gap:20px; }
.wtoflex .wcenter { flex-basis:calc(100% - 320px); min-width:0; }
.wtoflex .wright { flex:0 0 300px; min-width:0; }
.wright.stk { position:sticky; position:-webkit-sticky; top:96px; }

.c404 { text-align:center; padding:120px 0; }
.c404 img { max-width:100%; }
.c404 h1 { font-family:var(--font-hdline); font-weight:600; color:#FFF; font-size:30px; margin:25px 0 25px 0; text-shadow:0 0 2px #000; }
.c404 .entra { font-size:16px; color:#FFF; }
.c404 .entra a { color:#FFF; text-decoration:underline; }

.btnsoc { margin-top:10px; }
.btnsoc li { display:inline-block; }
.btnsoc li span { display:none; }
.btnsoc li a:before { font-size:24px; display:inline-block; width:42px; text-align:center; padding:8px 0; height:40px; box-sizing:border-box; }
.fb:before { content:'\ea90'; background:#314ea9; color:#FFF; }
.tw:before { content:'\ea96'; background:#00a8ff; color:#FFF; }
.ig:before { content:'\f16d'; background:#DB2282; color:#FFF; }
.wp:before { content:'\ea93'; background:#00d857; color:#FFF; }
.yt:before { content:'\f16a'; background:#EC3500; color:#FFF; }
.tg:before { content:'\ea95'; background:#2CA5E0; color:#FFF; }
.go:before { content:'\f1a0'; background:#ff2b25; color:#FFF; }
.in:before { content:'\eaca'; background:#0078ba; color:#FFF; }
.tt:before { content:'\e935'; background:#0078ba; color:#FFF; }
.ch:before { content:'\ea9f'; background:#9f37ff; color:#FFF; }
.cm:before { content:'\e97c'; background:#ababaa; color:#FFF; }
.btnsoc li a.cm { display:inline-block; background:linear-gradient(90deg, rgba(255,168,87,1) 0%, rgba(255,57,0,1) 95%); font-family:'HelND'; color:#FFF; font-size:19px; padding-right:8px; }
.btnsoc li a.cm:hover { cursor:pointer;	}
.btnsoc li a.cm:before { background:none; }

.tcmtb { text-align:center; margin:15px; }
.tcmtb span { display:inline-block; border:1px solid #01acf0; border-radius:6px; padding:10px 16px; background:linear-gradient(90deg, rgba(0,206,222,.14) 0%, rgba(0,148,255,.14) 50%, rgba(69,0,223,.14) 100%); font-weight:bold; color:#1620b5; }

.pub-top, .pub-mid, .pub-btf { text-align:center; margin-bottom:20px !important; }
.pub-btn { background:#000; }
.pub-mid, .pub-btf { width:300px; margin:0 auto; }
.pub-text { margin:10px auto !important; width:300px; max-height:650px; min-height:500px; text-align:center; background-color:#f7f7f7; overflow:hidden;}

.pub-box-lat { min-height:600px; margin-bottom:20px; text-align:center; }
.pub-box-lat:nth-of-type(1), .pub-box-lat:nth-of-type(2) { height:750px; }
.pub-box-lat .pub-lat { position:sticky; top:52px; }
.hasbar .pub-box-lat .pub-lat { top:122px; }
.pub-box-text { max-height:650px; background:#F7F7F7; border-radius:12px; text-align:center; margin-bottom:20px; overflow:hidden;}
.pub-box-text .pub-text { position:sticky; top:50px; }
.pub-box-intext { min-height:348px; background:#F7F7F7; border-radius:12px; text-align:center; margin-bottom:20px; }

#popoverlay { position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:9999999999999999; display:none; }
.popupmsg { width:min(520px,95%); background:#FFF; box-shadow:0 0 8px rgba(0,0,0,.8); box-sizing:border-box; margin-inline:auto; border-radius:18px; padding:30px; margin-top:18vh; position:relative; text-align:center; }
.popupmsg .close { position:absolute; top:6px; right:6px; opacity:.7; transition:.25s ease-in-out; }
.popupmsg .close:hover { opacity:1; cursor:pointer; }
.popupmsg h2 { font-family:var(--font-tdi); font-weight:bold; font-size:16px; }
.popupmsg .content { margin-top:30px; }
.popupmsg .content h3 { font-family:var(--font-tdi); font-weight:bold; font-size:20px; }
.popupmsg .content form { width:60%; margin-inline:auto; margin-top:20px; }
.popupmsg .content .fitem { margin:0 0 17px 0; }
.popupmsg .content .fitem label { display:block; text-align:left; margin:0 0 3px 2px; font-size:15px; }
.popupmsg .content .fitem input[type="text"], .popupmsg .content .fitem input[type="password"] { width:100%; box-sizing:border-box; border:1px solid #888; border-radius:6px; font-size:16px; padding:6px 8px; }
.popupmsg .content .fitem input[type="text"]:focus, .popupmsg .content .fitem input[type="password"]:focus { border-color:#111; }
.popupmsg .content ul { display:flex; gap:14px; justify-content:center; font-family:var(--font-tdi); font-weight:bold; font-size:17px; }
.popupmsg .content ul li a { color:#222; text-decoration:underline; text-decoration-color:#CCC; }
.popupmsg .content ul li a:hover { color:#000; text-decoration-color:#01acf0; }

.forumtwrap { background:var(--gradiente); border-radius:8px; margin-bottom:20px; padding:14px; }
.forumtwrap .for-tit { font-family:var(--font-tdi); font-weight:bold; color:#FFF; font-size:30px; text-transform:uppercase; text-shadow:0 0 1px rgba(0,0,0,.5); }
.forumtwrap ul { display:flex; gap:12px; margin-bottom:6px; margin-left:1px; overflow-x:scroll; -webkit-overflow-scrolling: touch; scrollbar-width:0; }
.forumtwrap ul::-webkit-scrollbar { height:0;  }
.forumtwrap ul li button { text-transform:uppercase; font-family:var(--font-tdi); font-weight:bold; font-size:14px; color:rgba(255,255,255,.9); }
.forumtwrap ul li button:hover { color:#FFF; text-decoration:underline; }
.forumtwrap .i-for { margin:3rpx 0 0 0; font-size:19px; color:#FFF; text-shadow: 0 0 1px rgba(0,0,0,.5);}
.forumtwrap .i-for a { color:#FFF; }

.flist-grid { display:grid; grid-template-columns:67fr 15fr 5fr 13fr; align-items:stretch; background:#EEE; border-radius:8px; line-height:1em; overflow:hidden; letter-spacing:-.01em; overflow-x:scroll; -webkit-overflow-scrolling: touch; scrollbar-width: thin; margin:20px 0; }
.flist-grid::-webkit-scrollbar { height:12px; background:#DDD; border-radius:10px; }
.flist-grid::-webkit-scrollbar-thumb { background:linear-gradient(90deg, #00b0f6 0%, rgba(69,0,223,1) 100%); border-radius:6px; }
.flist-grid .dest { background:#333 !important; color:#FFF; font-family:var(--font-tdi); font-weight:bold; font-size:17px; padding:10px 5px; }
.flist-grid .tema { padding:10px 5px 10px 10px; min-width:250px; font-size:16px; position:relative; }
.flist-grid .tema:before { content:''; width:20px; height:20px; position:absolute; top:10px; display:block; }
.flist-grid .tema.std:before { background:url('../icn/if-post.svg'); background-size:contain; }
.flist-grid .tema.hot:before { background:url('../icn/if-posthot.svg'); background-size:contain; }
.flist-grid .tema.closed:before { background:url('../icn/if-postclosed.svg'); background-size:contain; }
.flist-grid .tema.fixed:before { background:url('../icn/if-fixed.svg'); background-size:contain; }
.flist-grid .tema.std.uno:before { background:url('../icn/if-postuno.svg'); background-size:contain; }
.flist-grid .tema a { color:#000; font-weight:bold; padding-left:27px; display:block; line-height:1.1em; }
.flist-grid .tema a:hover { text-decoration:underline; text-decoration-color: #ff6600; }
.flist-grid .autor { padding:10px 5px; }
.flist-grid .autor .aut-nick { display:block; color:#0964ad; font-size:15px; max-width:135px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.flist-grid .autor .aut-nick:hover { text-decoration:underline; cursor:pointer; }
.flist-grid .mensajes { padding:10px 5px; text-align:center; }
.flist-grid .ultimo { padding:10px 10px 10px 5px; }
.flist-grid .ultimo .ult-nick { display:block; color:#0964ad; font-size:14px; margin-bottom:1px; max-width:135px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.flist-grid .ultimo .ult-nick:hover { text-decoration:underline; cursor:pointer; }
.flist-grid .ultimo .ult-date { display:block; color:#999; font-size:12.5px; }
.flist-grid>div:nth-child(8n+1), .flist-grid>div:nth-child(8n+2), .flist-grid>div:nth-child(8n+3), .flist-grid>div:nth-child(8n+4) { background:#FAFBFC; }

.flist-grid .art-pagination-foros-compl { padding-left:28px; margin-top:4px; font-size:12px; }
.flist-grid .art-pagination-foros-compl button { background:#DDD; padding:0 3px; border-radius:3px; margin-top:1px; }
.flist-grid .art-pagination-foros-compl button:hover { background:#444; color:#FFF; }

.foro-bar { display:flex; gap:15px; align-items:center; }
.foro-bar .foro-btns { flex-grow:1; }
.foro-bar button { min-width:250px; text-align:center; font-family:var(--font-tdi); font-weight:bold; font-size:17px; background: linear-gradient(90deg, rgba(255,87,0,1) 0%, rgba(253,198,81,1) 100%); border-radius:8px; padding:3px; transition:padding .25s ease-in-out; }
.foro-bar button span { display:flex; background:rgba(255,255,255,.95); border-radius:6px; padding:10px 0; gap:8px; align-items:center; justify-content:center; transition:.25s ease-in-out; }
.foro-bar .btn-new span:before { content:''; align-items:center; width:30px; height:30px; background:url('../icn/if-addpost.svg'); background-size:contain; }
.foro-bar .btn-closed span:before { content:''; align-items:center; width:30px; height:30px; background:url('../icn/if-closed.svg'); background-size:contain; }
.foro-bar .btn-answer span:before { content:''; align-items:center; width:30px; height:30px; background:url('../icn/if-reply.svg'); background-size:contain; }
.foro-bar button:hover { padding:6px; }
.foro-bar button:hover span { padding:7px 0; background:#FFF; }
.foro-bar .right { display:flex; flex-direction:column; gap:8px; align-items:flex-end; }
.foro-bar .right .rtop { font-family:var(--font-tdi); font-size:15px; }
.foro-bar .right .rtop .actpag { color:#999; }
.foro-bar .right .rtop .actpag b { color:#777; }
.foro-bar .right .rtop .temas { color:#0964ad; }

.subforos { margin:0 0 24px 0; border-radius:8px; overflow:hidden; background:#fafbfc; border:1px solid #333; }
.subforos .titcell { background:#333; color:#FFF; font-family:var(--font-tdi); font-size:17px; font-weight:bold; padding:10px; }
.subforos .line:not(:last-child) { border-bottom:1px solid #333; }
.subforos .line { padding:12px 10px; }
.subforos .line .tit a { font-family:var(--font-tdi); font-size:19px; font-weight:bold; color:#000; display:block; margin:0 0 2px 0; }
.subforos .line .tit a:hover { text-decoration:underline; text-decoration-color: #ff6600; }
.subforos .line .desc { font-size:15px; color:#666; }

.paginationforo .paginacion { display:flex; gap:6px; font-size:16px; align-items:center; }
.paginationforo .paginacion a { border:1px solid #DDD; border-radius:4px; padding:0 3px; color:#000; }
.paginationforo .paginacion a:hover { border-color:#999; background:#EEE; }
.paginationforo .num { display:flex; gap:2px; align-items:center; }
.paginationforo .num a { padding:3px 6px; }
.paginationforo .num b { padding:3px 6px; font-weight:bold; color:#00a4f6; }

.paginationforo .pgint { display:flex; gap:3px; font-size:17px; align-items:center; }
.paginationforo .pgint a { border:1px solid #DDD; border-radius:4px; padding:4px 6px; color:#000; }
.paginationforo .pgint a:hover { border-color:#999; background:#EEE; }
.paginationforo .pgint b { padding:4px 6px; font-weight:bold; color:#00a4f6; }

.i-for { font-family:var(--font-tdi); margin:0 0 17px 0; text-transform:uppercase; color:#000; }
.i-for a { color:#000; }

.threadtit { font-family:var(--font-hdline); text-align:center; font-weight:bold; font-size:28px; margin:0 0 25px 0; }

.forumwrap { border:1px solid #333; border-radius:8px; margin:25px 0; background:#fafbfc; overflow:hidden; }
.forumwrap .fmsj:nth-child(odd) { background:#eee; }
.forumwrap .fmsj.dest { background:#e1e7eb; }
.forumwrap .fmsj { display:flex; padding:15px; gap:15px; align-items:flex-start; }
.forumwrap .fmsj .fmsj-info { flex:0 0 200px; border:1px solid #CCC; border-radius:6px; padding:10px; text-align:center; }
.forumwrap .fmsj .fmsj-info .num { text-align:left; display:block; }
.forumwrap .fmsj .fmsj-info .num span { font-family:var(--font-tdi); font-weight:bold; font-size:14px; background:#333; color:#fff; border-radius:4px; padding:0 6px; }
.forumwrap .fmsj .fmsj-author a { font-family:var(--font-tdi); font-weight:bold; font-size:17px; color:#000; }
.forumwrap .fmsj .fmsj-author a:hover { text-decoration:underline; text-decoration-color: #ff6600; }
.forumwrap .fmsj .avatar img { margin:5px 0; border-radius:100px; max-width:75px; aspect-ratio:1; }
.forumwrap .fmsj .fmsj-date { font-size:13px; letter-spacing:-0.01em; color:#666; }
.forumwrap .fmsj .fmsj-options { display:flex; gap:8px; margin:5px 0; align-items:center; justify-content:center; }
.forumwrap .fmsj .fmsj-imod { position:relative; }
.forumwrap .fmsj .fmsj-imod:before { content:''; width:20px; height:20px; background:url('../icn/if-alert.svg'); background-size:contain; display:inline-block; filter:grayscale(1); transition:.3s ease-in-out; }
.forumwrap .fmsj .fmsj-imod:hover:before { filter:grayscale(0); }
.forumwrap .fmsj .fmsj-imod:hover:after { content:'Avisar al moderador'; display:inline-block; font-family:var(--font-tdi); font-weight:bold; position:absolute; top:20px; left:-300%; background:#ff8002; color:#FFF; border-radius:4px; white-space:nowrap; padding:2px 5px; }
.forumwrap .fmsj .fmsj-imod span { display:none; position:relative; }
.forumwrap .fmsj .fmsj-iedit { position:relative; }
.forumwrap .fmsj .fmsj-iedit:before { content:''; width:20px; height:20px; background:url('../icn/if-edit.svg'); background-size:contain; display:inline-block; filter:grayscale(1); transition:.3s ease-in-out; }
.forumwrap .fmsj .fmsj-iedit span { display:none; position:relative; }
.forumwrap .fmsj .fmsj-iedit:hover:before { filter:grayscale(0); }
.forumwrap .fmsj .fmsj-iedit:hover:after { content:'Editar mensaje'; display:inline-block; font-family:var(--font-tdi); font-weight:bold; position:absolute; top:20px; left:-300%; background:#666; color:#FFF; border-radius:4px; white-space:nowrap; padding:2px 5px; }
.forumwrap .fmsj .fmsj-cnt {padding:4px 1px; flex-grow:1; }

.fmsj-moderador { background:#777; border-radius:3px; padding:10px; color:#FFF; }
.fmsj-moderador a { color:#FFF; }
.fmsj-moderador .fmsj-ip { font-size:12px; }

.fmsj-cnt { font-size:17px; letter-spacing:-.01em; line-height:1.4em; }
.fmsj-cnt img { max-width:100%; height:auto; }
.fmsj-cnt u { text-decoration:underline; }
.fmsj-cnt strong { font-weight:bold; }
.fmsj-cnt .foros-cnt-h1 { font-size:23px; }
.fmsj-cnt .foros-cnt-h2 { font-size:19px; }

.fpwrap { display:flex; gap:25px; }
.fpwrap .fcenter { flex-grow:1; }
.fpwrap .fright { flex:0 0 300px; }
.fpwrap h2 { font-family:var(--font-hdline); font-weight:bold; font-size:26px; margin:0 0 15px 0; }
.fpwrap .rules { background:#f5f6f7; border-radius:8px; padding:16px; margin:0 0 25px 0; color:#333; letter-spacing:-0.01em; font-size:15px; }
.fpwrap .rules b { font-weight:bold; }
.fpwrap .rules ul { font-size:14px; margin:8px 0 0 12px; color:#444; line-height:1.1em; }
.fpwrap .rules ul li { margin:0 0 4px 0; }
.fpwrap .rules ul li::before { content:'●'; color:#51abeb; margin-right:4px; }

.fpwrap input[type="text"], .fpwrap textarea { width:100%; box-sizing:border-box; border-radius:8px; font-family:var(--font-std); letter-spacing:-0.01em; border:1px solid #888; padding:14px;margin-bottom:18px; }
.fpwrap input[type="text"] { font-size:18px; }
.fpwrap textarea { font-size:16px; line-height:1.2em; min-height:400px; }
.fpwrap input[type="text"]:focus, .fpwrap textarea:focus { border-color:#000; }
.fpwrap p b { font-family:var(--font-tdi); font-weight:bold; margin:0 0 5px 8px; display:block; }
.fpwrap .buttons { text-align:center; }

#btn_forotags { display:inline-block; text-align:center; font-family:var(--font-tdi); font-weight:bold; font-size:14px; color:#666; margin-inline:auto; margin-bottom:10px;}

.btn-blue { font-family:'HelND'; font-size:17px; background:linear-gradient(90deg,rgba(0,180,244,1) 0%,rgba(0,95,253,1) 100%); color:#FFF; min-width:190px; padding:7px 0 5px 0; border:0; border-bottom: 3px solid rgba(0,0,0,.2); text-align:center; border-radius:5px; margin-bottom:20px; text-shadow: 0 0 2px rgba(0,0,0,.5); }
.btn-blue:hover { border-bottom: 3px solid rgba(0,0,0,.5); text-shadow:0 0 4px rgba(0,0,0,.7); cursor:pointer; box-shadow:0 5px 20px 0 rgba(50,50,93,.07), 0 2px 10px 0 rgba(0,0,0,.07); }

#layer_tags { display:none; }

#bbcode { background:#f5f5f5; border-radius:8px; margin:0 0 6px 0; display:flex; gap:5px; justify-content:center; padding:8px 0; }
#bbcode button { border-radius:5px; border:0; background:rgba(73,156,243,.2); padding:7px; }
#bbcode button:hover { background:rgba(73,156,243,1); }
#bbcode button:hover:before { filter:invert(1); }
#bbcode span { display:none; }
#bbcode .bold:before { content:''; width:20px; height:20px; background:url('../icn/ie-bold.svg'); background-size:contain; display:block; }
#bbcode .under:before { content:''; width:20px; height:20px; background:url('../icn/ie-under.svg'); background-size:contain; display:block; }
#bbcode .spoiler:before { content:''; width:20px; height:20px; background:url('../icn/ie-spoiler.svg'); background-size:contain; display:block; }
#bbcode .th1:before { content:''; width:20px; height:20px; background:url('../icn/ie-h1.svg'); background-size:contain; display:block; }
#bbcode .th2:before { content:''; width:20px; height:20px; background:url('../icn/ie-h2.svg'); background-size:contain; display:block; }
#bbcode .timg:before { content:''; width:20px; height:20px; background:url('../icn/ie-image.svg'); background-size:contain; display:block; }
#bbcode .turl:before { content:''; width:20px; height:20px; background:url('../icn/ie-link.svg'); background-size:contain; display:block; }

.fullmenu .secp { font-family:var(--font-hdline); font-weight:bold; font-size:60px; margin-bottom:20px; }

.forumdlist { display:grid; gap:20px; grid-template-columns:repeat(6,1fr); margin:0 0 28px 0; }
.forumdlist li img { width:100%; height:auto; aspect-ratio:175/260; border-radius:12px; margin-bottom:8px; transition:box-shadow .25s ease-in-out; }
.forumdlist li:hover img { box-shadow: 0 0 8px rgba(0,0,0,.44); }
.forumdlist li .tit { font-family:var(--font-tdi); color:#000; font-size:20px; line-height:1em; margin:0 0 8px 0; display:block; text-decoration:underline; text-decoration-color:#DDD; transition:text-decoration-color .25s ease-in-out; }
.forumdlist li:hover .tit { text-decoration-color:#51abeb; }
.forumdlist li:hover { cursor:pointer; }
.forumdlist li .temas { color:#444; font-size:15px; display:block; }
.forumdlist li .mensajes { color:#777; font-size:14px; }

.sectit { margin:0 0 15px 0; }
.sectit span {  font-family:var(--font-tdi); text-transform: uppercase; background: linear-gradient(90deg,#00b0f6 0%,rgba(69,0,223,1) 100%); display: inline-block; color: #fff; font-size: 17px; letter-spacing: .4px; padding: 5px 8px; }

.forumlist { display:grid; column-gap:20px; row-gap:5px; grid-template-columns:repeat(3,1fr); margin:0 0 28px 0;  }
.forumlist li { padding:10px; border-radius:10px; transition:background .25s ease-in-out; }
.forumlist li .tit { font-family:var(--font-tdi); color:#000; font-size:19px; line-height:1em; margin:0 0 5px 0; display:block; text-decoration:underline; text-decoration-color:#DDD; transition:text-decoration-color .25s ease-in-out; }
.forumlist li .temas { color:#444; font-size:15px; }
.forumlist li .mensajes { color:#777; font-size:14px; }
.forumlist li:hover { cursor:pointer; background:#F4F5F6; }

@media (min-width:800px) { .pub-top { min-height:250px; background:#f7f7f7; } .pub-mid, .pub-btf { min-height:600px; background:#f7f7f7; } }


@media (max-width:1140px) {
nav ul li a { padding:4px 2px; }
}

@media (max-width:1050px) {
nav ul li { font-size:16px; }
nav ul li a.th { display:none; }
#dphmenu { top:74px; }
.maintit { font-size:55px; }
.maintit.huge { font-size:65px; }
article .txt { margin:0 30px 30px 15px; }
.txt .imgnctxt { position:relative; margin:0 -15px; }
.forumdlist { grid-template-columns:repeat(5,1fr); }
}

@media (max-width:875px) {
nav ul li { font-size:15px; }
nav ul li a.th2 { display:none; }
.forumdlist { grid-template-columns:repeat(4,1fr); }
}

@media (max-width:800px) {
.pagewrap { padding:22px; }
nav, header .cnt .flr form { display:none; }
header .cnt .flr { width:40px; }
footer .noxvosites ul { margin:0 0 12px 0; }
footer .cnt .copy { text-align:center; }
.wtoflex { flex-wrap:wrap; }
.wtoflex .wright, .wtoflex .wcenter { flex:0 0 100%; flex-basis:100%; }
.maintit { font-size:50px; }
.maintit.huge { font-size:60px; }
article .txt { margin:0; }
.txt .imgnctxt { position:relative; margin:0 -10px; }
.txt h2 { font-size:26px; }
.bigcover .cnt .claim { font-size:21px; }
.cards .tit { font-size:25px; }
.cards .desc { font-size:16px; }
.pub-top { margin-bottom:0 !important; }
}

@media (max-width:700px) {
#dpdmenu .ftmap ul { display:none; }
.ftmap .col { width:100%; float:none; text-align:center; }
.foro-bar { flex-direction:column; }
.forumwrap .fmsj { flex-direction:column; }
.forumwrap .fmsj .fmsj-info { flex:0 0 auto; width:100%; position:relative; display:flex; gap:6px; align-items:center; padding:6px 10px; }
.forumwrap .fmsj .fmsj-date { flex-grow:1; text-align:right; }
.forumwrap .fmsj .avatar img { width:35px; height:35px; }
.forumdlist { grid-template-columns:repeat(3,1fr); column-gap:12px; }
.fullmenu .secp { font-size:50px; }
}

@media (max-width:500px) {
header .cnt .logoe { width:183px; height:29px; background-size:183px 29px; margin:7px 0 0 0;}
footer .cnt .logoe { display:block; float:none; margin:0 auto; margin-bottom:20px; }
footer .cnt .social { float:none; }
.ftmap button, .ftmap li { width:100%; padding:5px; }
.maintit { font-size:38px; }
#suggestions{ top: 90px; }
.maintit.huge { font-size:52px; }
.introsec { font-size:20px; }
.itemn img { width:100%; position:relative; margin:0 0 12px 0; }
.itemn .icnt { margin-left:0; min-height:none; }
.txt h2 { font-size:24px; }
.bigcover .cnt .claim { font-size:15px; }
.cards a { width:98%; }
.logof { float:none; margin:0 auto; margin-bottom:7px; }
.forumlist { column-gap:10px; grid-template-columns:repeat(2,1fr);
}

@media (max-width:450px) {
.maintit { font-size:36px; }
.forumdlist { grid-template-columns:repeat(2,1fr); }
.fullmenu .secp { font-size:40px; }
}

@media (max-width:400px) {
header .cnt .logoe { width:158px; height:25px; background-size:158px 25px; margin:9px 0 0 0;}
.cards .tit { font-size:22px; }
.maintit { font-size:34px; }
.maintit.huge { font-size:42px; }

}
