nav {
    background: linear-gradient(90deg, #03122f 0%, #032850 50%, #03122f 100%) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.items-container ul {

}

#mainContainer {
    background: transparent !important;
}

footer {
    color: #d4ecff;
    background-color: transparent;
    border-top: 1px solid rgba(164, 224, 255, 0.20);
    border-top-color: rgba(164, 224, 255, 0.20);
}

.home-section {
    padding: 20px;
    font-size: 24px;
}
.font-size-1rem {
    font-size: 1rem
}

.font-size-1 {
    font-size: .87422rem
}

.font-size-2 {
    font-size: 1.4055rem
}

.font-size-3 {
    font-size: 1.874rem
}

.font-size-4 {
    font-size: 2.3425rem
}

.font-size-5 {
    font-size: 2.811rem
}

.font-size-6 {
    font-size: 4.4976rem
}

.font-size-22 {
    font-size: 1.375rem
}

.font-size-10 {
    font-size: .625rem
}

.font-size-11 {
    font-size: .688rem
}

.font-size-12 {
    font-size: .75rem
}

.font-size-13 {
    font-size: .812rem
}

.font-size-14 {
    font-size: .875rem
}

.font-size-15 {
    font-size: .938rem
}

.font-size-16 {
    font-size: 1rem
}

.font-size-16-r {
    font-size: .75rem
}

@media(min-width: 768px) {
    .font-size-16-r {
        font-size:1rem
    }
}

.font-size-17 {
    font-size: 1.063rem
}

.font-size-18 {
    font-size: 1.125rem
}

.font-size-18-r {
    font-size: .875rem
}

@media(min-width: 768px) {
    .font-size-18-r {
        font-size:1.125rem
    }
}

.font-size-19 {
    font-size: 1.187rem
}

.font-size-20 {
    font-size: 1.25rem
}

.font-size-21 {
    font-size: 1.313rem
}

.font-size-21-r {
    font-size: 1.125rem
}

@media(min-width: 768px) {
    .font-size-21-r {
        font-size:1.313rem
    }
}

.font-size-23-r {
    font-size: 1.125rem
}

@media(min-width: 768px) {
    .font-size-23-r {
        font-size:1.437rem
    }
}

.font-size-24 {
    font-size: 1.5rem
}

.font-size-26 {
    font-size: 1.625rem
}

.font-size-26-r {
    font-size: .875rem
}
.font-weight-medium {
    font-weight: 500!important
}

.font-weight-semi-bold {
    font-weight: 600!important
}

