/* =========================================================
   MisServicios v1.53.0 — Uniformidad Visual Beta
   Aplica identidad índigo + turquesa a módulos internos.
   Scope intencional para no alterar Marketplace v1.52.x.
   ========================================================= */

:root{
    --ms-u-navy:#12233f;
    --ms-u-navy-2:#1b3154;
    --ms-u-teal:#0f9f94;
    --ms-u-teal-dark:#0b7f77;
    --ms-u-teal-soft:#e7f7f5;
    --ms-u-bg:#f5f8fb;
    --ms-u-card:#fff;
    --ms-u-text:#223047;
    --ms-u-muted:#607086;
    --ms-u-line:#e2e9f0;
    --ms-u-shadow:0 12px 30px rgba(18,35,63,.07);
}

/* ---------- Identidad común ---------- */
.ms-unified-mark{
    position:relative;
    width:42px;height:42px;
    flex:0 0 42px;
    display:grid;place-items:center;
    border-radius:13px;
    overflow:hidden;
    background:linear-gradient(145deg,var(--ms-u-navy),var(--ms-u-navy-2));
    box-shadow:0 9px 20px rgba(18,35,63,.18);
}
.ms-unified-mark::before{
    content:"";
    width:17px;height:17px;
    border:4px solid #fff;
    border-right-color:var(--ms-u-teal);
    border-bottom-color:var(--ms-u-teal);
    border-radius:6px;
    transform:rotate(45deg);
}
.ms-unified-mark::after{
    content:"";
    position:absolute;
    width:6px;height:6px;
    top:8px;right:8px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 3px rgba(15,159,148,.28);
}
.ms-unified-beta{
    display:inline-flex;
    align-items:center;
    padding:.16rem .42rem;
    margin-left:.35rem;
    border-radius:999px;
    background:var(--ms-u-teal-soft);
    color:var(--ms-u-teal-dark);
    border:1px solid #caece8;
    font-size:.48rem;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
    vertical-align:middle;
}

/* ---------- Bootstrap dentro de paneles ---------- */
.ms-admin-body,
.ms-client-body,
.ms-pro-body,
.ms-auth-themed,
.ms-unified-main{
    --bs-primary:15,159,148;
    --bs-primary-rgb:15,159,148;
    color:var(--ms-u-text);
}
.ms-admin-body .btn-primary,
.ms-client-body .btn-primary,
.ms-pro-body .btn-primary,
.ms-auth-themed .btn-primary,
.ms-unified-main .btn-primary{
    background:var(--ms-u-teal)!important;
    border-color:var(--ms-u-teal)!important;
    color:#fff!important;
    box-shadow:0 7px 16px rgba(15,159,148,.16);
}
.ms-admin-body .btn-primary:hover,
.ms-client-body .btn-primary:hover,
.ms-pro-body .btn-primary:hover,
.ms-auth-themed .btn-primary:hover,
.ms-unified-main .btn-primary:hover{
    background:var(--ms-u-teal-dark)!important;
    border-color:var(--ms-u-teal-dark)!important;
}
.ms-admin-body .text-primary,
.ms-client-body .text-primary,
.ms-pro-body .text-primary,
.ms-auth-themed .text-primary,
.ms-unified-main .text-primary{color:var(--ms-u-teal-dark)!important}
.ms-admin-body a:not(.btn),
.ms-client-body a:not(.btn),
.ms-pro-body a:not(.btn),
.ms-auth-themed a:not(.btn),
.ms-unified-main a:not(.btn){text-decoration-color:rgba(15,159,148,.35)}
.ms-admin-body .form-control:focus,
.ms-admin-body .form-select:focus,
.ms-client-body .form-control:focus,
.ms-client-body .form-select:focus,
.ms-pro-body .form-control:focus,
.ms-pro-body .form-select:focus,
.ms-auth-themed .form-control:focus,
.ms-auth-themed .form-select:focus,
.ms-unified-main .form-control:focus,
.ms-unified-main .form-select:focus{
    border-color:#70cfc7!important;
    box-shadow:0 0 0 .2rem rgba(15,159,148,.12)!important;
}
.ms-admin-body .card,
.ms-client-body .card,
.ms-pro-body .card,
.ms-auth-themed .card,
.ms-unified-main .card{
    border-color:var(--ms-u-line)!important;
    box-shadow:var(--ms-u-shadow);
}
.ms-admin-body .table,
.ms-client-body .table,
.ms-pro-body .table{--bs-table-color:var(--ms-u-text)}
.ms-admin-body .table thead th,
.ms-client-body .table thead th,
.ms-pro-body .table thead th{
    color:#53647a;
    background:#f7fafc;
    border-bottom-color:#dce5ed;
    font-size:.74rem;
    text-transform:uppercase;
    letter-spacing:.035em;
}
.ms-admin-body .badge.bg-primary,
.ms-client-body .badge.bg-primary,
.ms-pro-body .badge.bg-primary{
    background:var(--ms-u-teal)!important;
}

