/* All in Hosting 2026 — tema hijo de Twenty-One (WHMCS 8.1+)
   Sobrescribe Bootstrap 4 / Twenty-One con los tokens del sitio renovado. */
:root{--aih-blue:#1F5EFF;--aih-blue-2:#0B3BCC;--aih-blue-ink:#0A1F5C;--aih-blue-soft:#E8EFFF;--aih-navy:#0B1B3A;--aih-bg:#fff;--aih-bg-2:#F4F7FC;--aih-bg-3:#E9EFFA;--aih-line:#E1E7F2;--aih-line-2:#CBD5E6;--aih-fg:#0F1B33;--aih-fg-2:#4F5E78;--aih-fg-3:#8593AB;--aih-green:#12B981;--aih-green-ink:#0a8f5f;--aih-green-soft:#dcf7ea;--aih-sun:#FFC94D;--aih-coral:#FF6B4A;--aih-font:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;--aih-mono:'Geist Mono',ui-monospace,Menlo,monospace;--aih-r:20px;--aih-r-sm:12px;--aih-shadow:0 24px 60px -24px rgba(11,27,58,.28);--aih-shadow-sm:0 8px 24px -12px rgba(11,27,58,.18)}

/* ---------- base ---------- */
body.aih,body.primary-bg-color{background:var(--aih-bg-2);color:var(--aih-fg);font-family:var(--aih-font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.aih h1,.aih h2,.aih h3,.aih h4,.aih h5,.aih h6,.aih .h1,.aih .h2,.aih .h3,.aih .h4,.aih .h5,.aih .h6{font-family:var(--aih-font);color:var(--aih-fg);letter-spacing:-.02em;font-weight:700}
:where(.aih) a{color:var(--aih-blue)}:where(.aih) a:hover{color:var(--aih-blue-2);text-decoration:none}
.aih .text-muted{color:var(--aih-fg-3)!important}
.aih .text-primary{color:var(--aih-blue)!important}.aih .bg-primary{background:var(--aih-blue)!important}
.aih code,.aih pre,.aih kbd{font-family:var(--aih-mono)}
.aih .container{max-width:1200px;padding-left:24px;padding-right:24px}
::selection{background:var(--aih-blue-soft)}

/* ---------- header ---------- */
.aih-hd{background:#fff;border-bottom:1px solid var(--aih-line);position:relative;z-index:50}
.aih-hd .topbar{background:var(--aih-navy);color:rgba(255,255,255,.8);font-size:13px;padding:4px 0}
.aih-hd .topbar .btn,.aih-hd .topbar .input-group-text{color:rgba(255,255,255,.8);background:transparent;border:0;font-size:13px;padding:6px 10px}
.aih-hd .topbar .btn:hover{color:#fff}
.aih-hd .topbar .btn-active-client span{color:#fff;font-weight:600;border-bottom:1px dashed rgba(255,255,255,.4)}
.aih-hd .topbar .btn-return-to-admin{background:var(--aih-coral);color:#fff;border-radius:999px;padding:4px 12px}
.aih-bar-in{display:flex;align-items:center;gap:20px;height:76px}
.aih-brand{display:inline-grid;gap:0;line-height:1;color:var(--aih-fg)!important;font-weight:700;letter-spacing:-.03em;flex:none}
.aih-brand .wm{font-size:26px}.aih-brand em{font-style:normal;color:var(--aih-blue)}
.aih-brand small{display:block;font-family:var(--aih-mono);font-size:11px;margin-top:5px;letter-spacing:.09em;color:var(--aih-fg-3);font-weight:400;text-align:justify;text-align-last:justify}
.aih-brand .logo-img{max-height:44px;width:auto}
.aih-site-nav{margin-left:auto;gap:0}
.aih-site-nav a{padding:8px 10px;border-radius:9px;font-size:14px;font-weight:500;color:var(--aih-fg-2)!important}
.aih-site-nav a:hover{color:var(--aih-fg)!important;background:var(--aih-bg-2)}
.aih-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
@media (min-width:1200px){.aih-site-nav+.aih-actions{margin-left:0}}
.aih-cart{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--aih-line);color:var(--aih-fg)!important}
.aih-cart:hover{border-color:var(--aih-fg)}
.aih-cart .badge,.aih .aih-cart .badge.badge-info{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--aih-blue);color:#fff;font-family:var(--aih-mono);font-size:10px;line-height:18px}
.aih-menu-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--aih-line);border-radius:10px;background:#fff;color:var(--aih-fg)}
/* barra del área de clientes (primaryNavbar / secondaryNavbar) */
.aih .main-navbar-wrapper{background:#fff;border-top:1px solid var(--aih-line);padding:0}
.aih .main-navbar-wrapper .navbar-nav>li>a,.aih .main-navbar-wrapper .navbar-nav .nav-link{display:flex;align-items:center;gap:6px;padding:14px 12px!important;font-size:14px;font-weight:600;color:var(--aih-fg-2)!important;border-bottom:2px solid transparent}
.aih .main-navbar-wrapper .navbar-nav>li>a:hover,.aih .main-navbar-wrapper .navbar-nav>li.active>a,.aih .main-navbar-wrapper .navbar-nav>li.show>a{color:var(--aih-fg)!important;border-bottom-color:var(--aih-blue)}
.aih .main-navbar-wrapper .badge{background:var(--aih-blue-soft);color:var(--aih-blue);border-radius:999px;font-family:var(--aih-mono);font-weight:500}
.aih .dropdown-menu{border:1px solid var(--aih-line);border-radius:14px;box-shadow:var(--aih-shadow);padding:8px;margin-top:6px;font-size:14px}
.aih .dropdown-item{border-radius:9px;padding:8px 12px;color:var(--aih-fg-2);font-weight:500}
.aih .dropdown-item:hover,.aih .dropdown-item:focus{background:var(--aih-bg-2);color:var(--aih-fg)}
.aih .dropdown-item.active,.aih .dropdown-item:active{background:var(--aih-blue-soft);color:var(--aih-blue)}
.aih .dropdown-divider{border-color:var(--aih-line)}
.aih-site-nav-mobile{display:flex;flex-direction:column;padding:12px 0 16px;border-top:1px solid var(--aih-line);margin-top:8px}
.aih-site-nav-mobile a{padding:9px 4px;font-weight:500;color:var(--aih-fg)!important}
.aih-label{font-family:var(--aih-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--aih-fg-3);padding:4px 4px 6px}
@media (max-width:1199.98px){.aih .main-navbar-wrapper .navbar-collapse{padding:12px 0}.aih .main-navbar-wrapper .navbar-nav>li>a{border-bottom:0;padding:10px 4px!important}.aih .main-navbar-wrapper{border-top:0}}
/* breadcrumb */
.aih .master-breadcrumb{background:transparent;padding:22px 0 0}
.aih .master-breadcrumb .breadcrumb{background:transparent;padding:0;margin:0;font-family:var(--aih-mono);font-size:12px;letter-spacing:.04em}
.aih .master-breadcrumb .breadcrumb-item,.aih .master-breadcrumb .breadcrumb-item a{color:var(--aih-fg-3)}
.aih .master-breadcrumb .breadcrumb-item.active{color:var(--aih-fg-2)}
.aih .breadcrumb-item+.breadcrumb-item::before{content:"/";color:var(--aih-line-2)}

/* ---------- main ---------- */
.aih #main-body{padding:24px 0 72px;background:transparent}
.aih .primary-content>h1:first-child,.aih .header-lined h1{font-size:30px;margin-bottom:18px}
.aih .header-lined{border:0;margin-bottom:18px}

/* ---------- cards / sidebar ---------- */
.aih .card{border:1px solid var(--aih-line);border-radius:var(--aih-r);background:#fff;box-shadow:none;margin-bottom:16px;overflow:hidden}
.aih .card-header{background:#fff;border-bottom:1px solid var(--aih-line);padding:16px 20px;font-weight:700}
.aih .card-header .card-title,.aih .card-title{font-size:16px;font-weight:700;margin:0}
.aih .card-body{padding:20px}
.aih .card-footer{background:var(--aih-bg-2);border-top:1px solid var(--aih-line);padding:12px 20px}
.aih [class*="card-accent-"]{border-top:1px solid var(--aih-line)!important}
.aih .sidebar .card{border-radius:16px}
.aih .sidebar .card-header{padding:14px 18px}
.aih .sidebar .card-title{font-family:var(--aih-mono);font-size:11.5px!important;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--aih-fg-3)}
.aih .sidebar .card-title i{display:none}
.aih .sidebar .card-minimise{color:var(--aih-fg-3)}
.aih .list-group-item{border-color:var(--aih-line);color:var(--aih-fg-2);font-size:14px;font-weight:500;padding:11px 18px}
.aih .list-group-item-action:hover,.aih .list-group-item-action:focus{background:var(--aih-bg-2);color:var(--aih-fg)}
.aih .list-group-item.active{background:var(--aih-blue-soft);border-color:var(--aih-line);color:var(--aih-blue);font-weight:600}
.aih .list-group-item .badge{background:var(--aih-bg-3);color:var(--aih-fg-2);border-radius:999px;font-family:var(--aih-mono);font-weight:500}
.aih .list-group-item.active .badge{background:var(--aih-blue);color:#fff}

/* ---------- panel de inicio (clientareahome) ---------- */
.aih .tiles{margin-bottom:20px}
.aih .tiles .row{margin:0 -8px}.aih .tiles [class*="col-"]{padding:0 8px}
.aih .tiles .tile{display:block;position:relative;padding:22px 22px 20px;border:1px solid var(--aih-line);border-radius:var(--aih-r);background:#fff;color:var(--aih-fg);transition:transform .2s,box-shadow .2s;margin-bottom:16px;height:auto}
.aih .tiles .tile:hover{transform:translateY(-3px);box-shadow:var(--aih-shadow);text-decoration:none}
.aih .tiles .tile i{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--aih-blue-soft);color:var(--aih-blue);font-size:17px;opacity:1}
.aih .tiles .tile .stat{font-size:40px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-top:18px;color:var(--aih-fg)}
.aih .tiles .tile .title{font-family:var(--aih-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--aih-fg-3);margin-top:8px}
.aih .tiles .tile .highlight{position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--aih-blue)!important}
.aih .client-home-cards .card-header .btn,.aih .client-home-cards .card-header .bg-color-blue,.aih [class*="bg-color-"].btn{background:var(--aih-blue-soft)!important;color:var(--aih-blue)!important;border:0}

/* ---------- botones ---------- */
.aih .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:600;font-size:14.5px;line-height:1.2;padding:10px 18px;border:1px solid transparent;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:none}
.aih .btn:hover{transform:translateY(-1px)}.aih .btn:focus,.aih .btn.focus{box-shadow:0 0 0 3px rgba(31,94,255,.2)}
.aih .btn-block{display:flex;width:100%}
.aih .btn-sm{padding:8px 13px;font-size:13px}.aih .btn-lg{padding:14px 24px;font-size:15.5px}.aih .btn-xs{padding:4px 9px;font-size:12px;border-radius:8px}
.aih .btn-primary,.aih .btn-primary:not(:disabled):not(.disabled):active,.aih .btn-primary:not(:disabled):not(.disabled).active{background:var(--aih-blue);border-color:var(--aih-blue);color:#fff}
.aih .btn-primary:hover,.aih .btn-primary:focus{background:var(--aih-blue-2);border-color:var(--aih-blue-2);color:#fff;box-shadow:0 10px 24px -10px rgba(31,94,255,.7)}
.aih .btn-default,.aih .btn-secondary,.aih .btn-light,.aih .btn-outline,.aih .btn-outline-primary,.aih .btn-outline-secondary{background:#fff;border-color:var(--aih-line-2);color:var(--aih-fg)}
.aih .btn-default:hover,.aih .btn-secondary:hover,.aih .btn-light:hover,.aih .btn-outline:hover,.aih .btn-outline-primary:hover,.aih .btn-outline-secondary:hover{background:#fff;border-color:var(--aih-fg);color:var(--aih-fg)}
.aih .btn-success{background:var(--aih-green);border-color:var(--aih-green);color:#fff}.aih .btn-success:hover{background:var(--aih-green-ink);border-color:var(--aih-green-ink);color:#fff}
.aih .btn-danger{background:#fff;border-color:#f3c3b8;color:#c2410c}.aih .btn-danger:hover{background:#fff2ee;border-color:var(--aih-coral);color:#c2410c}
.aih .btn-warning{background:var(--aih-sun);border-color:var(--aih-sun);color:var(--aih-fg)}
.aih .btn-info{background:var(--aih-navy);border-color:var(--aih-navy);color:#fff}.aih .btn-info:hover{background:#142a5c;color:#fff}
.aih .btn-link{color:var(--aih-blue);padding-left:0;padding-right:0}
.aih .btn-group>.btn{transform:none}

/* ---------- formularios ---------- */
.aih .form-control,.aih .custom-select,.aih select.form-control{height:auto;min-height:44px;padding:10px 14px;border:1px solid var(--aih-line-2);border-radius:12px;font-size:15px;color:var(--aih-fg);background-color:#fff;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.aih textarea.form-control{min-height:120px}
.aih .form-control:focus,.aih .custom-select:focus{border-color:var(--aih-blue);box-shadow:0 0 0 3px rgba(31,94,255,.15)}
.aih .form-control::placeholder{color:var(--aih-fg-3)}
.aih .form-control:disabled,.aih .form-control[readonly]{background:var(--aih-bg-2)}
.aih label,.aih .col-form-label,.aih .control-label{font-size:13.5px;font-weight:600;color:var(--aih-fg-2)}
.aih .input-group-text{background:var(--aih-bg-2);border-color:var(--aih-line-2);color:var(--aih-fg-2);border-radius:12px}
.aih .input-group>.form-control:not(:last-child),.aih .input-group>.input-group-prepend>.btn,.aih .input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}
.aih .input-group>.form-control:not(:first-child),.aih .input-group>.input-group-append>.btn,.aih .input-group>.input-group-append>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
.aih .custom-control-input:checked~.custom-control-label::before{background:var(--aih-blue);border-color:var(--aih-blue)}
.aih .form-check-input{accent-color:var(--aih-blue)}

/* ---------- tablas ---------- */
.aih .table-container,.aih .dataTables_wrapper{background:#fff;border:1px solid var(--aih-line);border-radius:var(--aih-r);overflow:hidden;padding:0}
.aih .table{color:var(--aih-fg);margin-bottom:0;font-size:14.5px}
.aih .table thead th,.aih .table-list thead th{background:var(--aih-bg-2);border-bottom:1px solid var(--aih-line)!important;border-top:0;font-family:var(--aih-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--aih-fg-3);padding:12px 16px}
.aih .table td{border-top:1px solid var(--aih-line);padding:14px 16px;vertical-align:middle}
.aih .table-hover tbody tr:hover,.aih .table-list tbody tr:hover{background:var(--aih-bg-2);cursor:pointer}
.aih .table-list>tbody>tr>td{background:transparent}
.aih .dataTables_wrapper .dataTables_info,.aih .dataTables_wrapper .dataTables_length,.aih .dataTables_wrapper .dataTables_filter{padding:12px 16px;font-size:13px;color:var(--aih-fg-3)}
.aih .dataTables_wrapper .dataTables_filter input{border:1px solid var(--aih-line-2);border-radius:10px;padding:6px 10px}

/* ---------- estados / badges ---------- */
.aih .badge{font-weight:600;border-radius:999px;padding:4px 10px;font-size:11.5px}
.aih .label,.aih .status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;text-transform:none;letter-spacing:0;background:var(--aih-bg-3);color:var(--aih-fg-2)}
.aih .status-active,.aih .status-paid,.aih .status-open,.aih .status-completed,.aih .status-accepted,.aih .status-answered{background:var(--aih-green-soft)!important;color:var(--aih-green-ink)!important}
.aih .status-pending,.aih .status-unpaid,.aih .status-customer-reply,.aih .status-in-progress,.aih .status-onhold,.aih .status-pending-transfer,.aih .status-pending-registration{background:#fff4d6!important;color:#8a6200!important}
.aih .status-suspended,.aih .status-overdue,.aih .status-cancelled,.aih .status-terminated,.aih .status-expired,.aih .status-fraud,.aih .status-closed,.aih .status-refunded,.aih .status-collections{background:#ffe9e3!important;color:#b43a1c!important}
.aih .badge-info,.aih .badge-primary{background:var(--aih-blue-soft);color:var(--aih-blue)}
.aih .badge-success{background:var(--aih-green-soft);color:var(--aih-green-ink)}
.aih .badge-warning{background:#fff4d6;color:#8a6200}.aih .badge-danger{background:#ffe9e3;color:#b43a1c}

/* ---------- alertas ---------- */
.aih .alert{border-radius:14px;border:1px solid var(--aih-line);padding:14px 18px;font-size:14.5px}
.aih .alert-info{background:var(--aih-blue-soft);border-color:#cddcff;color:var(--aih-blue-ink)}
.aih .alert-success{background:#eafaf2;border-color:#bfeed7;color:#07603f}
.aih .alert-warning{background:#fff8e6;border-color:#ffe3a3;color:#6b4c00}
.aih .alert-danger{background:#fff1ec;border-color:#ffcdbf;color:#992f15}

/* ---------- tabs / paginación / modales ---------- */
.aih .nav-tabs{border-bottom:1px solid var(--aih-line);gap:4px}
.aih .nav-tabs .nav-link{border:0;border-bottom:2px solid transparent;color:var(--aih-fg-2);font-weight:600;padding:10px 14px;border-radius:0}
.aih .nav-tabs .nav-link:hover{color:var(--aih-fg)}
.aih .nav-tabs .nav-link.active,.aih .nav-tabs .nav-item.show .nav-link{color:var(--aih-blue);border-bottom-color:var(--aih-blue);background:transparent}
.aih .nav-pills .nav-link{border-radius:999px;color:var(--aih-fg-2);font-weight:600}.aih .nav-pills .nav-link.active{background:var(--aih-blue);color:#fff}
.aih .pagination .page-link{border:1px solid var(--aih-line);color:var(--aih-fg-2);margin:0 2px;border-radius:9px!important;font-size:13.5px}
.aih .pagination .page-item.active .page-link{background:var(--aih-blue);border-color:var(--aih-blue);color:#fff}
.aih .modal-content{border:0;border-radius:var(--aih-r);box-shadow:var(--aih-shadow)}
.aih .modal-header,.aih .modal-footer{border-color:var(--aih-line)}
.aih .modal-localisation .modal-content{background:var(--aih-navy)}
.aih .modal-localisation .item-selector .item{border-radius:10px;color:rgba(255,255,255,.8)}
.aih .modal-localisation .item-selector .item.active,.aih .modal-localisation .item-selector .item:hover{background:var(--aih-blue);color:#fff}
.aih .popover{border:1px solid var(--aih-line);border-radius:14px;box-shadow:var(--aih-shadow);font-family:var(--aih-font)}
.aih .progress{height:8px;border-radius:999px;background:var(--aih-bg-3)}.aih .progress-bar{background:var(--aih-blue)}

/* ---------- login / registro ---------- */
.aih .login-form,.aih .mw-540{border-radius:24px!important;box-shadow:var(--aih-shadow)}
.aih .providerLinkingFeedback+.row .card{border-radius:24px}

/* ---------- buscador de dominios (portada WHMCS) ---------- */
.aih .home-domain-search{background:var(--aih-navy);padding:48px 0;margin:0}
.aih .home-domain-search h2{color:#fff}
.aih .home-domain-search .input-group-box{background:#fff;border-radius:18px;padding:8px;box-shadow:var(--aih-shadow)}
.aih .home-domain-search .form-control{border:0;font-size:18px;font-weight:600}
.aih .home-domain-search .tld-logos li,.aih .home-domain-search .tld-logos li span{color:rgba(255,255,255,.8)}

/* ---------- footer ---------- */
#footer.aih-ft,footer#footer,.aih #footer,body #footer{background:#fff!important;background-image:none!important;border-top:1px solid var(--aih-line)!important;padding:64px 0 28px!important;color:var(--aih-fg-2)!important;margin-top:0!important;box-shadow:none!important}
#footer.aih-ft .container{padding-left:15px;padding-right:15px;max-width:1140px}
#footer.aih-ft .aih-brand .wm{color:var(--aih-fg)}#footer.aih-ft .aih-brand em{color:var(--aih-blue)}
#footer.aih-ft p,#footer.aih-ft .aih-ft-brand p{color:var(--aih-fg-2)!important}
#footer.aih-ft h4{color:var(--aih-fg-3)!important}
#footer.aih-ft a,#footer.aih-ft .aih-ft-col a{color:var(--aih-fg-2)!important;opacity:1!important}#footer.aih-ft .aih-ft-col a:hover{color:var(--aih-blue)!important}
#footer.aih-ft .aih-ft-bottom{border-top-color:var(--aih-line)!important;color:var(--aih-fg-3)!important}
#footer.aih-ft .copyright,#footer.aih-ft .aih-ft-meta a{color:var(--aih-fg-3)!important}
#footer.aih-ft .aih-locale,#footer.aih-ft .aih-locale .btn{background:var(--aih-bg-2)!important;border:1px solid var(--aih-line)!important;color:var(--aih-fg-2)!important;border-radius:999px;box-shadow:none}
#footer.aih-ft .aih-locale:hover{border-color:var(--aih-fg)!important}
.aih-ft-grid{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:32px}
@media (max-width:991.98px){.aih-ft-grid{grid-template-columns:1fr 1fr}.aih-ft-brand{grid-column:1/-1}}
.aih-ft .aih-brand .wm{font-size:22px}
.aih-ft-brand p{font-size:14px;max-width:300px;margin-top:12px;color:var(--aih-fg-2)}
.aih-ft h4{font-family:var(--aih-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--aih-fg-3);margin-bottom:14px;font-weight:500}
.aih-ft-col a{display:block;padding:5px 0;font-size:14px;color:var(--aih-fg-2)!important}.aih-ft-col a:hover{color:var(--aih-blue)!important}
.aih-ft-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--aih-line);font-size:13px;color:var(--aih-fg-3)}
.aih-ft .copyright{color:var(--aih-fg-3);font-size:13px}
.aih-ft-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;list-style:none;margin:0;padding:0}
.aih-ft-meta .list-inline-item{margin:0}.aih-ft-meta a{color:var(--aih-fg-3)!important}.aih-ft-meta a:hover{color:var(--aih-blue)!important}
.aih-ft .aih-locale{background:var(--aih-bg-2);border:1px solid var(--aih-line);border-radius:999px;padding:6px 12px;font-size:12.5px;color:var(--aih-fg-2)}

/* ---------- detalle de servicio (clientareaproductdetails.tpl) ---------- */
.aih .aih-svc-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.aih .aih-svc-alert .btn{margin-left:auto}
.aih .aih-svc-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.aih .aih-svc-title .aih-label{padding:0;display:block}
.aih .aih-svc-title h1{margin:6px 0 4px;font-size:28px;font-weight:700;letter-spacing:-.03em}
.aih .aih-svc-domain{font-size:15px;font-weight:500}
.aih .aih-svc-head hr{border-color:var(--aih-line);margin:20px 0}
.aih .aih-svc-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px 24px}
.aih .aih-svc-facts small{display:block;font-size:13px;color:var(--aih-fg-3);margin-bottom:2px}
.aih .aih-svc-facts strong{font-size:15px;color:var(--aih-fg)}
.aih .aih-svc-facts .text-muted{font-weight:500}
.aih .aih-svc-fact-alert strong{color:var(--aih-coral)}
.aih .aih-meter+.aih-meter{margin-top:18px}
.aih .aih-meter-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:500}
.aih .aih-meter .progress{height:8px;border-radius:999px;background:var(--aih-bg-3);margin-top:8px;box-shadow:none}
.aih .aih-meter .progress-bar{background:var(--aih-blue);border-radius:999px}
.aih .aih-meter.is-over .progress-bar{background:var(--aih-coral)}
.aih .aih-meter.is-over .text-muted{color:var(--aih-coral)!important;font-weight:600}
.aih .aih-meter-note{margin:16px 0 0;font-size:12.5px;color:var(--aih-fg-3)}
.aih .aih-svc-actions{display:flex;flex-wrap:wrap;gap:8px}
.aih .aih-svc-actions-sm{margin-top:16px}
.aih .aih-svc-actions .btn i{opacity:.85}
.aih .btn-outline-danger{border-color:var(--aih-line);color:var(--aih-coral);background:#fff}
.aih .btn-outline-danger:hover{background:#FFF1EC;border-color:#FFD2C4;color:var(--aih-coral)}
.aih .aih-svc-dl{display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:10px 20px;margin:0;font-size:14px}
.aih .aih-svc-dl dt{color:var(--aih-fg-3);font-weight:500}
.aih .aih-svc-dl dd{margin:0;color:var(--aih-fg);font-weight:600;word-break:break-word}
@media (max-width:575.98px){.aih .aih-svc-dl{grid-template-columns:1fr;gap:2px 0}.aih .aih-svc-dl dd{margin-bottom:10px}}
.aih .aih-svc-addon,.aih .aih-svc-download{padding:16px 0;border-top:1px solid var(--aih-line)}
.aih .aih-svc-addon:first-child,.aih .aih-svc-download:first-child,.aih .alert+.aih-svc-addon,.aih .alert+.aih-svc-download{border-top:0;padding-top:0}
.aih .aih-svc-addon-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
/* El panel lateral «Acciones» se mantiene visible; para ocultarlo (las acciones ya están en la página) descomenta:
.aih .sidebar [menuitemname="Service Details Actions"]{display:none!important} */
/* Salida del módulo cPanel: oculta lo que ya muestra la tarjeta de resumen y las barras de uso */
.aih .aih-module-overview #cPanelPackageDomainPanel,.aih .aih-module-overview #cPanelUsageStatsPanel{display:none}
.aih .aih-module-overview>.row>[class*="col-"],.aih .aih-module-overview>div>.row>[class*="col-"]{flex:0 0 100%;max-width:100%}
.aih .aih-module-overview .card-body a{color:var(--aih-fg-2);font-size:13px;font-weight:500}
.aih .aih-module-overview .card-body a:hover{color:var(--aih-blue)}
.aih .aih-module-overview img{max-width:44px;height:auto;margin-bottom:6px}

/* ---------- herencia de color: botones, etiquetas y badges que son <a> ---------- */
.aih a.btn-primary,.aih a.btn-success,.aih a.btn-info,.aih a.btn-danger,.aih a.btn-warning,.aih a.btn-dark,.aih a.btn-secondary,.aih .btn-primary,.aih .btn-success,.aih .btn-info,.aih .btn-danger,.aih .btn-warning,.aih .btn-dark,.aih .btn-secondary,.aih a.btn-primary:hover,.aih a.btn-success:hover,.aih a.btn-info:hover,.aih a.btn-danger:hover,.aih a.btn-warning:hover,.aih a.btn-dark:hover,.aih a.btn-secondary:hover{color:#fff!important}
.aih a.btn-default,.aih a.btn-light,.aih a.btn-link.text-dark{color:var(--aih-fg)!important}
.aih .btn-danger{background:var(--aih-coral);border-color:var(--aih-coral)}.aih .btn-danger:hover{background:#a3350f;border-color:#a3350f}
.aih .btn-warning{background:#B7791F;border-color:#B7791F}
.aih .btn-secondary,.aih .btn-dark{background:var(--aih-navy);border-color:var(--aih-navy)}
.aih .btn[style*="background"]:not(.btn-default):not(.btn-light){color:#fff!important}
.aih .sidebar .btn:not(.btn-default):not(.btn-light):not(.btn-link){color:#fff!important}
.aih .sidebar .btn i,.aih .sidebar .btn .fas,.aih .sidebar .btn .far{color:inherit!important}
/* estados neutros / cerrados */
.aih .label,.aih .status,.aih .badge{color:var(--aih-fg-2)!important}
.aih .status-closed,.aih .status-cancelled,.aih .status-terminated,.aih .status-expired,.aih .status-inactive,.aih .status-dead,.aih .status-refunded,.aih .status-collections,.aih .label-default,.aih .badge-default,.aih .badge-secondary{background:var(--aih-bg-3)!important;color:var(--aih-fg-2)!important;border:0}
.aih .status-pending,.aih .status-unpaid,.aih .status-suspended,.aih .status-overdue,.aih .status-fraud,.aih .status-customer-reply,.aih .status-customer_reply,.aih .status-on-hold,.aih .status-in-progress,.aih .status-in_progress,.aih .label-warning,.aih .badge-warning{background:#FFF1EC!important;color:#7A2410!important}
.aih .status-active,.aih .status-paid,.aih .status-open,.aih .status-completed,.aih .status-accepted,.aih .status-answered,.aih .label-success,.aih .badge-success{background:var(--aih-green-soft)!important;color:var(--aih-green-ink)!important}
.aih .label-info,.aih .badge-info,.aih .label-primary,.aih .badge-primary{background:var(--aih-blue-soft)!important;color:var(--aih-blue)!important}
.aih .label-danger,.aih .badge-danger{background:var(--aih-coral)!important;color:#fff!important}
.aih a.label,.aih a.badge,.aih a.status{text-decoration:none}
/* texto secundario que hereda el azul */
.aih .text-muted,.aih small.text-muted,.aih .list-group-item small,.aih .small-text{color:var(--aih-fg-3)!important}
.aih .list-group-item,.aih .list-group-item a:not(.btn){color:var(--aih-fg-2)}
.aih .card-header .btn.btn-xs,.aih .card-header .btn-sm{color:var(--aih-blue)!important}

/* ---------- botones de addons con estilos propios (p. ej. hai-*) ---------- */
.aih a[style*="background"]:not(.btn-default):not(.btn-light),.aih button[style*="background"]:not(.btn-default),.aih [class*="hai-"] a[style*="background"],.aih [class*="hai-"] .btn:not(.btn-default),.aih a[class*="hai-btn"],.aih [class*="hai-"] a[class*="btn"],.aih .hai-cell-inline a,.aih .hai-cell-inline .btn,.aih [class*="hai-"] a[style*="background"] i,.aih [class*="hai-"] a[style*="background"] span,.aih [class*="hai-"] a[style*="background"] svg{color:#fff!important;fill:#fff!important}
.aih .hai-cell-inline{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}

/* ---------- ajustes tras revisión en producción ---------- */
/* Etiquetas con color en línea (estados de tickets configurados en el admin): texto blanco legible */
.aih .label[style*="background"],.aih .status[style*="background"],.aih .badge[style*="background"],.aih .list-group-item span[style*="background-color"]{color:#fff!important;border:0}
/* Elemento activo en listas laterales (filtros de estado) */
.aih .sidebar .list-group-item.active,.aih .list-group-item.active,.aih .list-group-item.active:hover,.aih .list-group-item.active:focus,.aih .sidebar .list-group-item.active:hover{background:var(--aih-blue-soft)!important;border-color:var(--aih-line)!important;color:var(--aih-blue)!important;font-weight:600}
.aih .list-group-item.active .badge,.aih .sidebar .list-group-item.active .badge{background:var(--aih-blue)!important;color:#fff!important}
.aih .list-group-item.active i{color:var(--aih-blue)!important}
/* Botones de addons dentro del panel lateral y celdas de tablas */
.aih .sidebar .card-body a:not(.list-group-item):not(.btn-default):not(.btn-link)[class*="btn"],.aih .sidebar .card-footer a:not(.btn-default):not(.btn-link)[class*="btn"]{color:#fff!important}
/* Herramientas del módulo (cPanel) plegadas bajo el diseño nuevo */
.aih .aih-module-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 20px;background:#fff;border:0;text-align:left;font-weight:700;font-size:16px;color:var(--aih-fg);cursor:pointer}
.aih .aih-module-toggle small{font-weight:500;font-size:13px;color:var(--aih-fg-3)}
.aih .aih-module-toggle .chev{margin-left:auto;transition:transform .2s;color:var(--aih-fg-3)}
.aih .aih-module-toggle[aria-expanded="true"] .chev{transform:rotate(180deg)}
.aih .aih-module-overview{padding:4px 20px 20px;border-top:1px solid var(--aih-line)}
.aih .aih-module-overview .card{margin-top:16px}
.aih .aih-module-overview .btn:not(.btn-default):not(.btn-light):not(.btn-link){color:#fff!important}
.aih .aih-module-overview table td,.aih .aih-module-overview table th{white-space:normal;word-break:normal}

/* Menú «Más» de Twenty-One: fuera de uso (ver header.tpl) */
.aih .main-navbar-wrapper .collapsable-dropdown{display:none!important}

/* ---------- normalización tipográfica (Twenty-One trae pesos más gruesos por defecto) ---------- */
.aih body,.aih #main-body,.aih p,.aih td,.aih li,.aih dd,.aih .card-body,.aih .list-group-item,.aih .text-muted,.aih small,.aih label,.aih .form-control,.aih .btn-default,.aih .dropdown-item,.aih .alert,.aih .breadcrumb-item,.aih .table td{font-weight:400}
.aih body,.aih #main-body{color:var(--aih-fg)}
.aih .tiles .tile .title,.aih .sidebar .card-title,.aih .aih-label,.aih .table thead th{font-weight:400!important}
.aih strong,.aih b,.aih .list-group-item strong,.aih .table th{font-weight:600}
.aih .list-group-item{font-weight:400}
.aih .list-group-item.active,.aih .main-navbar-wrapper .navbar-nav>li>a{font-weight:600}
.aih .card-title,.aih h1,.aih h2,.aih h3,.aih h4,.aih .h1,.aih .h2,.aih .h3,.aih .h4{font-weight:700}
.aih .tiles .tile .stat{font-weight:700}
.aih .text-muted,.aih small,.aih .small{color:var(--aih-fg-3)!important}
.aih .list-group-item small,.aih .list-group-item .text-muted{font-weight:400}

/* ---------- inicio del portal (homepage.tpl) ---------- */
.aih .ph-bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.aih body[data-page="homepage"] #main-body{padding-top:0}
.aih body[data-page="homepage"] .master-breadcrumb{display:none}
.aih .ph-hero{background:linear-gradient(180deg,var(--aih-blue-soft) 0%,#fff 100%);padding:56px 0 48px;border-bottom:1px solid var(--aih-line)}
.aih .ph-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:40px;align-items:center}
@media (max-width:991.98px){.aih .ph-hero-grid{grid-template-columns:1fr}}
.aih .ph-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--aih-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--aih-blue);font-weight:500}
.aih .ph-eyebrow i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}
.aih .ph-hero h1{font-size:clamp(30px,3.6vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:14px 0 10px;color:var(--aih-fg)}
.aih .ph-hero p.lead{font-size:16.5px;color:var(--aih-fg-2);margin:0 0 24px;max-width:540px;font-weight:400}
.aih .ph-search{display:flex;gap:8px;padding:8px;background:#fff;border:1px solid var(--aih-line);border-radius:16px;box-shadow:0 10px 30px rgba(11,27,58,.06)}
.aih .ph-search input{flex:1;border:0;background:transparent;padding:10px 14px;font-size:16px;color:var(--aih-fg);min-width:0}
.aih .ph-search input:focus{outline:0}
.aih .ph-tlds{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.aih .ph-tlds a{display:inline-flex;gap:6px;align-items:center;padding:6px 11px;border:1px solid var(--aih-line);border-radius:999px;background:#fff;font-size:13px;color:var(--aih-fg-2)!important;font-weight:500}
.aih .ph-tlds a b{font-family:var(--aih-mono);font-weight:500;color:var(--aih-fg)}
.aih .ph-tlds a:hover{border-color:var(--aih-blue);color:var(--aih-blue)!important}
.aih .ph-login{background:#fff;border:1px solid var(--aih-line);border-radius:20px;padding:26px}
.aih .ph-login h3{font-size:18px;font-weight:700;margin:0 0 4px}
.aih .ph-login p{font-size:14px;color:var(--aih-fg-2);margin:0 0 18px}
.aih .ph-login .form-control{border-radius:12px;padding:11px 14px;height:auto;border-color:var(--aih-line)}
.aih .ph-login .form-group{margin-bottom:12px}
.aih .ph-login .btn-block{margin-top:4px}
.aih .ph-login-foot{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:13px}
.aih .ph-sec{padding:56px 0}
.aih .ph-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.aih .ph-sec-head h2{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0}
.aih .ph-sec-head p{margin:6px 0 0;color:var(--aih-fg-2);font-size:15px}
.aih .ph-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:991.98px){.aih .ph-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){.aih .ph-cats{grid-template-columns:1fr}}
.aih .ph-cat{display:flex;flex-direction:column;gap:10px;padding:22px;background:#fff;border:1px solid var(--aih-line);border-radius:18px;transition:transform .2s,box-shadow .2s}
.aih .ph-cat:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(11,27,58,.08)}
.aih .ph-cat .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--aih-blue-soft);color:var(--aih-blue);font-size:17px}
.aih .ph-cat h3{font-size:16.5px;font-weight:700;margin:4px 0 0;color:var(--aih-fg)}
.aih .ph-cat .from{font-size:13px;color:var(--aih-fg-3)}.aih .ph-cat .from b{color:var(--aih-fg);font-weight:600}
.aih .ph-cat .locs{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:10px}
.aih .ph-cat .locs a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;border:1px solid var(--aih-line);font-size:13px;font-weight:600;color:var(--aih-fg)!important;background:#fff}
.aih .ph-cat .locs a:hover{border-color:var(--aih-blue);color:var(--aih-blue)!important}
.aih .ph-cat .locs a.solo{background:var(--aih-blue);border-color:var(--aih-blue);color:#fff!important}
.aih .ph-cat .locs a i{font-size:11px;opacity:.7}
.aih .ph-alt{background:var(--aih-bg-2);border-top:1px solid var(--aih-line);border-bottom:1px solid var(--aih-line)}
.aih .ph-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:991.98px){.aih .ph-two{grid-template-columns:1fr}}
.aih .ph-list{background:#fff;border:1px solid var(--aih-line);border-radius:18px;overflow:hidden}
.aih .ph-list h3{font-size:16px;font-weight:700;margin:0;padding:16px 20px;border-bottom:1px solid var(--aih-line);display:flex;align-items:center;gap:10px}
.aih .ph-list h3 span{font-family:var(--aih-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--aih-fg-3);font-weight:500;margin-left:auto}
.aih .ph-list a{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--aih-line);color:var(--aih-fg)!important;font-weight:600;font-size:15px}
.aih .ph-list a:last-child{border-bottom:0}.aih .ph-list a:hover{background:var(--aih-bg-2)}
.aih .ph-list a .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--aih-blue-soft);color:var(--aih-blue);font-size:15px}
.aih .ph-list a small{display:block;font-size:13px;color:var(--aih-fg-2);font-weight:400;margin-top:1px}
.aih .ph-list a .chev{color:var(--aih-fg-3);font-size:12px}
.aih .ph-status{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding:18px 24px;border:1px solid var(--aih-line);border-radius:16px;background:#fff;font-size:14px;color:var(--aih-fg-2);margin-top:28px}
.aih .ph-status .ok{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--aih-fg)}
.aih .ph-status .ok i{width:8px;height:8px;border-radius:50%;background:var(--aih-green);display:inline-block;box-shadow:0 0 0 4px var(--aih-green-soft)}
.aih .ph-status a{margin-left:auto;font-weight:600}
.aih .ph-hero .ph-user{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.aih .ph-hero .ph-user .av{width:44px;height:44px;border-radius:50%;background:var(--aih-blue);color:#fff;display:grid;place-items:center;font-weight:700;font-size:17px}
.aih .ph-hero .ph-user small{display:block;color:var(--aih-fg-3);font-size:13px}
.aih .ph-login .btn+.btn{margin-top:8px}