:root{
  --iamart-blue:#43a6db;
  --iamart-blue-dark:#1687c0;
  --iamart-navy:#0b2b4b;
  --iamart-navy-deep:#071c32;
  --iamart-accent:#f6a91a;
  --iamart-bg:#f4f9fc;
  --iamart-surface:#ffffff;
  --iamart-ink:#142033;
  --iamart-muted:#68778a;
  --iamart-line:#dce8ef;
}
*{box-sizing:border-box}
html,body{width:100%;max-width:none;margin:0;overflow-x:hidden;background:var(--iamart-bg)!important;color:var(--iamart-ink)}
body{font-family:Inter,"Open Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:15px}
#header,.header,.topbar,.navbar,.main-navbar-wrapper,#main-body,footer,.footer{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
.container{width:100%!important;max-width:none!important;padding-left:clamp(22px,4vw,72px)!important;padding-right:clamp(22px,4vw,72px)!important;margin-left:0!important;margin-right:0!important}
.header .topbar{background:var(--iamart-navy-deep)!important;color:#fff!important;border:0!important;min-height:38px}
.header .topbar .btn,.header .topbar .input-group-text{color:rgba(255,255,255,.78)!important;background:transparent!important;border:0!important}
.header .navbar-light{background:#fff!important;min-height:82px;border:0!important;box-shadow:0 5px 22px rgba(11,43,75,.07)!important}
.header .main-navbar-wrapper{background:linear-gradient(90deg,var(--iamart-navy),var(--iamart-blue-dark))!important;border:0!important;min-height:48px}
.header .main-navbar-wrapper .nav-link{color:rgba(255,255,255,.9)!important;font-weight:750!important;padding-top:14px!important;padding-bottom:14px!important}
.header .main-navbar-wrapper .nav-link:hover,.header .main-navbar-wrapper .nav-item.active>.nav-link{color:#fff!important;background:rgba(255,255,255,.09)!important}
.logo-img,.navbar-brand img{width:auto!important;height:auto!important;max-height:52px!important;max-width:250px!important;object-fit:contain!important}
.header .navbar-brand{padding:0!important;margin-right:34px!important}
.header .search .form-control{min-width:280px}
#main-body{padding:36px 0 68px!important;background:var(--iamart-bg)!important;min-height:66vh}
#main-body>.container{max-width:none!important;width:100%!important}
#main-body>.container>.row{margin-left:-12px!important;margin-right:-12px!important}
#main-body>.container>.row>[class*=col-]{padding-left:12px!important;padding-right:12px!important}
.primary-content{min-width:0}
.breadcrumb{background:transparent!important;border:0!important;padding:0 0 18px!important;margin:0!important;color:var(--iamart-muted)!important}
.page-header{border:0!important;margin:0 0 24px!important;padding:0!important}
.page-header h1{font-size:34px!important;font-weight:850!important;letter-spacing:-.035em!important;color:var(--iamart-navy)!important}
.sidebar .card,.sidebar .panel{border:1px solid var(--iamart-line)!important;border-radius:8px!important;box-shadow:none!important;background:#fff!important;margin-bottom:14px!important}
.sidebar .card-header,.sidebar .panel-heading{background:var(--iamart-navy)!important;color:#fff!important;border:0!important;padding:15px 17px!important}
.sidebar .card-title,.sidebar .panel-title{color:#fff!important;font-weight:800!important}
.sidebar .list-group-item{border-color:#e7eef3!important;padding:12px 16px!important}
.sidebar .list-group-item:hover{background:#eef8fd!important;color:var(--iamart-blue-dark)!important}
.tiles{margin:0 0 22px!important}
.tiles .row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
.tiles .row>[class*=col-]{padding:0!important;max-width:none!important;width:auto!important;flex:none!important}
.tiles .tile{position:relative;display:block!important;min-height:132px!important;padding:20px 22px!important;border:1px solid var(--iamart-line)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;overflow:hidden;transition:transform .18s ease,border-color .18s ease}
.tiles .tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--iamart-blue)}
.tiles .row>[class*=col-]:nth-child(2) .tile:before{background:#35b56f}
.tiles .row>[class*=col-]:nth-child(3) .tile:before{background:#ef5b66}
.tiles .row>[class*=col-]:nth-child(4) .tile:before{background:var(--iamart-accent)}
.tiles .tile:hover{transform:translateY(-2px);border-color:#bddbeb!important}
.tiles .tile i{position:absolute;right:18px;top:18px;font-size:28px!important;color:var(--iamart-blue)!important;opacity:.95}
.tiles .tile .stat{font-size:38px!important;font-weight:850!important;color:var(--iamart-navy)!important;line-height:1!important;margin-top:22px!important}
.tiles .tile .title{font-size:12px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.055em!important;color:var(--iamart-muted)!important;margin-top:6px!important}
.card,.panel,.domain-renewals,.client-home-cards .card,.list-group{border:1px solid var(--iamart-line)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;overflow:hidden}
.card-header,.panel-heading{padding:16px 19px!important;background:#fff!important;border-bottom:1px solid #e5edf2!important}
.card-title,.panel-title{font-weight:820!important;color:var(--iamart-navy)!important}
.card-body{padding:20px!important}
.card-footer{background:#f8fbfd!important;border-top:1px solid #e5edf2!important;padding:13px 19px!important}
.client-home-cards>.row{margin-left:-8px!important;margin-right:-8px!important}
.client-home-cards>.row>[class*=col-]{padding-left:8px!important;padding-right:8px!important}
.client-home-cards .card{margin-bottom:16px!important}
.btn{border-radius:7px!important;font-weight:780!important}
.btn-primary,.btn-success,.btn-info{border:0!important;background:var(--iamart-blue)!important;color:#fff!important}
.btn-primary:hover,.btn-success:hover,.btn-info:hover{background:var(--iamart-blue-dark)!important}
.btn-warning{border:0!important;background:var(--iamart-accent)!important;color:#17202e!important}
.btn-default{border-color:#cbd9e3!important;background:#fff!important}
.form-control,.custom-select,.input-group-text{border-radius:7px!important;border-color:#cddbe5!important;min-height:42px!important}
.form-control:focus,.custom-select:focus{border-color:var(--iamart-blue)!important;box-shadow:0 0 0 .2rem rgba(67,166,219,.13)!important}
.table{background:#fff!important;border:1px solid var(--iamart-line)!important}
.table thead th{background:#f3f8fb!important;border-bottom:1px solid var(--iamart-line)!important;color:#435269!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.055em!important}
.table td,.table th{padding:14px!important;vertical-align:middle!important}
.alert{border-radius:8px!important}
.logincontainer{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.logincontainer .card{border-top:4px solid var(--iamart-blue)!important}
.footer{background:linear-gradient(115deg,var(--iamart-navy-deep),var(--iamart-navy))!important;color:rgba(255,255,255,.74)!important;margin-top:0!important;padding:44px 0!important}
.footer a{color:#fff!important}.footer .copyright{color:rgba(255,255,255,.55)!important}
img{max-width:100%;height:auto}.modal img,.card img{object-fit:contain}
@media(min-width:1200px){#main-body .col-xl-3{flex:0 0 250px!important;max-width:250px!important}#main-body .col-xl-9{flex:1 1 0!important;max-width:none!important}}
@media(max-width:1100px){.tiles .row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){.container{padding-left:18px!important;padding-right:18px!important}.tiles .row{grid-template-columns:1fr!important}.logo-img,.navbar-brand img{max-height:44px!important;max-width:210px!important}#main-body{padding-top:24px!important}.page-header h1{font-size:28px!important}}
.iamart-public-link{align-items:center;gap:8px;color:var(--iamart-blue-dark)!important;font-weight:800!important;font-size:13px!important;padding:9px 12px!important;border-left:1px solid var(--iamart-line)!important;margin-left:4px!important}
.iamart-public-link:hover{color:var(--iamart-navy)!important}

/* ==========================================================
   IAMART WHMCS PORTAL — VISUAL FIX 3.1.0
   - Menú superior blanco y legible
   - Topbar con contraste correcto
   - KPIs amplios, completos y proporcionados
   - Azul principal IAMART #43A6DB
   ========================================================== */

/* TOPBAR: toda la información debe leerse sobre el fondo oscuro */
#header .topbar,
#header .topbar .container,
#header .topbar .btn,
#header .topbar .btn span,
#header .topbar .input-group-text,
#header .topbar a,
#header .topbar i,
#header .topbar .active-client,
#header .topbar .active-client * {
    color: #ffffff !important;
}

#header .topbar .btn:hover,
#header .topbar .btn:focus,
#header .topbar a:hover,
#header .topbar a:focus {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.10) !important;
}

/* NAVEGACIÓN PRINCIPAL: textos blancos, no grises */
#header .main-navbar-wrapper,
#header .main-navbar-wrapper .navbar-collapse {
    color: #ffffff !important;
}

#header .main-navbar-wrapper #nav > .nav-item > .nav-link,
#header .main-navbar-wrapper #nav > li > a,
#header .main-navbar-wrapper .navbar-nav.ml-auto > .nav-item > .nav-link,
#header .main-navbar-wrapper .navbar-nav.ml-auto > li > a,
#header .main-navbar-wrapper .navbar-nav > .nav-item > .nav-link,
#header .main-navbar-wrapper .navbar-nav > li > a {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 750 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12) !important;
}

#header .main-navbar-wrapper .navbar-nav > .nav-item > .nav-link i,
#header .main-navbar-wrapper .navbar-nav > .nav-item > .nav-link .caret,
#header .main-navbar-wrapper .navbar-nav > .nav-item > .nav-link:after {
    color: #ffffff !important;
    border-top-color: #ffffff !important;
}

#header .main-navbar-wrapper .navbar-nav > .nav-item:hover > .nav-link,
#header .main-navbar-wrapper .navbar-nav > .nav-item.active > .nav-link,
#header .main-navbar-wrapper .navbar-nav > .nav-item.show > .nav-link,
#header .main-navbar-wrapper .navbar-nav > .nav-item > .nav-link:focus {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.13) !important;
}

/* Los dropdowns siguen claros para mantener lectura correcta */
#header .main-navbar-wrapper .dropdown-menu,
#header .main-navbar-wrapper .dropdown-menu a,
#header .main-navbar-wrapper .dropdown-item {
    color: var(--iamart-ink) !important;
    text-shadow: none !important;
}

#header .main-navbar-wrapper .dropdown-item:hover,
#header .main-navbar-wrapper .dropdown-item:focus,
#header .main-navbar-wrapper .dropdown-item.active {
    color: var(--iamart-navy) !important;
    background: #eef8fd !important;
}

/* Breadcrumb más legible */
.master-breadcrumb,
.master-breadcrumb .breadcrumb {
    color: #4d6175 !important;
}

.master-breadcrumb a {
    color: #287da9 !important;
    font-weight: 650 !important;
}

/* KPI: usar realmente todo el ancho disponible */
.tiles {
    width: 100% !important;
    margin: 0 0 24px !important;
}

.tiles > .row,
.tiles .row.no-gutters {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
    justify-content: stretch !important;
}

.tiles > .row > [class*="col-"],
.tiles .row.no-gutters > [class*="col-"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.tiles .tile {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 154px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 24px 26px !important;
    border: 1px solid #d5e5ee !important;
    border-top: 5px solid var(--iamart-blue) !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #ffffff 0%, #eef8fd 100%) !important;
    box-shadow: 0 10px 26px rgba(11, 43, 75, 0.07) !important;
    overflow: hidden !important;
}

.tiles .row > [class*="col-"]:nth-child(2) .tile {
    border-top-color: #35b56f !important;
    background: linear-gradient(135deg, #ffffff 0%, #effaf4 100%) !important;
}

.tiles .row > [class*="col-"]:nth-child(3) .tile {
    border-top-color: #ef5b66 !important;
    background: linear-gradient(135deg, #ffffff 0%, #fff3f4 100%) !important;
}

.tiles .row > [class*="col-"]:nth-child(4) .tile {
    border-top-color: var(--iamart-accent) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fff8e9 100%) !important;
}

.tiles .tile:before,
.tiles .tile .highlight {
    display: none !important;
}

.tiles .tile i {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    font-size: 34px !important;
    color: var(--iamart-blue) !important;
    opacity: 0.95 !important;
}

.tiles .row > [class*="col-"]:nth-child(2) .tile i { color: #35b56f !important; }
.tiles .row > [class*="col-"]:nth-child(3) .tile i { color: #ef5b66 !important; }
.tiles .row > [class*="col-"]:nth-child(4) .tile i { color: #e79a08 !important; }

.tiles .tile .stat {
    margin: 0 0 8px !important;
    font-size: 44px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: -0.04em !important;
    color: var(--iamart-navy) !important;
}

.tiles .tile .title {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    letter-spacing: 0.06em !important;
    color: #536579 !important;
}

.tiles .tile:hover {
    transform: translateY(-3px) !important;
    border-color: #a9d5e9 !important;
    box-shadow: 0 14px 30px rgba(11, 43, 75, 0.10) !important;
}

/* Responsive */
@media (max-width: 1199px) {
    .tiles > .row,
    .tiles .row.no-gutters {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575px) {
    .tiles > .row,
    .tiles .row.no-gutters {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .tiles .tile {
        min-height: 132px !important;
        padding: 20px 22px !important;
    }

    .tiles .tile .stat {
        font-size: 38px !important;
    }
}

/* ==========================================================
   IAMART WHMCS PORTAL — NAVIGATION HOTFIX 3.1.1
   El theme no usa siempre #header; forzamos la franja azul
   real en todas las variantes de la navegación de Twenty-One.
   ========================================================== */

header .main-navbar-wrapper,
.header .main-navbar-wrapper,
#header .main-navbar-wrapper,
.main-navbar-wrapper,
header nav.navbar.navbar-expand-md,
.header nav.navbar.navbar-expand-md,
nav.navbar.navbar-expand-md.main-navbar,
.navbar-main,
#primary-nav {
    width: 100% !important;
    max-width: none !important;
    min-height: 48px !important;
    margin: 0 !important;
    border: 0 !important;
    background: linear-gradient(90deg, #0b2b4b 0%, #1687c0 58%, #43a6db 100%) !important;
    box-shadow: none !important;
}

.main-navbar-wrapper .container,
.main-navbar-wrapper .navbar-collapse,
.main-navbar-wrapper .navbar-nav,
#primary-nav .container,
#primary-nav .navbar-collapse {
    background: transparent !important;
}

.main-navbar-wrapper .nav-link,
.main-navbar-wrapper .navbar-nav > li > a,
.main-navbar-wrapper .navbar-nav > .nav-item > .nav-link,
.main-navbar-wrapper .navbar-text,
.main-navbar-wrapper .dropdown-toggle,
.main-navbar-wrapper .btn-link,
.main-navbar-wrapper .btn-link span,
#primary-nav .nav-link,
#primary-nav .navbar-nav > li > a,
#primary-nav .navbar-text,
#primary-nav .dropdown-toggle,
#primary-nav .btn-link,
#primary-nav .btn-link span {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 750 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
}

.main-navbar-wrapper .nav-link:hover,
.main-navbar-wrapper .nav-link:focus,
.main-navbar-wrapper .nav-item.active > .nav-link,
.main-navbar-wrapper .nav-item.show > .nav-link,
#primary-nav .nav-link:hover,
#primary-nav .nav-link:focus,
#primary-nav .nav-item.active > .nav-link,
#primary-nav .nav-item.show > .nav-link {
    color: #ffffff !important;
    background: rgba(255,255,255,.13) !important;
}

.main-navbar-wrapper .fa,
.main-navbar-wrapper .fas,
.main-navbar-wrapper .far,
.main-navbar-wrapper .fal,
.main-navbar-wrapper .caret,
#primary-nav .fa,
#primary-nav .fas,
#primary-nav .far,
#primary-nav .fal,
#primary-nav .caret {
    color: #ffffff !important;
    border-top-color: #ffffff !important;
}

/* Menú móvil */
.main-navbar-wrapper .navbar-toggler,
#primary-nav .navbar-toggler {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.45) !important;
}

.main-navbar-wrapper .navbar-toggler-icon,
#primary-nav .navbar-toggler-icon {
    filter: brightness(0) invert(1) !important;
}

/* Dropdowns permanecen blancos y legibles */
.main-navbar-wrapper .dropdown-menu,
#primary-nav .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #dce8ef !important;
    box-shadow: 0 14px 34px rgba(11,43,75,.14) !important;
}

.main-navbar-wrapper .dropdown-menu .dropdown-item,
.main-navbar-wrapper .dropdown-menu a,
#primary-nav .dropdown-menu .dropdown-item,
#primary-nav .dropdown-menu a {
    color: #142033 !important;
    text-shadow: none !important;
}

.main-navbar-wrapper .dropdown-menu .dropdown-item:hover,
.main-navbar-wrapper .dropdown-menu .dropdown-item:focus,
#primary-nav .dropdown-menu .dropdown-item:hover,
#primary-nav .dropdown-menu .dropdown-item:focus {
    color: #0b2b4b !important;
    background: #eef8fd !important;
}

/* ==========================================================
   IAMART WHMCS PORTAL — KPI FINAL HOTFIX 3.1.2
   Mantiene la barra azul y obliga a los 4 KPI a ocupar
   TODO el ancho disponible en cuatro bloques iguales.
   ========================================================== */

body #main-body .tiles,
body .main-content .tiles,
body .tiles {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
}

body #main-body .tiles > .row.no-gutters,
body #main-body .tiles > .row,
body .main-content .tiles > .row.no-gutters,
body .main-content .tiles > .row,
body .tiles > .row.no-gutters,
body .tiles > .row {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 18px !important;
}

body #main-body .tiles > .row.no-gutters > div,
body #main-body .tiles > .row > div,
body .main-content .tiles > .row.no-gutters > div,
body .main-content .tiles > .row > div,
body .tiles > .row.no-gutters > div,
body .tiles > .row > div {
    display: flex !important;
    flex: 1 1 0 !important;
    align-self: stretch !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body #main-body .tiles .tile,
body .main-content .tiles .tile,
body .tiles .tile {
    position: relative !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 154px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 24px 26px !important;
    border: 1px solid #d5e5ee !important;
    border-top: 5px solid #43a6db !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #ffffff 0%, #eef8fd 100%) !important;
    box-shadow: 0 10px 26px rgba(11, 43, 75, 0.07) !important;
    overflow: hidden !important;
}

body .tiles > .row > div:nth-child(2) .tile {
    border-top-color: #35b56f !important;
    background: linear-gradient(135deg, #ffffff 0%, #effaf4 100%) !important;
}

body .tiles > .row > div:nth-child(3) .tile {
    border-top-color: #ef5b66 !important;
    background: linear-gradient(135deg, #ffffff 0%, #fff3f4 100%) !important;
}

body .tiles > .row > div:nth-child(4) .tile {
    border-top-color: #e79a08 !important;
    background: linear-gradient(135deg, #ffffff 0%, #fff8e9 100%) !important;
}

body .tiles .tile .highlight,
body .tiles .tile::before {
    display: none !important;
}

body .tiles .tile i {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    font-size: 34px !important;
    line-height: 1 !important;
}

body .tiles .tile .stat {
    margin: 0 0 8px !important;
    font-size: 44px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: -0.04em !important;
}

body .tiles .tile .title {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    letter-spacing: 0.06em !important;
}

@media (max-width: 1199.98px) {
    body #main-body .tiles > .row.no-gutters,
    body #main-body .tiles > .row,
    body .main-content .tiles > .row.no-gutters,
    body .main-content .tiles > .row,
    body .tiles > .row.no-gutters,
    body .tiles > .row {
        flex-wrap: wrap !important;
    }

    body #main-body .tiles > .row.no-gutters > div,
    body #main-body .tiles > .row > div,
    body .main-content .tiles > .row.no-gutters > div,
    body .main-content .tiles > .row > div,
    body .tiles > .row.no-gutters > div,
    body .tiles > .row > div {
        flex: 0 0 calc(50% - 9px) !important;
        width: calc(50% - 9px) !important;
    }
}

@media (max-width: 575.98px) {
    body #main-body .tiles > .row.no-gutters > div,
    body #main-body .tiles > .row > div,
    body .main-content .tiles > .row.no-gutters > div,
    body .main-content .tiles > .row > div,
    body .tiles > .row.no-gutters > div,
    body .tiles > .row > div {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
}

/* ==========================================================
   IAMART WHMCS PORTAL — DROPDOWN LAYER HOTFIX 3.1.3
   Corrige los submenús que quedaban detrás del breadcrumb
   y del contenido principal.
   ========================================================== */

#header,
.header,
header.header,
#header .main-navbar-wrapper,
.header .main-navbar-wrapper,
.main-navbar-wrapper,
#header nav.navbar,
.header nav.navbar,
.main-navbar-wrapper nav.navbar,
#primary-nav,
#primary-nav .navbar-nav,
#primary-nav .nav-item,
#primary-nav .dropdown {
    overflow: visible !important;
}

#header,
.header,
header.header {
    position: relative !important;
    z-index: 10000 !important;
}

#header .main-navbar-wrapper,
.header .main-navbar-wrapper,
.main-navbar-wrapper,
#primary-nav {
    position: relative !important;
    z-index: 10010 !important;
}

#primary-nav .dropdown-menu,
.main-navbar-wrapper .dropdown-menu,
#header .dropdown-menu,
.header .dropdown-menu {
    z-index: 10050 !important;
    visibility: visible;
}

#primary-nav .dropdown-menu.show,
.main-navbar-wrapper .dropdown-menu.show,
#header .dropdown-menu.show,
.header .dropdown-menu.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.master-breadcrumb,
.breadcrumb,
#main-body,
.main-content,
section#main-body {
    position: relative !important;
    z-index: 1 !important;
}

/* Evita que contenedores de navegación recorten verticalmente el dropdown */
.main-navbar-wrapper .container,
.main-navbar-wrapper .navbar-collapse,
.main-navbar-wrapper .navbar-nav,
#primary-nav .container,
#primary-nav .navbar-collapse,
#primary-nav .navbar-nav {
    overflow: visible !important;
}

/* Sombra y separación visual del menú desplegable */
#primary-nav .dropdown-menu,
.main-navbar-wrapper .dropdown-menu {
    margin-top: 0 !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 14px 30px rgba(7, 28, 50, 0.18) !important;
}

/* ==========================================================
   IAMART WHMCS PORTAL — PORTAL HOME / BREADCRUMB FIX 3.1.4
   Oculta el enlace "Portal Home" del breadcrumb.
   ========================================================== */
.breadcrumb > li:first-child,
.breadcrumb > .breadcrumb-item:first-child,
.master-breadcrumb .breadcrumb > li:first-child,
.master-breadcrumb .breadcrumb > .breadcrumb-item:first-child {
    display: none !important;
}

.breadcrumb > li:nth-child(2)::before,
.breadcrumb > .breadcrumb-item:nth-child(2)::before,
.master-breadcrumb .breadcrumb > li:nth-child(2)::before,
.master-breadcrumb .breadcrumb > .breadcrumb-item:nth-child(2)::before {
    content: none !important;
    display: none !important;
}