.font-secondary {
    font-family: montserrat,sans-serif
}
.text-white {
    color: #fff!important
}
.border-gray-6830 {
    border-color: #394253!important
}
.p-0 {
    padding: 0!important
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto,.col-wd-1,.col-wd-2,.col-wd-3,.col-wd-4,.col-wd-5,.col-wd-6,.col-wd-7,.col-wd-8,.col-wd-9,.col-wd-10,.col-wd-11,.col-wd-12,.col-wd,.col-wd-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px
}
@media(min-width: 992px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important;
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media(min-width: 1200px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media(min-width: 1480px) {
    .d-wd-none {
        display:none!important
    }

    .d-wd-inline {
        display: inline!important
    }

    .d-wd-inline-block {
        display: inline-block!important
    }

    .d-wd-block {
        display: block!important
    }

    .d-wd-table {
        display: table!important
    }

    .d-wd-table-row {
        display: table-row!important
    }

    .d-wd-table-cell {
        display: table-cell!important
    }

    .d-wd-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-wd-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}
@media(min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}
.border-top {
    border-top: .0625rem solid #d0d0d2!important
}
.border-gray-6830 {
    border-color: #394253!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.img-fluid {
    max-width: 100%;
    height: auto
}
.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}
.m-n1 {
    margin: -.25rem!important
}

.mt-n1,.my-n1 {
    margin-top: -.25rem!important
}

.mr-n1,.mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1,.mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,.my-n2 {
    margin-top: -.5rem!important
}

.mr-n2,.mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2,.mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,.my-n3 {
    margin-top: -1rem!important
}

.mr-n3,.mx-n3 {
    margin-right: -1rem!important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3,.mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4,.mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4,.mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -2rem!important
}

.mt-n5,.my-n5 {
    margin-top: -2rem!important
}

.mr-n5,.mx-n5 {
    margin-right: -2rem!important
}

.mb-n5,.my-n5 {
    margin-bottom: -2rem!important
}

.ml-n5,.mx-n5 {
    margin-left: -2rem!important
}

.m-n1d {
    margin: -.312rem!important
}

.mt-n1d,.my-n1d {
    margin-top: -.312rem!important
}

.mr-n1d,.mx-n1d {
    margin-right: -.312rem!important
}

.mb-n1d,.my-n1d {
    margin-bottom: -.312rem!important
}

.ml-n1d,.mx-n1d {
    margin-left: -.312rem!important
}

.m-n2d {
    margin: -.7rem!important
}

.mt-n2d,.my-n2d {
    margin-top: -.7rem!important
}

.mr-n2d,.mx-n2d {
    margin-right: -.7rem!important
}

.mb-n2d,.my-n2d {
    margin-bottom: -.7rem!important
}

.ml-n2d,.mx-n2d {
    margin-left: -.7rem!important
}

.m-n3d {
    margin: -1.3rem!important
}

.mt-n3d,.my-n3d {
    margin-top: -1.3rem!important
}

.mr-n3d,.mx-n3d {
    margin-right: -1.3rem!important
}

.mb-n3d,.my-n3d {
    margin-bottom: -1.3rem!important
}

.ml-n3d,.mx-n3d {
    margin-left: -1.3rem!important
}

.m-n4d {
    margin: -1.7rem!important
}

.mt-n4d,.my-n4d {
    margin-top: -1.7rem!important
}

.mr-n4d,.mx-n4d {
    margin-right: -1.7rem!important
}

.mb-n4d,.my-n4d {
    margin-bottom: -1.7rem!important
}

.ml-n4d,.mx-n4d {
    margin-left: -1.7rem!important
}

.m-n5d {
    margin: -2.3rem!important
}

.mt-n5d,.my-n5d {
    margin-top: -2.3rem!important
}

.mr-n5d,.mx-n5d {
    margin-right: -2.3rem!important
}

.mb-n5d,.my-n5d {
    margin-bottom: -2.3rem!important
}

.ml-n5d,.mx-n5d {
    margin-left: -2.3rem!important
}

.m-n6 {
    margin: -2.5rem!important
}

.mt-n6,.my-n6 {
    margin-top: -2.5rem!important
}

.mr-n6,.mx-n6 {
    margin-right: -2.5rem!important
}

.mb-n6,.my-n6 {
    margin-bottom: -2.5rem!important
}

.ml-n6,.mx-n6 {
    margin-left: -2.5rem!important
}

.m-n6d {
    margin: -2.7rem!important
}

.mt-n6d,.my-n6d {
    margin-top: -2.7rem!important
}

.mr-n6d,.mx-n6d {
    margin-right: -2.7rem!important
}

.mb-n6d,.my-n6d {
    margin-bottom: -2.7rem!important
}

.ml-n6d,.mx-n6d {
    margin-left: -2.7rem!important
}
@media(max-width: 991.98px) {
    .cbp-filter-scrollbar {
        max-width:100%;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .cbp-filter-scrollbar::-webkit-scrollbar {
        height: .25rem
    }

    .cbp-filter-scrollbar::-webkit-scrollbar-thumb {
        background-color: rgba(189,197,209,.6);
        visibility: hidden
    }

    .cbp-filter-scrollbar:hover::-webkit-scrollbar-thumb {
        visibility: visible
    }
}

@media(max-width: 991.98px) {
    .cbp-filter-scrollbar {
        max-width:100%;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .cbp-filter-scrollbar::-webkit-scrollbar {
        height: .25rem
    }

    .cbp-filter-scrollbar::-webkit-scrollbar-thumb {
        background-color: rgba(189,197,209,.6);
        visibility: hidden
    }

    .cbp-filter-scrollbar:hover::-webkit-scrollbar-thumb {
        visibility: visible
    }
}
.videoGolplus {
    position: relative;
    margin: 0 5px
}

.videoGolplus:hover>a>.fechaGolplus {
    visibility: visible;
    left: 0;
    opacity: 1;
    transition: all 1s,opacity .5s linear
}
.videoGolplus img {
    width: 100%;
}
.golplus {
    position: absolute;
    top: 1.5rem;
    left: 0;
    line-height: 1.2;
    color: #fff;
    text-decoration: inherit;
    font-size: 14px;
    width: 69%;
    transition: .5s;
    padding: 5px 0 5px 9px;
    text-shadow: 2px 2px 2px #111828;
}
.fechaGolplusTitle {
    text-shadow: 2px 2px 2px #111828;
}
.fechaGolplus {
    position: absolute;
    top: 1.5rem;
    left: 0;
    line-height: 1.2;
    color: #fff;
    text-decoration: inherit;
    font-size: 14px;
    width: 69%;
    transition: .5s;
    background-color: #299fd6;
    padding: 5px 0 5px 9px;
    visibility: hidden;
    opacity: 0;
    transition: all .5s,visibility 0s .5s,opacity .5s linear;
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
}
.ml-n2,.mx-n2 {
    margin-left: -.5rem!important
}
.mr-n2,.mx-n2 {
    margin-right: -.5rem!important
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.pl-2,.px-2 {
    padding-left: .5rem!important
}
.pr-2,.px-2 {
    padding-right: .5rem!important;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
/* DivTable.com */
.divTable {
    display: flex;
    width: 100%;
}
.divTableChild {
    display: table;
    max-width: 55%;
}
.divTableRow {

}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}
.divTableCell, .divTableHead {
    display: table-cell;
    padding: 5px;
}
.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}
.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}
.divTableBody {

}
.divTableBodyChild {
    width: 100%;
}
view.resume {
    position: absolute;
    background: rgba(34, 52, 131, 0.6) !important;
    padding: 1px 4px;
    color: #FFF;
    bottom: 5px;
    right: 5px;
    font-size: 12px;
    border-radius: 5px;
    opacity: 0.8;
    text-shadow: 1px 1px 4px #000;
    z-index: 10;
}
/*### foot carousel*/
.maxlinks-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.maxlinks-wrapper {
    display: flex;
    transition: transform 0.5s ease;
}

.maxlinks {
    flex: 0 0 calc(20% - 16px);
    height: 360px;
    #background-size: cover;
    background-position: center;
    position: relative;
    box-sizing: border-box;
    border-radius: 20px;
    overflow: hidden;
    margin-right: 20px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.maxlinks:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.maxlinks a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    text-decoration: none;
}

.maxlinks .title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #f5eded;
    text-shadow: 1px 1px 2px rgb(24 20 20 / 80%);
    background-color: rgb(26 24 24 / 90%);
    padding: 10px 15px;
    border-radius: 10px;
    transition: background-color 0.3s ease;
    text-align: center;
    width: 90%;
}
.maxlinks:hover .title {
    background-color: rgba(0,0,0,0.8);
}

.maxlinks-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    font-size: 24px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    z-index: 10;
}