/* ---------- ADMIN ---------- */
.ms-admin-body{background:var(--ms-u-bg)!important}
.ms-admin-body .ms-sidebar{
    background:linear-gradient(180deg,#10203a 0%,#152a49 100%)!important;
    border-right:0!important;
    box-shadow:8px 0 28px rgba(18,35,63,.10);
}
.ms-admin-body .ms-brand-mark{display:none!important}
.ms-admin-body .ms-brand strong{color:#fff!important}
.ms-admin-body .ms-brand span{color:#9db0c8!important}
.ms-admin-body .ms-nav-label{color:#7790ae!important}
.ms-admin-body .ms-sidebar-nav a{
    color:rgba(255,255,255,.83)!important;
    border-radius:11px!important;
    transition:.18s ease;
}
.ms-admin-body .ms-sidebar-nav a i{color:#9fc1cf!important}
.ms-admin-body .ms-sidebar-nav a:hover{
    color:#fff!important;
    background:rgba(255,255,255,.07)!important;
    transform:translateX(2px);
}
.ms-admin-body .ms-sidebar-nav a.active{
    color:#fff!important;
    background:rgba(15,159,148,.19)!important;
    box-shadow:inset 3px 0 0 #3bc5b9;
}
.ms-admin-body .ms-sidebar-nav a.active i{color:#6ed7ce!important}
.ms-admin-body .ms-admin-public-link{
    margin-top:.35rem;
    border:1px solid rgba(110,215,206,.16);
}
.ms-admin-body .ms-topbar{
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid var(--ms-u-line)!important;
    box-shadow:0 6px 20px rgba(18,35,63,.045);
}
.ms-admin-body .ms-topbar-title span{color:var(--ms-u-navy)!important;font-weight:850}
.ms-admin-body .ms-avatar{
    background:linear-gradient(145deg,var(--ms-u-teal),var(--ms-u-teal-dark))!important;
    color:#fff!important;
}
.ms-admin-body .ms-content{background:var(--ms-u-bg)!important}
.ms-admin-body h1,.ms-admin-body h2,.ms-admin-body h3{color:var(--ms-u-navy)}
.ms-admin-body .modal-header{border-bottom-color:var(--ms-u-line)}
.ms-admin-body .modal-footer{border-top-color:var(--ms-u-line)}
.ms-admin-body .modal-content{border:0;border-radius:18px;box-shadow:0 24px 70px rgba(18,35,63,.18)}

/* ---------- CLIENTE ---------- */
.ms-client-body{background:var(--ms-u-bg)!important}
.ms-client-body .ms-client-sidebar{
    background:linear-gradient(180deg,#10203a,#152a49)!important;
    box-shadow:8px 0 28px rgba(18,35,63,.10)!important;
}
.ms-client-body .ms-client-brand-mark{display:none!important}
.ms-client-body .ms-client-brand strong{color:#fff!important}
.ms-client-body .ms-client-brand small{color:#9db0c8!important}
.ms-client-body .ms-client-nav-label{color:#7990aa!important}
.ms-client-body .ms-client-nav a{
    color:rgba(255,255,255,.86)!important;
    border-radius:11px!important;
    transition:.18s ease;
}
.ms-client-body .ms-client-nav a i{color:#9fc1cf!important}
.ms-client-body .ms-client-nav a>small{
    background:rgba(255,255,255,.10)!important;
    color:#d9e5ef!important;
}
.ms-client-body .ms-client-nav a:hover{
    background:rgba(255,255,255,.07)!important;
    color:#fff!important;
}
.ms-client-body .ms-client-nav a.active{
    background:rgba(15,159,148,.19)!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 #3bc5b9;
}
.ms-client-body .ms-client-nav a.active i{color:#6ed7ce!important}
.ms-client-body .ms-client-sidebar-user{border-top-color:rgba(255,255,255,.09)!important}
.ms-client-body .ms-client-sidebar-user strong{color:#fff!important}
.ms-client-body .ms-client-sidebar-user small{color:#9db0c8!important}
.ms-client-body .ms-client-avatar{
    background:linear-gradient(145deg,var(--ms-u-teal),var(--ms-u-teal-dark))!important;
    color:#fff!important;
}
.ms-client-body .ms-client-topbar{
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid var(--ms-u-line)!important;
    box-shadow:0 6px 20px rgba(18,35,63,.045)!important;
}
.ms-client-body .ms-client-top-title strong{color:var(--ms-u-navy)!important}
.ms-client-body .ms-client-top-title span{color:var(--ms-u-muted)!important}
.ms-client-body .ms-client-content{background:var(--ms-u-bg)!important}
.ms-client-body h1,.ms-client-body h2,.ms-client-body h3{color:var(--ms-u-navy)}
.ms-client-body .rounded-4{border-radius:18px!important}

/* ---------- PROFESIONAL ---------- */
.ms-pro-body{background:var(--ms-u-bg)!important}
.ms-pro-body .ms-pro-sidebar{
    background:linear-gradient(180deg,#10203a,#152a49)!important;
    box-shadow:8px 0 28px rgba(18,35,63,.10)!important;
}
.ms-pro-body .ms-pro-brand .mark{display:none!important}
.ms-pro-body .ms-pro-brand strong{color:#fff!important}
.ms-pro-body .ms-pro-brand small{color:#9db0c8!important}
.ms-pro-body .ms-pro-nav .label{color:#7990aa!important}
.ms-pro-body .ms-pro-nav a{
    color:rgba(255,255,255,.86)!important;
    border-radius:11px!important;
    transition:.18s ease;
}
.ms-pro-body .ms-pro-nav a i{color:#9fc1cf!important}
.ms-pro-body .ms-pro-nav a>small{
    background:rgba(255,255,255,.10)!important;
    color:#d9e5ef!important;
}
.ms-pro-body .ms-pro-nav a:hover{
    color:#fff!important;
    background:rgba(255,255,255,.07)!important;
}
.ms-pro-body .ms-pro-nav a.active{
    color:#fff!important;
    background:rgba(15,159,148,.19)!important;
    box-shadow:inset 3px 0 0 #3bc5b9;
}
.ms-pro-body .ms-pro-nav a.active i{color:#6ed7ce!important}
.ms-pro-body .ms-pro-user{border-top-color:rgba(255,255,255,.09)!important}
.ms-pro-body .ms-pro-user strong{color:#fff!important}
.ms-pro-body .ms-pro-user small{color:#9db0c8!important}
.ms-pro-body .ms-pro-user>span{
    background:linear-gradient(145deg,var(--ms-u-teal),var(--ms-u-teal-dark))!important;
    color:#fff!important;
}
.ms-pro-body .ms-pro-topbar{
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid var(--ms-u-line)!important;
    box-shadow:0 6px 20px rgba(18,35,63,.045)!important;
}
.ms-pro-body .ms-pro-topbar strong{color:var(--ms-u-navy)!important}
.ms-pro-body .ms-pro-topbar span{color:var(--ms-u-muted)!important}
.ms-pro-body .ms-pro-content{background:var(--ms-u-bg)!important}
.ms-pro-body h1,.ms-pro-body h2,.ms-pro-body h3{color:var(--ms-u-navy)}

/* ---------- AUTH / REGISTRO ---------- */
.ms-auth-themed{
    min-height:100vh;
    background:
      radial-gradient(circle at 85% 10%,rgba(15,159,148,.13),transparent 26%),
      linear-gradient(135deg,#f3f7fa,#fbfcfd 48%,#edf7f6)!important;
}
.ms-auth-themed .ms-auth-shell{max-width:1120px!important}
.ms-auth-themed .ms-auth-logo{color:var(--ms-u-navy)!important}
.ms-auth-themed .ms-auth-logo>span:first-child{display:none!important}
.ms-auth-themed .ms-auth-card{
    border:1px solid var(--ms-u-line)!important;
    border-radius:24px!important;
    box-shadow:0 24px 65px rgba(18,35,63,.13)!important;
}
.ms-auth-themed .ms-auth-side{
    background:
      radial-gradient(circle at 90% 12%,rgba(15,159,148,.24),transparent 25%),
      linear-gradient(145deg,#112440,#1a365d 58%,#147f7c)!important;
}
.ms-auth-themed .ms-auth-side h1{letter-spacing:-.045em!important}
.ms-auth-themed .ms-auth-form h2{color:var(--ms-u-navy)!important}
.ms-auth-themed .ms-auth-form p,
.ms-auth-themed .ms-password-note{color:var(--ms-u-muted)!important}
.ms-auth-themed .form-control,.ms-auth-themed .form-select{
    border-color:#dce5ed!important;
    border-radius:12px!important;
}
.ms-auth-themed .btn{border-radius:11px!important}

/* ---------- MAIN / PERFIL PÚBLICO ---------- */
.ms-unified-main{
    background:var(--ms-u-bg)!important;
    color:var(--ms-u-text);
}
.ms-unified-main .ms-unified-nav{
    position:sticky;top:0;z-index:1050;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--ms-u-line);
    box-shadow:0 6px 22px rgba(18,35,63,.045);
}
.ms-unified-main .ms-unified-nav .navbar-brand{color:var(--ms-u-navy)!important}
.ms-unified-main .ms-unified-nav .nav-link{
    color:#53647a!important;
    font-weight:750;
}
.ms-unified-main .ms-unified-nav .nav-link:hover{color:var(--ms-u-teal-dark)!important}
.ms-unified-main .ms-main{padding:0!important}
.ms-unified-main .ms-footer{
    background:#0e1b31!important;
    color:#cbd6e3!important;
    border-top:0!important;
}
.ms-unified-main .ms-footer small{color:#aebdce!important}

/* Perfil público: sus estilos internos siguen existiendo, aquí reforzamos coherencia */
.ms-unified-main .ms-marketplace{
    --ms-brand:#0f9f94!important;
    --ms-brand-dark:#0b7f77!important;
    --ms-brand-soft:#e7f7f5!important;
    --ms-ink:#12233f!important;
    --ms-muted:#607086!important;
    --ms-border:#e2e9f0!important;
    --ms-bg:#f5f8fb!important;
}
.ms-unified-main .ms-marketplace .ms-topbar{display:none!important}
.ms-unified-main .ms-marketplace .ms-hero{
    background:linear-gradient(135deg,#12233f 0%,#1c3c62 58%,#138b86 100%)!important;
    box-shadow:0 22px 50px rgba(18,35,63,.20)!important;
}
.ms-unified-main .ms-marketplace .ms-brand-mark{
    background:linear-gradient(145deg,#12233f,#0f9f94)!important;
}
.ms-unified-main .ms-marketplace .ms-section-kicker,
.ms-unified-main .ms-marketplace .ms-about h2,
.ms-unified-main .ms-marketplace .ms-service summary{color:#0b7f77!important}
.ms-unified-main .ms-marketplace .ms-count{
    background:#e7f7f5!important;color:#0b7f77!important
}
.ms-unified-main .ms-marketplace .ms-service:hover{border-color:#b9dfdc!important}
.ms-unified-main .ms-marketplace .btn-primary{
    background:#0f9f94!important;border-color:#0f9f94!important
}
.ms-unified-main .ms-marketplace .btn-primary:hover{
    background:#0b7f77!important;border-color:#0b7f77!important
}

/* ---------- Responsive común ---------- */
@media(max-width:767.98px){
    .ms-unified-mark{width:38px;height:38px;flex-basis:38px;border-radius:12px}
    .ms-admin-body .ms-content,
    .ms-client-body .ms-client-content,
    .ms-pro-body .ms-pro-content{padding-left:14px!important;padding-right:14px!important}
}

/* v1.53.1 — Barras de identidad */
.ms-pro-body .bg-primary,
.ms-pro-body .text-bg-primary,
.ms-pro-body .card.bg-primary,
.ms-pro-body section.bg-primary,
.ms-pro-body div.bg-primary{
 background:linear-gradient(105deg,#12233f 0%,#1b3154 58%,#0f9f94 100%)!important;
 border-color:transparent!important;color:#fff!important
}
.ms-pro-body .bg-primary h1,.ms-pro-body .bg-primary h2,.ms-pro-body .bg-primary h3,
.ms-pro-body .bg-primary p,.ms-pro-body .bg-primary span:not(.badge),.ms-pro-body .bg-primary small{color:#fff!important}
.ms-pro-body .bg-primary .text-white-50{color:rgba(255,255,255,.78)!important}
.ms-pro-body .bg-primary .btn-light{background:#fff!important;color:#12233f!important;border-color:#fff!important}
.ms-pro-body .bg-primary .btn-light:hover{background:#e7f7f5!important;color:#0b7f77!important}
.ms-unified-main .ms-unified-nav{
 background:linear-gradient(90deg,#10203a 0%,#152a49 72%,#123b4a 100%)!important;
 border-bottom:1px solid rgba(255,255,255,.08)!important;
 box-shadow:0 7px 24px rgba(18,35,63,.16)!important
}
.ms-unified-main .ms-unified-nav .navbar-brand{color:#fff!important}
.ms-unified-main .ms-unified-nav .nav-link{color:rgba(255,255,255,.84)!important}
.ms-unified-main .ms-unified-nav .nav-link:hover{color:#72ddd3!important}
.ms-unified-main .ms-unified-nav .navbar-toggler{border-color:rgba(255,255,255,.25)!important}
.ms-unified-main .ms-unified-nav .navbar-toggler-icon{filter:invert(1)}

/* v1.53.2 — Topbars + Welcome exactos */
.ms-admin-body .ms-topbar,
.ms-client-body .ms-client-topbar,
.ms-pro-body .ms-pro-topbar{
 background:linear-gradient(90deg,#10203a 0%,#152a49 72%,#123b4a 100%)!important;
 border-bottom:1px solid rgba(255,255,255,.08)!important;
 box-shadow:0 7px 24px rgba(18,35,63,.16)!important
}
.ms-admin-body .ms-topbar-title,.ms-admin-body .ms-topbar-title span,.ms-admin-body .ms-user-info strong,
.ms-client-body .ms-client-top-title strong,
.ms-pro-body .ms-pro-topbar>div>strong{color:#fff!important}
.ms-admin-body .ms-user-info small,.ms-client-body .ms-client-top-title span,.ms-pro-body .ms-pro-topbar>div>span{color:#a9b8c9!important}
.ms-client-body .ms-client-topbar .btn-outline-secondary,
.ms-pro-body .ms-pro-topbar .btn-outline-secondary{
 color:#fff!important;border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.06)!important
}
.ms-client-body .ms-client-topbar .btn-outline-secondary:hover,
.ms-pro-body .ms-pro-topbar .btn-outline-secondary:hover{
 background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.42)!important
}
.ms-client-body .ms-client-menu-button,.ms-pro-body .ms-pro-menu{
 color:#fff!important;border-color:rgba(255,255,255,.25)!important
}
.ms-client-body .ms-client-welcome,
.ms-pro-body .ms-pro-welcome{
 background:linear-gradient(105deg,#12233f 0%,#1b3154 58%,#0f9f94 100%)!important;
 color:#fff!important;box-shadow:0 18px 40px rgba(18,35,63,.18)!important
}
.ms-client-body .ms-client-welcome .ms-client-eyebrow,
.ms-pro-body .ms-pro-welcome>div>span{color:#85ddd5!important}
.ms-client-body .ms-client-welcome h1,.ms-pro-body .ms-pro-welcome h1{color:#fff!important}
.ms-client-body .ms-client-welcome p,.ms-pro-body .ms-pro-welcome p{color:rgba(255,255,255,.82)!important}
.ms-client-body .ms-client-welcome .btn-light,.ms-pro-body .ms-pro-welcome .btn-light{
 background:#fff!important;color:#12233f!important;border-color:#fff!important
}
.ms-client-body .ms-client-welcome .btn-light:hover,.ms-pro-body .ms-pro-welcome .btn-light:hover{
 background:#e7f7f5!important;color:#0b7f77!important
}