/* TheGameHosting client area theme (child of Twenty-One) */

/* 1. Fonts (self-hosted) */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lexend";font-style:normal;font-weight:700 800;font-display:swap;src:url(../fonts/lexend-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lexend";font-style:normal;font-weight:700 800;font-display:swap;src:url(../fonts/lexend-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* 2. Tokens */
:root{
  --tgh-bg:#0A0C22; --tgh-bg2:#0F1230; --tgh-surface:#151938; --tgh-raised:#232643; --tgh-line:#252A55;
  --tgh-accent:#6E7BFF; --tgh-accent-light:#C3C8FF; --tgh-yellow:#FABF26; --tgh-yellow-ink:#0A0C22;
  --tgh-title:#FFFFFF; --tgh-text:#B6BAD8; --tgh-muted:#7E83A8; --tgh-muted2:#9A9FC4; --tgh-on-photo:#D2D5EC;
  --tgh-ok:#3DDC97; --tgh-bad:#FF5C7A;
  --tgh-r:14px; --tgh-r-sm:10px; --tgh-wrap:1200px;
  --tgh-f-title:"Lexend",system-ui,-apple-system,"Segoe UI",sans-serif;
  --tgh-f-text:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --tgh-y-soft:rgba(250,191,38,.45); --tgh-y-glow:rgba(250,191,38,.16);
  --tgh-hover-y:inset 0 0 0 2px var(--tgh-yellow),0 0 0 3px rgba(250,191,38,.1),0 8px 22px -14px rgba(250,191,38,.5);
  --tgh-sel-y:inset 0 0 0 1px var(--tgh-yellow),0 0 0 3px rgba(250,191,38,.1),0 8px 22px -14px rgba(250,191,38,.5);
}

/* 3. Base */
html{-webkit-text-size-adjust:100%}
body.tgh{margin:0;background:var(--tgh-bg);color:var(--tgh-text);font:400 16px/1.6 var(--tgh-f-text);min-height:100%;height:auto}
body.tgh.primary-bg-color{background-color:var(--tgh-bg)}
:where(.tgh) a{color:var(--tgh-accent);text-decoration:none}
:where(.tgh) a:hover{color:var(--tgh-accent-light);text-decoration:underline}
.tgh h1,.tgh h2,.tgh h3,.tgh h4,.tgh h5,.tgh h6,.tgh .h1,.tgh .h2,.tgh .h3,.tgh .h4,.tgh .h5,.tgh .h6{font-family:var(--tgh-f-title);color:var(--tgh-title);line-height:1.2;font-weight:700}
.tgh h1,.tgh .h1{font-size:clamp(28px,4vw,44px);font-weight:800}
.tgh h2,.tgh .h2{font-size:clamp(22px,2.4vw,28px)}
.tgh h3,.tgh .h3{font-size:20px}
.tgh h4,.tgh .h4,.tgh h5,.tgh .h5,.tgh h6,.tgh .h6{font-size:18px}
:where(.tgh) p{margin:0 0 .75rem}
:where(.tgh) p:last-child{margin-bottom:0}
:where(.tgh) p a,:where(.tgh) .tgh-check-row a{text-decoration:underline;text-underline-offset:2px}
.tgh hr{border-top-color:var(--tgh-line)}
.tgh strong,.tgh b{color:inherit}
.tgh .text-muted,.tgh small.text-muted{color:var(--tgh-muted2)!important}
.tgh .text-dark,.tgh .text-body{color:var(--tgh-text)!important}
.tgh .text-success{color:var(--tgh-ok)!important}
.tgh .text-danger{color:#FF8DA1!important}
.tgh .text-warning{color:var(--tgh-yellow)!important}
.tgh .text-info,.tgh .text-primary{color:var(--tgh-accent-light)!important}
.tgh .bg-white,.tgh .bg-light{background-color:var(--tgh-surface)!important}
.tgh .border,.tgh .border-top,.tgh .border-bottom{border-color:var(--tgh-line)!important}
.tgh :focus-visible{outline:2px solid var(--tgh-accent);outline-offset:3px}
.tgh ::selection{background:rgba(110,123,255,.4);color:#fff}
.tgh code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:var(--tgh-bg2);border:1px solid var(--tgh-line);padding:1px 6px;border-radius:6px;color:#fff}
.tgh .sr-only,.tgh-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tgh-skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--tgh-yellow);color:var(--tgh-yellow-ink)!important;padding:10px 16px;border-radius:10px;font-weight:600}
.tgh-skip:focus{top:12px}
.tgh-wrap{max-width:var(--tgh-wrap);margin:0 auto;padding:0 24px}
.tgh .container{max-width:var(--tgh-wrap)}
.tgh svg{flex:none}

/* 4. Header */
html{scroll-padding-top:calc(var(--tgh-head-h,126px) + 12px)}
.tgh-head{position:sticky;top:0;z-index:1030}
.tgh-nav{background:var(--tgh-bg);border-bottom:1px solid var(--tgh-line)}
.tgh-nav-in{display:flex;align-items:center;gap:24px;height:72px}
.tgh-logo{display:flex;align-items:center;gap:10px;font:800 18px/1 var(--tgh-f-title);color:var(--tgh-yellow)!important;letter-spacing:.5px;text-decoration:none!important;white-space:nowrap}
.tgh-logo img{width:30px;height:auto}
.tgh-logo span{color:#fff}
.tgh-nav-menu{display:contents}
.tgh-nav-links{display:flex;gap:4px;margin-left:auto}
.tgh-nav-links a{color:var(--tgh-text);padding:8px 12px;border-radius:8px;font-weight:500;font-size:15px;white-space:nowrap}
.tgh-nav-links a:hover{color:#fff;text-decoration:none;background:var(--tgh-surface)}
.tgh-nav-end{display:flex;align-items:center;gap:10px}
.tgh-nav-end .btn{white-space:nowrap}
.tgh-pill{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1px solid var(--tgh-line);border-radius:10px;background:var(--tgh-surface);color:var(--tgh-text)!important;font:500 14px var(--tgh-f-text);white-space:nowrap;cursor:pointer;text-decoration:none!important}
.tgh-pill svg{width:16px;height:16px}
.tgh-pill:hover{color:#fff!important}
.tgh-cart svg{width:18px;height:18px}
.tgh-cart-n{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--tgh-raised);color:#fff;font:600 12px/20px var(--tgh-f-text);text-align:center}
.tgh-account svg{width:16px;height:16px}
.tgh-account span{max-width:160px;overflow:hidden;text-overflow:ellipsis}
.tgh-burger{display:none;margin-left:auto;background:var(--tgh-surface);border:1px solid var(--tgh-line);border-radius:10px;width:44px;height:44px;color:#fff;cursor:pointer;padding:0}
.tgh-burger svg{width:22px;height:22px}
.tgh-lang{position:relative}
.tgh-lang-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:1040;width:min(400px,calc(100vw - 32px));max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--tgh-line) transparent;background:var(--tgh-surface);border:1px solid var(--tgh-line);border-radius:12px;padding:14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.8);display:grid;align-content:start;gap:12px}
.tgh-lang-pop[hidden]{display:none}
.tgh-lang-group{display:grid;gap:2px}
.tgh-lang-h{font-size:12px;color:var(--tgh-muted2);text-transform:uppercase;letter-spacing:.6px;margin:0 0 4px!important}
.tgh-lang-op{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:#fff!important;font-size:14px;text-decoration:none!important;border:1px solid transparent}
.tgh-lang-op:hover{background:var(--tgh-bg2)}
.tgh-lang-op.is-active{border-color:var(--tgh-yellow);box-shadow:inset 0 0 0 1px var(--tgh-yellow);background:#1a1c3f}
.tgh-lang-op span{color:var(--tgh-muted2)}
.tgh-lang-grid,.tgh-cur-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px}
.tgh-lang-grid .tgh-lang-op{padding:7px 10px;line-height:1.35}
.tgh-lang-note{font-size:13px;color:var(--tgh-muted2)}
.tgh-lang-note b{color:#fff}

.tgh-subnav{position:relative;background:var(--tgh-bg2);border-bottom:1px solid var(--tgh-line)}
.tgh-subnav .tgh-wrap{display:flex;gap:4px}
.tgh-menu{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}
.tgh-menu-end{margin-left:auto}
.tgh-menu-item{position:relative}
.tgh-menu-item>a{display:flex;align-items:center;gap:6px;color:var(--tgh-on-photo);font-weight:500;font-size:14px;padding:14px 12px;border-bottom:2px solid transparent;white-space:nowrap}
.tgh-menu-item>a:hover,.tgh-menu-item.show>a{color:#fff;text-decoration:none}
.tgh-menu-item>a[aria-current],.tgh-menu-item.active>a{color:#fff;border-bottom-color:var(--tgh-yellow)}
.tgh-menu-item>.dropdown-toggle::after{border-top-color:currentColor;margin-left:2px}
.tgh-menu .badge{background:var(--tgh-raised);color:#fff;font-weight:600}
.tgh-menu .dropdown-menu{top:100%;left:0;margin-top:0}
.tgh-menu .dropdown-menu-right{left:auto;right:0}

/* 5. Page + background photo */
.tgh-page{position:relative;isolation:isolate;padding:40px 0 72px;min-height:420px}
.tgh-page::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:640px;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(10,12,34,.72) 0%,rgba(10,12,34,.42) 45%,rgba(10,12,34,.3) 100%),
    linear-gradient(180deg,rgba(36,44,130,.3) 0%,rgba(10,12,34,.12) 35%,rgba(10,12,34,.7) 72%,var(--tgh-bg) 100%),
    url(../img/fondo-minecraft.webp) center 58%/cover no-repeat}
.tgh-crumbs .breadcrumb{background:none;padding:0;margin:0 0 14px;font-size:13px}
.tgh-crumbs .breadcrumb-item,.tgh-crumbs .breadcrumb-item a,.tgh-crumbs .breadcrumb-item.active{color:#D6D9EE}
.tgh-crumbs .breadcrumb-item+.breadcrumb-item::before{color:#D6D9EE;content:"/"}
.tgh-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.tgh-page-head h1{margin:0}
.tgh-page-head p{margin:6px 0 0;color:var(--tgh-on-photo)}
.tgh-page-head .tgh-actions{display:flex;gap:10px;flex-wrap:wrap}
.tgh-page-head a:not(.btn){color:var(--tgh-accent-light)}
.tgh-con-barra{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.tgh-grid-2{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.tgh-grid-2>*,.tgh-stack>*,.tgh-con-barra>*{min-width:0;overflow-wrap:break-word}
.tgh-stack{display:grid;gap:20px;align-content:start}
.tgh-stack>*{margin:0}

/* 6. Bootstrap skin */
/* Cards */
.tgh .card,.tgh-card{background:var(--tgh-surface);border:1px solid var(--tgh-line);border-radius:var(--tgh-r);color:var(--tgh-text)}
.tgh-card{padding:24px}
.tgh-card>h2{font-size:18px;margin:0 0 14px}
.tgh .card-header,.tgh .card-footer{background:transparent;border-color:var(--tgh-line);padding:16px 20px}
.tgh .card-header{border-radius:var(--tgh-r) var(--tgh-r) 0 0}
.tgh .card-footer{border-radius:0 0 var(--tgh-r) var(--tgh-r)}
.tgh .card-footer:empty{display:none}
.tgh .card-body{padding:20px}
.tgh .card-title,.tgh .card-header h3{font:700 16px/1.3 var(--tgh-f-title);color:#fff}
.tgh .card-header .btn{float:right}
/* List groups */
.tgh .list-group-item{background:transparent;border-color:var(--tgh-line);color:var(--tgh-text);padding:12px 20px}
.tgh .list-group-item-action:hover,.tgh .list-group-item-action:focus{background:var(--tgh-bg2);color:#fff;text-decoration:none}
.tgh .list-group-item.active{background:var(--tgh-bg2);border-color:var(--tgh-line);color:#fff;box-shadow:inset 3px 0 0 var(--tgh-yellow)}
.tgh .list-group-item.disabled{color:var(--tgh-muted)}
/* Sidebar */
.tgh .sidebar .card{margin-bottom:16px}
.tgh .card-sidebar .card-header{padding:14px 18px}
.tgh .card-sidebar .card-title{font-size:15px}
.tgh .card-sidebar .card-minimise{color:var(--tgh-muted2);font-size:12px;margin-top:3px;cursor:pointer}
.tgh .card-sidebar .list-group-item{padding:10px 18px;font-size:14px;font-weight:500}
.tgh .sidebar-menu-item-wrapper{display:flex;align-items:center;gap:10px}
.tgh .sidebar-menu-item-icon{color:var(--tgh-accent);width:18px;text-align:center}
.tgh .sidebar-menu-item-badge{margin-left:auto}
/* Buttons */
.tgh .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;font:600 15px/1.2 var(--tgh-f-text);border:1px solid transparent;text-decoration:none!important;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}
.tgh .btn svg{width:18px;height:18px}
.tgh .btn-sm,.tgh .btn-group-sm>.btn{min-height:40px;padding:0 16px;font-size:14px}
.tgh .btn-xs{min-height:32px;padding:0 12px;font-size:13px}
.tgh .btn-lg{min-height:56px;padding:0 28px;font-size:16px}
.tgh .btn-block{display:flex;width:100%}
.tgh .btn-primary,.tgh .btn-success{background:var(--tgh-yellow);border-color:var(--tgh-yellow);color:var(--tgh-yellow-ink)!important}
.tgh .btn-primary:hover,.tgh .btn-success:hover,.tgh .btn-primary:focus,.tgh .btn-success:focus,.tgh .btn-primary:not(:disabled):not(.disabled):active{background:#ffcb45;border-color:#ffcb45;color:var(--tgh-yellow-ink)!important}
.tgh .btn-default,.tgh .btn-secondary,.tgh .btn-info,.tgh .btn-light,.tgh .btn-outline-primary,.tgh .btn-outline-secondary,.tgh .btn-outline-info,.tgh .btn-outline-success{background:var(--tgh-surface);border-color:var(--tgh-line);color:#fff!important}
.tgh .btn-default:hover,.tgh .btn-secondary:hover,.tgh .btn-info:hover,.tgh .btn-light:hover,.tgh .btn-outline-primary:hover,.tgh .btn-outline-secondary:hover,.tgh .btn-outline-info:hover,.tgh .btn-outline-success:hover{background:var(--tgh-surface);border-color:var(--tgh-accent);color:#fff!important}
.tgh .btn-danger,.tgh .btn-outline-danger{background:transparent;border-color:rgba(255,92,122,.6);color:#FFB3C1!important}
.tgh .btn-danger:hover,.tgh .btn-outline-danger:hover{border-color:#FF5C7A;background:rgba(255,92,122,.08)}
.tgh .btn-warning{background:transparent;border-color:rgba(250,191,38,.6);color:var(--tgh-yellow)!important}
.tgh .btn-link{background:none;border:0;color:var(--tgh-accent);min-height:0;padding:0;font-weight:500}
.tgh .btn:focus,.tgh .btn.focus{box-shadow:none}
.tgh .btn:focus-visible{outline:2px solid var(--tgh-accent);outline-offset:3px}
.tgh .btn.disabled,.tgh .btn:disabled{opacity:.5}
.tgh .btn-group>.btn{min-height:40px}
/* Forms */
.tgh label,.tgh .form-control-label,.tgh .col-form-label{color:#fff;font-size:14px;font-weight:500}
.tgh .form-control,.tgh .custom-select,.tgh select.form-control{height:48px;border-radius:10px;background-color:var(--tgh-bg2);border:1px solid var(--tgh-line);color:#fff;padding:0 14px;font:400 15px var(--tgh-f-text)}
.tgh select.form-control,.tgh .custom-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%239A9FC4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px;-webkit-appearance:none;appearance:none}
.tgh select.form-control[multiple],.tgh select.form-control[size]{height:auto;background-image:none;padding:8px}
.tgh textarea.form-control{height:auto;min-height:150px;padding:12px 14px;line-height:1.5;resize:vertical}
.tgh .form-control::placeholder{color:#6a6f96}
.tgh .form-control:focus,.tgh .custom-select:focus{background-color:var(--tgh-bg2);border-color:var(--tgh-accent);color:#fff;outline:none;box-shadow:0 0 0 3px rgba(110,123,255,.25)}
.tgh .form-control:disabled,.tgh .form-control[readonly]{background-color:#121535;color:var(--tgh-muted2)}
.tgh .form-control.is-invalid,.tgh .has-error .form-control{border-color:var(--tgh-bad)}
.tgh .invalid-feedback,.tgh .field-error-msg{color:#FF8DA1}
.tgh .form-text,.tgh .help-block{color:var(--tgh-muted2);font-size:13px}
.tgh .form-group{margin-bottom:16px}
.tgh .input-group-text{background:var(--tgh-raised);border-color:var(--tgh-line);color:var(--tgh-muted2);border-radius:10px}
.tgh .input-group>.form-control{height:48px}
.tgh .input-group-merge .input-group-text{background:var(--tgh-bg2)}
.tgh .input-group-append .btn,.tgh .input-group-prepend .btn{min-height:48px}
.tgh .custom-control-label::before{background:var(--tgh-bg2);border-color:var(--tgh-line)}
.tgh .custom-control-input:checked~.custom-control-label::before{background:var(--tgh-yellow);border-color:var(--tgh-yellow)}
.tgh input[type=checkbox],.tgh input[type=radio]{accent-color:var(--tgh-yellow)}
.tgh .form-check-label,.tgh .checkbox label,.tgh .radio label{color:var(--tgh-text);font-weight:400}
/* Tables */
.tgh .table{color:var(--tgh-text);font-size:14px;margin-bottom:0}
.tgh .table th,.tgh .table td{border-color:var(--tgh-line);padding:14px 12px;vertical-align:middle}
.tgh .table thead th{color:var(--tgh-muted2);font-weight:500;font-size:13px;border-bottom:1px solid var(--tgh-line);border-top:0;background:transparent}
.tgh .table td{color:#fff}
.tgh .table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.02)}
.tgh .table-hover tbody tr:hover,.tgh .table-list tbody tr:hover{background:var(--tgh-bg2);color:#fff}
.tgh .table-list{border-collapse:collapse!important}
.tgh .table-list tbody tr{cursor:pointer}
.tgh .table-list thead th{border-bottom:1px solid var(--tgh-line)!important;background:transparent!important;color:var(--tgh-muted2)!important}
.tgh .table-list>tbody>tr>td{border-color:var(--tgh-line)!important;background:transparent!important}
.tgh .table-container,.tgh .table-responsive{background:transparent;border:0}
.tgh table.dataTable thead .sorting::after,.tgh table.dataTable thead .sorting_asc::after,.tgh table.dataTable thead .sorting_desc::after{color:var(--tgh-muted2)}
.tgh .dataTables_wrapper{color:var(--tgh-text)}
.tgh .dataTables_wrapper .dataTables_info,.tgh .dataTables_wrapper .dataTables_length label,.tgh .dataTables_wrapper .dataTables_filter label{color:var(--tgh-muted2);font-size:13px;font-weight:400}
.tgh .dataTables_wrapper .dataTables_filter input,.tgh .dataTables_wrapper .dataTables_length select{height:40px;background:var(--tgh-bg2);border:1px solid var(--tgh-line);border-radius:10px;color:#fff}
.tgh .listtable{background:transparent}
/* Status labels */
.tgh .label{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;line-height:1.2}
.tgh .label.status{background:rgba(180,184,216,.1);color:#B4B8D8}
.tgh .label.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.tgh .label.status-active,.tgh .label.status-paid,.tgh .label.status-open,.tgh .label.status-completed,.tgh .label.status-answered{background:rgba(61,220,151,.1);color:var(--tgh-ok)}
.tgh .label.status-unpaid,.tgh .label.status-pending,.tgh .label.status-payment-pending,.tgh .label.status-customer-reply,.tgh .label.status-onhold,.tgh .label.status-inprogress,.tgh .label.status-grace{background:rgba(250,191,38,.1);color:var(--tgh-yellow)}
.tgh .label.status-suspended,.tgh .label.status-overdue,.tgh .label.status-fraud,.tgh .label.status-collections{background:rgba(255,92,122,.12);color:#FF8DA1}
.tgh .label.status-cancelled,.tgh .label.status-terminated,.tgh .label.status-closed,.tgh .label.status-refunded,.tgh .label.status-expired{background:rgba(180,184,216,.1);color:#B4B8D8}
.tgh .label.status-answered{background:rgba(110,123,255,.12);color:#9AA3FF}
.tgh .label.status-custom{color:#fff}
.tgh .badge{border-radius:20px;font-weight:600}
.tgh .badge-info,.tgh .badge-primary{background:var(--tgh-accent);color:#fff}
.tgh .badge-success{background:var(--tgh-ok);color:#06281a}
.tgh .badge-warning{background:var(--tgh-yellow);color:var(--tgh-yellow-ink)}
.tgh .badge-danger{background:var(--tgh-bad);color:#fff}
/* Alerts */
.tgh .alert{border-radius:12px;font-size:14px;line-height:1.5;border:1px solid;padding:14px 16px}
.tgh .alert-success{border-color:rgba(61,220,151,.45);background:#11283a;color:#D5F8E8}
.tgh .alert-info{border-color:rgba(110,123,255,.5);background:#1a1f4a;color:#E0E3FF}
.tgh .alert-warning{border-color:rgba(250,191,38,.5);background:#2a2530;color:#FDE7B0}
.tgh .alert-danger{border-color:rgba(255,92,122,.5);background:#2a1530;color:#FFD9E0}
.tgh .alert a{color:inherit;text-decoration:underline}
.tgh .alert h2{font-size:16px;margin-bottom:6px}
/* Modals, dropdowns, popovers */
.tgh .modal-content{background:var(--tgh-surface);border:1px solid var(--tgh-line);border-radius:16px;color:var(--tgh-text)}
.tgh .modal-header,.tgh .modal-footer{border-color:var(--tgh-line)}
.tgh .modal .modal-header{background-color:transparent}
.tgh .modal-title{color:#fff;font-family:var(--tgh-f-title)}
.tgh .modal-backdrop.show{opacity:.72;background:#050614}
/* .tgh-page aísla su foto de fondo (isolation) y eso encerraba a los modales de la página (carrito, renovaciones, contactos…)
   debajo del fondo oscuro (que Bootstrap pone en <body>) y de la cabecera. Con un modal abierto se suelta: el modal (z 1050)
   queda encima del fondo oscuro (1040) y de la cabecera (1030). */
body.modal-open .tgh-page{isolation:auto}
/* Modals from modules/gateways: long tokens and wide tables stay inside the modal */
.tgh .modal-body{overflow-wrap:anywhere}
.tgh .modal-body table,.tgh .modal-body img,.tgh .modal-body iframe{max-width:100%}
/* Some WHMCS modals force a blue header (generate password, users, domain contacts): same look as the rest */
.tgh .modal .modal-header.bg-primary{background-color:transparent!important}
.tgh .modal-title{min-width:0;overflow-wrap:anywhere}
.tgh .modal-header .close{flex-shrink:0}
/* Module/gateway messages and express checkout buttons (cart) must not widen the page */
.tgh .alert{overflow-wrap:anywhere}
.tgh .express-checkout-buttons{max-width:100%;overflow-wrap:anywhere}
.tgh .express-checkout-buttons img,.tgh .express-checkout-buttons iframe,.tgh .express-checkout-buttons table,.tgh .express-checkout-buttons input[type=image]{max-width:100%}
.tgh .express-checkout-buttons img,.tgh .express-checkout-buttons input[type=image]{height:auto}
/* WHMCS "please wait" overlay (showOverlay): above the sticky header (1030), the mobile cart bar and the admin button; below modals */
.tgh #fullpage-overlay{z-index:1035}
.tgh .close{color:#fff;text-shadow:none;opacity:.7}
.tgh .close:hover{color:#fff;opacity:1}
.tgh .dropdown-menu{background:var(--tgh-surface);border:1px solid var(--tgh-line);border-radius:12px;padding:6px;box-shadow:0 18px 40px -18px rgba(0,0,0,.8);min-width:220px;list-style:none}
.tgh .dropdown-item{color:var(--tgh-text);border-radius:8px;padding:8px 12px;font-size:14px;white-space:normal}
.tgh .dropdown-item:hover,.tgh .dropdown-item:focus{background:var(--tgh-bg2);color:#fff;text-decoration:none}
.tgh .dropdown-divider{border-color:var(--tgh-line);margin:6px 0}
.tgh .popover{background:var(--tgh-surface);border:1px solid var(--tgh-line);border-radius:12px}
.tgh .popover-body{color:var(--tgh-text)}
.tgh .popover .arrow::after{border-bottom-color:var(--tgh-surface)}
.tgh .popover-user-notifications .client-alerts{list-style:none;margin:0;padding:0}
.tgh .popover-user-notifications .client-alerts a{display:flex;gap:10px;color:var(--tgh-text);padding:8px 4px}
/* Tabs and pagination */
.tgh .nav-tabs{border-bottom:1px solid var(--tgh-line);gap:4px}
.tgh .nav-tabs .nav-link{border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--tgh-muted2);font-weight:500;padding:12px 14px;background:none}
.tgh .nav-tabs .nav-link:hover{color:#fff}
.tgh .nav-tabs .nav-link.active,.tgh .nav-tabs .nav-item.show .nav-link{background:none;color:#fff;border-bottom-color:var(--tgh-yellow)}
.tgh .tab-content{color:var(--tgh-text)}
.tgh .pagination .page-link{background:var(--tgh-surface);border-color:var(--tgh-line);color:var(--tgh-text)}
.tgh .page-item.active .page-link{background:var(--tgh-yellow);border-color:var(--tgh-yellow);color:var(--tgh-yellow-ink)}
.tgh .page-item.disabled .page-link{background:var(--tgh-bg2);border-color:var(--tgh-line);color:var(--tgh-muted)}
/* Twenty-One specifics */
.tgh .tiles .tile{background:var(--tgh-surface);border-color:var(--tgh-line);color:var(--tgh-text)}
.tgh .tiles .tile .stat{color:#fff;font-family:var(--tgh-f-title)}
.tgh .tiles .tile i{color:var(--tgh-accent)}
.tgh .card-accent-blue,.tgh .card-accent-green,.tgh .card-accent-red,.tgh .card-accent-gold,.tgh .card-accent-teal,.tgh .card-accent-pomegranate,.tgh .card-accent-midnight-blue,.tgh .card-accent-asbestos,.tgh .card-accent-sun-flower,.tgh .card-accent-orange,.tgh .card-accent-amethyst,.tgh .card-accent-emerald{border-top:1px solid var(--tgh-line)}
.tgh .primary-content .card .card-title{color:#fff}
.tgh .mw-540{max-width:540px;margin-left:auto;margin-right:auto}
.tgh #fullpage-overlay{background:rgba(5,6,20,.8)}
/* «Return to Admin» (admin logueado o enmascarado como cliente). Clases propias: .btn-return-to-admin de twenty-one va fijo, girado y con !important. */
.tgh-admin-back i{font-size:13px;color:var(--tgh-yellow)}
.tgh-admin-back-txt{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.tgh-admin-float{position:fixed;left:16px;bottom:16px;z-index:1025;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--tgh-line);border-radius:10px;background:var(--tgh-bg2);color:var(--tgh-text)!important;font:500 13px/1 var(--tgh-f-text);text-decoration:none!important;box-shadow:0 8px 20px -12px rgba(0,0,0,.8)}
.tgh-admin-float i{font-size:12px;color:var(--tgh-yellow)}
.tgh-admin-float:hover{color:#fff!important;border-color:var(--tgh-accent)}
.tgh .providerLinkingFeedback:empty{display:none}

/* 7. TGH components (from the 2026 design) */
.tgh-muted{color:var(--tgh-muted2)}
.tgh-small{font-size:14px}
.tgh-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.tgh-toolbar h2{font-size:18px;margin:0}
.tgh-toolbar a:not(.btn){font-size:14px}
.tgh-steps{display:flex;gap:8px 12px;list-style:none;margin:0 0 28px;padding:0;counter-reset:s;flex-wrap:wrap}
.tgh-steps li{counter-increment:s;display:flex;align-items:center;gap:8px;color:#DADCF0;font-size:14px;font-weight:500}
.tgh-steps li::before{content:counter(s);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--tgh-line);background:var(--tgh-surface);font-size:13px}
.tgh-steps li.is-done::before{content:"\2713";color:var(--tgh-ok);border-color:var(--tgh-ok)}
.tgh-steps li[aria-current]{color:#fff}
.tgh-steps li[aria-current]::before{background:var(--tgh-yellow);border-color:var(--tgh-yellow);color:var(--tgh-yellow-ink);font-weight:700}
.tgh-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tgh-choice{position:relative}
.tgh-choice input{position:absolute;opacity:0;pointer-events:none}
.tgh-choice label{display:flex;align-items:center;gap:14px;min-height:64px;margin:0;padding:14px 16px;background:var(--tgh-bg2);border:1px solid var(--tgh-line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.tgh-choice input:checked+label{border-color:var(--tgh-yellow);background:#1a1c3f;box-shadow:var(--tgh-sel-y)}
.tgh-choice input:focus-visible+label{outline:2px solid var(--tgh-accent);outline-offset:3px}
.tgh-choice .t{display:block;color:#fff;font-weight:600;line-height:1.3}
.tgh-choice .s{display:block;font-size:13px;color:var(--tgh-muted2);font-weight:400}
.tgh-choice .p{margin-left:auto;font-weight:600;color:#fff;white-space:nowrap;font-size:14px}
.tgh-choice .p.is-free{color:var(--tgh-ok)}
.tgh-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--tgh-line);flex:none;display:grid;place-items:center}
.tgh-choice input:checked+label .tgh-check{border-color:var(--tgh-yellow);background:var(--tgh-yellow)}
.tgh-choice input:checked+label .tgh-check::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--tgh-yellow-ink)}
.tgh-badge{position:absolute;top:-9px;right:12px;background:var(--tgh-yellow);color:var(--tgh-yellow-ink);font:700 11px/1 var(--tgh-f-text);padding:4px 8px;border-radius:20px}
.tgh-flag{width:21px;height:14px;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.12);display:inline-block}
.tgh-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.tgh-chips li{font-size:13px;color:var(--tgh-text);background:var(--tgh-bg2);border:1px solid var(--tgh-line);border-radius:20px;padding:4px 10px;white-space:nowrap}
.tgh-notice{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--tgh-muted2);border:1px solid var(--tgh-line);border-radius:10px;padding:12px 14px;background:var(--tgh-bg2)}
.tgh-notice svg{width:18px;height:18px;color:var(--tgh-accent);margin-top:1px}
.tgh-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;line-height:1.2}
.tgh-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.tgh-tag.is-ok{color:var(--tgh-ok);background:rgba(61,220,151,.1)}
.tgh-tag.is-due{color:var(--tgh-yellow);background:rgba(250,191,38,.1)}
.tgh-tag.is-info{color:#9AA3FF;background:rgba(110,123,255,.12)}
.tgh-tag.is-bad{color:#FF8DA1;background:rgba(255,92,122,.12)}
.tgh-tag.is-off{color:#B4B8D8;background:rgba(180,184,216,.1)}
.tgh-kv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:10px 24px;margin:0;font-size:14px}
.tgh-kv dt{color:var(--tgh-muted2);font-weight:400}
.tgh-kv dd{margin:0;color:#fff;display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere;flex-wrap:wrap}
.tgh-sum h2{font-size:18px;margin-bottom:14px}
.tgh-sum-lines{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px;font-size:14px}
.tgh-sum-lines li{display:flex;justify-content:space-between;gap:12px}
.tgh-sum-lines li span:last-child{color:#fff;white-space:nowrap}
.tgh-sum-total{border-top:1px solid var(--tgh-line);padding-top:14px;margin-bottom:16px}
.tgh-sum-total .amt{font:800 32px/1.1 var(--tgh-f-title);color:#fff}
.tgh-trust{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px;font-size:13px;color:var(--tgh-muted2)}
.tgh-trust li{display:flex;gap:8px;align-items:center}
.tgh-trust svg{width:16px;height:16px;color:var(--tgh-accent)}
.tgh-mbar{display:none}
.tgh-empty{padding:28px 12px;text-align:center;color:var(--tgh-muted2);font-size:14px}
.tgh-addr{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;color:#fff;background:var(--tgh-bg2);border:1px solid var(--tgh-line);border-radius:8px;padding:2px 8px}
.tgh-copy{background:none;border:1px solid var(--tgh-line);border-radius:8px;color:var(--tgh-muted2);font-size:12px;padding:2px 8px;cursor:pointer}
.tgh-copy.is-done{border-color:var(--tgh-ok);color:var(--tgh-ok)}

/* Auth (login, register, reset) */
.tgh-auth{max-width:440px;margin:0 auto}
.tgh-auth-wide{max-width:760px}
.tgh-auth>.card,.tgh-auth .tgh-card{padding:32px}
.tgh-auth h1{font-size:26px;margin:0}
.tgh-auth .tgh-lead{color:var(--tgh-muted2);margin:4px 0 22px}
.tgh-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--tgh-bg2);border:1px solid var(--tgh-line);border-radius:12px;padding:4px;margin-bottom:22px}
.tgh-tabs a{text-align:center;padding:10px;border-radius:9px;color:var(--tgh-muted2);font-weight:600;font-size:14px;text-decoration:none!important}
.tgh-tabs a[aria-current]{background:var(--tgh-surface);color:#fff;box-shadow:inset 0 0 0 1px var(--tgh-line)}
.tgh-tabs a:hover{color:#fff}
.tgh-field-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tgh-field-row a{font-size:14px;font-weight:500}
.tgh-check-row{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--tgh-text);font-weight:400;margin:0}
.tgh-check-row input{width:18px;height:18px;margin-top:2px;flex:none;position:static;margin-left:0}
.tgh-auth-foot{text-align:center;margin-top:16px;font-size:14px;color:var(--tgh-on-photo)}
.tgh-auth-foot a{color:var(--tgh-accent-light);text-decoration:underline;text-underline-offset:2px}
.tgh-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.tgh-form-grid .tgh-full{grid-column:1/-1}
.tgh-fieldset{border:0;margin:0 0 8px;padding:0;min-width:0}
.tgh-fieldset legend{font:700 18px var(--tgh-f-title);color:#fff;margin:0 0 14px;padding:0;width:auto;float:none}
.tgh-sep{border:0;border-top:1px solid var(--tgh-line);margin:22px 0}

.tgh-req{color:var(--tgh-bad)}
.tgh-form-note{margin-top:12px!important;font-size:13px;color:var(--tgh-muted2);text-align:center}
.tgh-reset-ok{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.tgh-reset-ok h1{font-size:24px}
.tgh-reset-ok svg{width:28px;height:28px;color:var(--tgh-ok)}
.tgh-btn-row{display:flex;gap:10px;flex-wrap:wrap}
.tgh-btn-row .btn{flex:1}
.tgh .password-strength-meter .progress{height:6px;border-radius:6px;background:#22264d;margin-top:10px}
.tgh .password-strength-meter .progress-bar{border-radius:6px}
.tgh .password-strength-meter p{margin-top:6px}
.tgh .recaptcha-container,.tgh #default-captcha-domainchecker{margin:0 auto 16px}
.tgh .intl-tel-input{display:block;width:100%}
.tgh .intl-tel-input .country-list{background:var(--tgh-surface);border-color:var(--tgh-line);color:var(--tgh-text)}
.tgh .intl-tel-input .country-list .country.highlight{background:var(--tgh-bg2)}

/* Register form: Twenty-One styles #registration in light colours */
.tgh #registration{padding:0}
.tgh #registration label{font-weight:500;color:#fff;font-size:14px}
.tgh #registration .tgh-check-row{color:var(--tgh-text);font-weight:400}
.tgh #registration .field,.tgh #registration .form-control{height:48px;border-radius:10px;background-color:var(--tgh-bg2);border:1px solid var(--tgh-line);color:#fff;font-size:15px}
.tgh #registration .form-group>.field,.tgh #registration .form-group>.form-control,.tgh #registration .control>.field,.tgh #registration .control>.form-control{padding:0 14px}
.tgh #registration select.field,.tgh #registration select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%239A9FC4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px;-webkit-appearance:none;appearance:none}
.tgh #registration textarea.field{height:auto;padding:12px 14px}
.tgh #registration .field:focus,.tgh #registration .form-control:focus{border-color:var(--tgh-accent);box-shadow:0 0 0 3px rgba(110,123,255,.25)}
.tgh #registration .field-help-text{color:var(--tgh-muted2)}

/* Client area home */
.tgh-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.tgh-stat{display:flex;gap:14px;align-items:center;padding:20px 24px;color:var(--tgh-text)!important;text-decoration:none!important}
.tgh-stat .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--tgh-raised);color:var(--tgh-accent)}
.tgh-stat .ic svg{width:22px;height:22px}
.tgh-stat b{display:block;font:800 24px/1 var(--tgh-f-title);color:#fff}
.tgh-stat span{font-size:13px;color:var(--tgh-muted2)}
.tgh-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tgh-quick a{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--tgh-line);border-radius:12px;background:var(--tgh-bg2);color:#fff;font-size:14px;font-weight:500;text-decoration:none!important}
.tgh-quick svg{width:18px;height:18px;color:var(--tgh-accent)}
.tgh-panels{display:grid;gap:20px}
.tgh-panels .card{margin:0}
.tgh-panels .card-header .btn{min-height:32px;padding:0 12px;font-size:13px;margin-left:8px}
.tgh-panels .card-header h3{display:flex;align-items:center;gap:8px;margin:0}
.tgh-panels .card-header h3 i{color:var(--tgh-accent)}
.tgh-panels .card-header .float-right{order:9;margin-left:auto}
.tgh-panels .list-group-item{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tgh-panels .list-group-item .label{margin-left:auto}

/* Services */
.tgh-srv{display:flex;align-items:center;gap:12px}
.tgh-srv .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--tgh-raised);flex:none}
.tgh-srv .ic svg{width:30px;height:24px}
.tgh-srv small{display:block;color:var(--tgh-muted2);font-size:12px}
.tgh-srv a{color:#fff;font-weight:600}
.tgh-svc-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.tgh-svc-head .cover{width:72px;height:72px;border-radius:14px;display:grid;place-items:center;background:var(--tgh-raised);border:1px solid var(--tgh-line)}
.tgh-svc-head .cover svg{width:56px;height:46px}
.tgh-svc-head h1{font-size:28px;margin:0}
.tgh-svc-head p{margin:4px 0 0}
.tgh-svc-head .tgh-actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.tgh-res{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tgh-res div{background:var(--tgh-bg2);border:1px solid var(--tgh-line);border-radius:12px;padding:14px}
.tgh-res b{display:block;font:700 19px/1.2 var(--tgh-f-title);color:#fff}
.tgh-res span{font-size:13px;color:var(--tgh-muted2)}
.tgh-module{overflow-x:auto}

/* Filters (status pills) */
.tgh-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.tgh-filters a,.tgh-filters button{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:20px;border:1px solid var(--tgh-line);background:var(--tgh-bg2);color:var(--tgh-text);font:500 14px var(--tgh-f-text);cursor:pointer;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.tgh-filters a[aria-current],.tgh-filters a.active,.tgh-filters button[aria-pressed="true"]{border-color:var(--tgh-yellow);color:#fff;box-shadow:inset 0 0 0 1px var(--tgh-yellow)}
.tgh-filters span{color:var(--tgh-muted2);margin-left:6px}
.tgh-table-wrap{overflow-x:auto}
.tgh .table .num{text-align:right;white-space:nowrap}
.tgh .table td small{display:block;color:var(--tgh-muted2);font-size:12px}
.tgh .table a.rowlink{color:#fff;font-weight:600}

/* Invoice */
.tgh-inv-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--tgh-line);margin-bottom:20px}
.tgh-inv-top h1{font-size:26px;margin:0 0 8px}
.tgh-inv-addr{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;font-size:14px}
.tgh-inv-addr b{display:block;color:#fff;margin-bottom:4px}
.tgh-inv-tot{margin:16px 0 0 auto;max-width:340px;display:grid;gap:8px;font-size:14px}
.tgh-inv-tot div{display:flex;justify-content:space-between;gap:12px}
.tgh-inv-tot div span:last-child{color:#fff}
.tgh-inv-tot .grand{border-top:1px solid var(--tgh-line);padding-top:10px;font:700 18px var(--tgh-f-title);color:#fff}
.tgh-inv-meta{display:grid;gap:4px;font-size:14px;text-align:right}
.tgh-inv-meta span{color:var(--tgh-muted2)}
.tgh-inv-pay .form-control{max-width:320px}
.tgh-inv-pay form{display:inline-block}

/* Tickets */
.tgh-thread{display:grid;gap:14px}
.tgh-msg{border:1px solid var(--tgh-line);border-radius:14px;padding:18px 20px;background:var(--tgh-surface)}
.tgh-msg.is-staff{border-left:3px solid var(--tgh-accent)}
.tgh-msg.is-me{background:#121637}
.tgh-msg header{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:10px;flex-wrap:wrap;font-size:14px}
.tgh-msg header b{color:#fff}
.tgh-msg .tgh-msg-body{color:var(--tgh-text);overflow-wrap:anywhere}
.tgh-msg .tgh-msg-body img{max-width:100%}
.tgh-msg .tgh-attach{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--tgh-line);list-style:none;display:flex;gap:8px;flex-wrap:wrap;font-size:13px}

/* Knowledgebase and news */
.tgh-kb-search{position:relative;max-width:640px;margin-top:20px}
.tgh-kb-search .form-control{height:56px;padding-left:48px;font-size:16px}
.tgh-kb-search svg{position:absolute;left:16px;top:18px;width:20px;height:20px;color:var(--tgh-muted2);pointer-events:none;z-index:4}
.tgh-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}
.tgh-cat{display:flex;flex-direction:column;gap:6px;color:#fff!important;padding:24px;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.tgh-cat .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--c,var(--tgh-accent));background:color-mix(in srgb,var(--c,var(--tgh-accent)) 14%,transparent);margin-bottom:6px}
.tgh-cat .ic svg{width:22px;height:22px}
.tgh-cat b{font:700 17px/1.3 var(--tgh-f-title)}
.tgh-cat span{font-size:13px;color:var(--tgh-muted2)}
.tgh-cats>:nth-child(4n+1){--c:#FABF26}.tgh-cats>:nth-child(4n+2){--c:#8C96FF}.tgh-cats>:nth-child(4n+3){--c:#3DDC97}.tgh-cats>:nth-child(4n+4){--c:#4CC9F0}
.tgh-kb-list{list-style:none;padding:0;margin:0;display:grid}
.tgh-kb-list a{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--tgh-line);color:#fff;font-weight:500;text-decoration:none!important}
.tgh-kb-list li:last-child a{border-bottom:0}
.tgh-kb-list a svg{width:18px;height:18px;color:var(--tgh-accent)}
.tgh-kb-list small{display:block;color:var(--tgh-muted2);font-size:13px;font-weight:400}
.tgh-news{display:grid;gap:16px}
.tgh-news time{font-size:13px;color:var(--tgh-muted2)}
.tgh-news h2{font-size:21px;margin:6px 0 10px}
.tgh-news h2 a{color:#fff}
.tgh-article{line-height:1.7}
.tgh-article h2{margin:28px 0 10px;font-size:20px}

/* Account side menu (sidebar as list) */
.tgh-con-barra .card-sidebar .list-group-item{border:0;border-radius:10px;margin:2px 6px}
.tgh-con-barra .card-sidebar .list-group{padding:4px 0 8px}

/* Footer */
.tgh-foot{position:relative;z-index:1;border-top:1px solid var(--tgh-line);background:var(--tgh-bg2);padding:48px 0 24px;font-size:14px}
.tgh-foot-top{display:grid;grid-template-columns:1.3fr 2fr;gap:40px}
.tgh-foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.tgh-foot-h{font:700 13px var(--tgh-f-title);color:var(--tgh-yellow);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px!important}
.tgh-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.tgh-foot a{color:var(--tgh-text)}
.tgh-foot a:hover{color:#fff}
.tgh-foot-loc{display:flex;gap:8px;align-items:center;margin-bottom:8px!important;color:var(--tgh-text)}
.tgh-foot-loc img{width:21px;height:14px;border-radius:2px}
.tgh-foot-about{margin-top:14px!important;max-width:360px;color:var(--tgh-muted2)}
.tgh-social{display:flex!important;gap:8px;margin-top:14px!important}
.tgh-social:empty{display:none!important}
.tgh-social .list-inline-item{margin:0}
.tgh-social .btn{min-height:40px;width:40px;padding:0;background:var(--tgh-surface);border-color:var(--tgh-line);color:#fff!important}
.tgh-foot-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--tgh-line);margin-top:32px;padding-top:20px;color:var(--tgh-muted2);font-size:13px;flex-wrap:wrap}
.tgh-foot-bottom p{margin:0}

/* 8. Hover (yellow outline only on devices with a mouse) */
.tgh-choice label,.tgh .form-control,.tgh .custom-select,.tgh .btn-default,.tgh .btn-secondary,.tgh-quick a,.tgh-pill,.tgh-stat,.tgh-cat,.tgh-filters a{transition:border-color .15s,background .15s,box-shadow .15s}
@media (hover:hover){
  .tgh-choice input:not(:checked)+label:hover,
  .tgh .form-control:hover:not(:focus),
  .tgh #registration .field:hover:not(:focus),
  .tgh .custom-select:hover:not(:focus),
  .tgh .btn-default:hover,.tgh .btn-secondary:hover,.tgh .btn-info:hover,.tgh .btn-outline-primary:hover,.tgh .btn-outline-secondary:hover,
  .tgh-quick a:hover,
  .tgh-pill:hover,
  .tgh-stat:hover,
  .tgh-cat:hover,
  .tgh-filters a:hover,.tgh-filters button:hover{border-color:var(--tgh-yellow);box-shadow:var(--tgh-hover-y)}
  .tgh-choice input:not(:checked)+label:hover .tgh-check{border-color:var(--tgh-yellow)}
}

/* 9. Responsive */
@media (min-width:1024px) and (max-width:1180px){ .tgh-nav-in{gap:16px} .tgh-nav-links a{padding:8px} }
@media (max-width:1100px){
  .tgh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tgh-grid-2{grid-template-columns:minmax(0,1fr) 320px}
  .tgh-cats,.tgh-foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tgh-con-barra{grid-template-columns:240px minmax(0,1fr)}
}
@media (max-width:1023px){
  .tgh-nav-links,.tgh-nav-end{display:none}
  .tgh-burger{display:grid;place-items:center}
  .tgh-head.is-open .tgh-nav-menu{display:grid;gap:12px;position:absolute;z-index:5;top:72px;left:0;right:0;background:var(--tgh-bg);border-bottom:1px solid var(--tgh-line);padding:16px 24px;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow:auto;overscroll-behavior:contain}
  .tgh-head.is-open .tgh-nav-links,.tgh-head.is-open .tgh-nav-end{display:grid;margin:0;justify-items:start}
  .tgh-head.is-open .tgh-nav-end{display:flex;flex-wrap:wrap}
  .tgh-head.is-open .tgh-lang{flex:1 0 100%}
  .tgh-head.is-open .tgh-lang-pop{position:static;width:auto;min-width:240px;max-height:none;overflow:visible;margin-top:8px;box-shadow:none}
  .tgh-admin-back-txt{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
  .tgh-subnav .tgh-wrap{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
  .tgh-subnav .tgh-wrap::-webkit-scrollbar{display:none}
  .tgh-menu{flex-wrap:nowrap}
  .tgh-menu-item{position:static}
  .tgh-menu .dropdown-menu,.tgh-menu .dropdown-menu-right{left:16px;right:16px;min-width:0}
}
@media (max-width:860px){
  .tgh-grid-2,.tgh-con-barra{grid-template-columns:minmax(0,1fr)}
  .tgh-foot-top{grid-template-columns:1fr}
  .tgh-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1020;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--tgh-bg2);border-top:1px solid var(--tgh-line)}
  body.tgh-has-mbar{padding-bottom:76px}
  body.tgh-has-mbar .tgh-admin-float{bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media (max-width:767px){
  .tgh-admin-float{width:40px;height:40px;padding:0;justify-content:center}
  .tgh-admin-float-txt{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}
@media (max-width:600px){
  .tgh-wrap{padding:0 16px}
  .tgh-page{padding:24px 0 56px}
  .tgh-page::before{height:520px;background:
    linear-gradient(180deg,rgba(36,44,130,.3) 0%,rgba(10,12,34,.6) 30%,rgba(10,12,34,.78) 70%,var(--tgh-bg) 100%),
    url(../img/fondo-minecraft.webp) center 58%/cover no-repeat}
  .tgh-card,.tgh-auth>.card,.tgh-auth .tgh-card{padding:18px}
  .tgh .card-body{padding:16px}
  .tgh-choices,.tgh-form-grid,.tgh-quick,.tgh-cats,.tgh-inv-addr{grid-template-columns:1fr}
  .tgh-foot-cols{grid-template-columns:1fr 1fr}
  .tgh-stats{grid-template-columns:1fr 1fr;gap:10px}
  .tgh-stat{padding:14px}
  .tgh-stat .ic{display:none}
  .tgh-res{grid-template-columns:1fr 1fr}
  .tgh-kv{grid-template-columns:1fr;gap:2px}
  .tgh-kv dd{margin-bottom:10px}
  .tgh-svc-head .tgh-actions{margin-left:0;width:100%}
  .tgh-inv-meta{text-align:left}
  .tgh-msg{padding:16px}
  .tgh-foot-bottom{flex-direction:column}
  .tgh .table.tgh-resp thead{display:none}
  .tgh .table.tgh-resp tr{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:14px 0;border-bottom:1px solid var(--tgh-line)}
  .tgh .table.tgh-resp td{border:0;padding:0}
  .tgh .table.tgh-resp td[data-hide]{display:none}
  .tgh .table.tgh-resp tr:last-child{border-bottom:0}
}
@media (prefers-reduced-motion:reduce){ .tgh *{transition:none!important;animation:none!important} }
@media print{
  .tgh-head,.tgh-subnav,.tgh-foot,.tgh-no-print,.tgh-skip{display:none!important}
  .tgh-page::before{content:none}
  body.tgh{background:#fff;color:#111}
  .tgh .card,.tgh-card{background:#fff;border-color:#ccc}
  .tgh .card *,.tgh-card *,.tgh .table td{color:#111!important}
}