.maxlinks-control:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

#prevBtn {
    left: 10px;
    visibility: hidden;
}

#nextBtn {
    right: 10px;
    visibility: hidden;
}

@media (max-width: 1200px) {
    .maxlinks {
        flex: 0 0 calc(25% - 15px);
    }
}

@media (max-width: 992px) {
    .maxlinks {
        flex: 0 0 calc(33.333% - 13.333px);
    }
}

@media (max-width: 768px) {
    .maxlinks {
        flex: 0 0 calc(50% - 10px);
    }
}

@media (max-width: 576px) {
    .maxlinks {
        flex: 0 0 calc(100% - 20px);
    }
}

/* ============================================================
   2026 Ocean Night Theme Override
   ============================================================ */
html,
body,
#mainContainer {
    background:
        linear-gradient(148deg, transparent 0%, transparent 14%, rgba(50, 221, 171, 0.28) 24%, transparent 34%, transparent 100%),
        linear-gradient(33deg, transparent 0%, transparent 66%, rgba(80, 228, 255, 0.26) 74%, transparent 84%, transparent 100%),
        linear-gradient(180deg, #013747 0%, #052842 20%, #022963 48%, #03165f 68%, #02083f 100%) !important;
    background-attachment: fixed !important;
}

nav,
.navbar,
#mainNavBar {
    background: rgba(2, 16, 45, 0.90) !important;
    border-bottom: 1px solid rgba(164, 224, 255, 0.18) !important;
}

footer {
    color: #d4ecff !important;
    border-top: 1px solid rgba(164, 224, 255, 0.20) !important;
    background: rgba(2, 16, 45, 0.50) !important;
}

.maxlinks .title {
    color: #e7f4ff;
    background-color: rgba(5, 32, 80, 0.78);
    border: 1px solid rgba(164, 224, 255, 0.18);
}

.maxlinks:hover .title,
.maxlinks-control:hover {
    background-color: rgba(15, 94, 161, 0.72);
}

/* ============================================================
   2026 Neon Wallet Theme Override
   ============================================================ */
html,
body,
#mainContainer {
    background:
        radial-gradient(circle at 18% 2%, rgba(131, 87, 243, 0.24) 0, transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(243, 53, 116, 0.24) 0, transparent 32%),
        linear-gradient(180deg, #272b35 0%, #242832 44%, #20242d 100%) !important;
    background-attachment: fixed !important;
}

nav,
.navbar,
#mainNavBar {
    background: rgba(37, 41, 51, 0.92) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 12px 36px rgba(8, 9, 14, 0.34) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

footer {
    color: #bbb7c9 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(37, 41, 51, 0.64) !important;
}

.home-section {
    color: #f8f5ff;
}

.maxlinks .title {
    color: #f8f5ff;
    background-color: rgba(43, 48, 59, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.maxlinks:hover .title,
.maxlinks-control:hover {
    background: linear-gradient(135deg, rgba(131, 87, 243, 0.42), rgba(243, 53, 116, 0.36));
}

/* ============================================================
   2026 Gray Glass + Lime Override
   ============================================================ */
html,
body,
#mainContainer {
    background: linear-gradient(180deg, #31343a 0%, #292c31 42%, #22252a 100%) !important;
    background-attachment: fixed !important;
}

nav,
.navbar,
#mainNavBar {
    background: rgba(0, 0, 0, 0.74) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.46) !important;
    backdrop-filter: blur(18px) saturate(1.08);
    -webkit-backdrop-filter: blur(18px) saturate(1.08);
}

footer {
    background: rgba(28, 30, 35, 0.72) !important;
}

.maxlinks:hover .title,
.maxlinks-control:hover {
    background: rgba(153, 248, 91, 0.18) !important;
    border-color: rgba(153, 248, 91, 0.45) !important;
}
