:root{color-scheme:dark;--bg:#080d16;--panel:#121b29;--line:#29384c;--muted:#9fb0c6;--gold:#e9bd62;--blue:#7eb6ff;--green:#62d6a0;--red:#ff7c83}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#1b2a40 0,#080d16 52%);font:15px system-ui,Segoe UI,sans-serif;color:#f4f7fb;min-height:100vh}.wrap{max-width:940px;margin:38px auto;padding:0 18px}.brand{text-align:center;margin-bottom:24px}.logo{display:inline-grid;place-items:center;width:56px;height:56px;border:1px solid #80602d;border-radius:18px;color:var(--gold);font-size:25px}.brand h1{font-size:23px;letter-spacing:2px;margin:12px 0 4px}.brand p{margin:0;color:var(--muted);letter-spacing:2px;font-size:11px}.card{background:linear-gradient(145deg,#151f2e,#101722);border:1px solid var(--line);border-radius:20px;padding:24px;margin:16px 0;box-shadow:0 20px 60px #0005}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.row>*{flex:1}.tabs{display:flex;gap:10px;margin-bottom:22px}.tabs a,.btn{display:inline-block;text-align:center;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:#0d1521;color:#eaf1fa;font-weight:650;cursor:pointer}.tabs a.active,.btn.primary{background:#342a17;border-color:#927039;color:var(--gold)}.btn.danger{background:#351c22;border-color:#74414a;color:#ffb4b8}.btn:disabled{opacity:.45;cursor:not-allowed}h2{font-size:19px;margin:0 0 8px}h3{font-size:15px;margin:18px 0 8px}p,.muted{color:var(--muted);line-height:1.55}.field{margin:18px 0}label{display:block;margin-bottom:8px;color:#d9e4f2;font-size:13px}input{width:100%;background:#080e18;border:1px solid #35465e;border-radius:12px;padding:15px;color:white;font:14px ui-monospace,monospace}input:focus{outline:2px solid #527eae}.btn{width:100%;font:inherit}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0}.stat{background:#0c1420;border:1px solid var(--line);border-radius:13px;padding:14px}.stat b{display:block;font-size:24px}.stat span{color:var(--muted);font-size:12px}.notice{padding:13px 15px;border-radius:12px;background:#17283a;border:1px solid #35516f;color:#c8e1ff;margin:14px 0}.warn{background:#302719;border-color:#80632e;color:#ffdfa0}.ok{background:#132c25;border-color:#2d7259;color:#a8f0ce}.err{background:#321b22;border-color:#80424d;color:#ffc1c5}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:#aebfd3}code{overflow-wrap:anywhere;color:#b9d9ff}.small{font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions form{flex:1}.actions .btn{height:100%}.footer{text-align:center;color:#6f829b;font-size:11px;margin:26px}@media(max-width:600px){.card{padding:17px}.wrap{margin:20px auto}.tabs a{flex:1}}

/* ===== IDENTIDAD VISUAL FIERA TV PRO ===== */
:root {
    --bg: #080a0f;
    --panel: #121720;
    --line: #343b46;
    --muted: #aeb7c4;
    --gold: #ff3038;
    --red: #ff3038;
    --blue: #c7d0dc;
}

body {
    background:
        radial-gradient(ellipse at top, #20232b 0%, #080a0f 65%);
}

.brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.logo {
    width: min(340px, 85vw);
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.brand h1 {
    color: #ffffff;
    letter-spacing: 3px;
}

.brand p {
    color: #c2c8d1;
    letter-spacing: 2px;
}

.btn.primary,
button.primary {
    background: linear-gradient(135deg, #d71920, #ff343c);
    border-color: #ff454b;
    color: #ffffff;
}

.btn.primary:hover,
button.primary:hover {
    background: #ff454b;
}

.tab.active {
    border-color: #e52b32;
    color: #ffffff;
    background: #35191d;
}

input:focus,
textarea:focus {
    border-color: #ff343c;
    outline: 1px solid #ff343c;
}
/* ===== FIN IDENTIDAD FIERA TV PRO ===== */