:root {
    --imecapi-blue: #0083ff;
    --imecapi-navy: #003366;
    --imecapi-bg: #f8fafc;
    --imecapi-text: #1f2937;
    --imecapi-muted: #64748b;
    --imecapi-border: #e5e7eb;
    --imecapi-white: #ffffff;
}

/* v0.9.88a · Navegacion lateral premium del dashboard de cliente */
body.imecapi-dashboard-overlay-open{
    overflow:hidden!important;
}
.imecapi-dashboard-host{
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
    box-shadow:none!important;
    background:transparent!important;
}
.imecapi-dashboard-host::before,
.imecapi-dashboard-host::after{
    display:none!important;
}
.imecapi-client-app-clean{
    position:relative!important;
    display:grid!important;
    grid-template-columns:62px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    padding:6px 16px 24px 4px!important;
    overflow:visible!important;
}
.imecapi-client-main-clean{
    min-width:0!important;
    width:100%!important;
    padding-top:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    overflow:visible!important;
}
.imecapi-client-rail{
    position:sticky!important;
    top:18px!important;
    z-index:30!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:12px!important;
    width:62px!important;
    min-height:calc(100vh - 40px)!important;
    padding:10px 8px!important;
    border:1px solid rgba(203,213,225,.72)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(250,252,255,.84) 100%)!important;
    box-shadow:0 18px 42px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
}
.imecapi-client-rail-top{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    padding-bottom:10px!important;
    border-bottom:1px solid rgba(203,213,225,.55)!important;
}
.imecapi-client-rail-logo{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}
.imecapi-client-rail-logo img{
    width:24px!important;
    height:24px!important;
    object-fit:contain!important;
}
.imecapi-client-rail-logo span{
    color:#0083ff!important;
    font-size:14px!important;
    font-weight:600!important;
}
.imecapi-client-rail-toggle,
.imecapi-client-rail-nav button,
.imecapi-client-rail-user{
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
}
.imecapi-client-rail-toggle{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
    color:#4c617d!important;
    box-shadow:inset 0 0 0 1px rgba(203,213,225,.68)!important;
}
.imecapi-client-rail-toggle:hover,
.imecapi-client-rail-nav button:hover,
.imecapi-client-rail-user:hover{
    color:#0f172a!important;
}
.imecapi-client-rail-toggle svg,
.imecapi-client-rail-nav button svg{
    width:16px!important;
    height:16px!important;
}
.imecapi-client-rail-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
}
.imecapi-client-rail-nav button{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    color:#60748f!important;
    transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.imecapi-client-rail-nav button.is-active{
    background:linear-gradient(180deg,#f4f8ff 0%,#eaf2ff 100%)!important;
    color:#0083ff!important;
    box-shadow:0 10px 22px rgba(0,131,255,.12)!important;
}
.imecapi-client-rail-dot{
    position:absolute!important;
    top:9px!important;
    right:9px!important;
    width:7px!important;
    height:7px!important;
    border-radius:999px!important;
    background:#ef4444!important;
    box-shadow:0 0 0 3px rgba(255,255,255,.95)!important;
}
.imecapi-client-rail-user{
    margin-top:auto!important;
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
    overflow:hidden!important;
    color:#2563eb!important;
    background:linear-gradient(180deg,#f4f8ff 0%,#e8f0ff 100%)!important;
    box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
}
.imecapi-client-rail-user img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.imecapi-client-rail-user span{
    font-size:12px!important;
    font-weight:600!important;
}
.imecapi-client-drawer-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:70!important;
    border:0!important;
    background:rgba(15,23,42,.24)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
}
.imecapi-client-drawer{
    position:fixed!important;
    top:18px!important;
    left:108px!important;
    bottom:18px!important;
    z-index:80!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    width:min(420px,32vw)!important;
    max-width:calc(100vw - 136px)!important;
    padding:22px 20px 18px!important;
    border:1px solid rgba(203,213,225,.82)!important;
    border-radius:30px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(247,250,255,.90) 100%)!important;
    box-shadow:0 28px 70px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.95)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateX(-18px) scale(.985)!important;
    transition:opacity .22s ease,transform .22s ease!important;
    overflow:hidden!important;
}
.imecapi-client-app-clean.is-drawer-open .imecapi-client-drawer{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateX(0) scale(1)!important;
}
.imecapi-client-drawer-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding-bottom:16px!important;
    border-bottom:1px solid rgba(226,232,240,.92)!important;
}
.imecapi-client-drawer-brand{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    min-width:0!important;
}
.imecapi-client-drawer-brand-mark{
    display:grid!important;
    place-items:center!important;
    width:52px!important;
    height:52px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#ffffff 0%,#eef4ff 100%)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
}
.imecapi-client-drawer-brand-mark img{
    width:34px!important;
    height:34px!important;
    object-fit:contain!important;
}
.imecapi-client-drawer-brand-mark span{
    color:#0083ff!important;
    font-size:18px!important;
    font-weight:600!important;
}
.imecapi-client-drawer-brand strong{
    display:block!important;
    font-size:18px!important;
    font-weight:600!important;
    color:#0f172a!important;
}
.imecapi-client-drawer-brand span{
    display:block!important;
    font-size:11px!important;
    color:#5f7391!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}
.imecapi-client-drawer-close{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    border:0!important;
    border-radius:14px!important;
    background:rgba(248,250,252,.9)!important;
    color:#475569!important;
    box-shadow:inset 0 0 0 1px rgba(203,213,225,.68)!important;
    cursor:pointer!important;
}
.imecapi-client-drawer-close svg{
    width:18px!important;
    height:18px!important;
}
.imecapi-client-drawer-nav{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    overflow:auto!important;
    padding-right:2px!important;
}
.imecapi-client-drawer-nav button,
.imecapi-client-drawer-group-toggle,
.imecapi-client-drawer-subnav button,
.imecapi-client-drawer-user{
    font-family:inherit!important;
}
.imecapi-client-drawer-nav > button,
.imecapi-client-drawer-group-toggle{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:54px!important;
    padding:0 16px!important;
    border:1px solid transparent!important;
    border-radius:18px!important;
    background:transparent!important;
    color:#36475f!important;
    text-align:left!important;
    cursor:pointer!important;
    transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.imecapi-client-drawer-nav > button i,
.imecapi-client-drawer-group-title i,
.imecapi-client-drawer-subnav button i{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
    color:#60748f!important;
    background:rgba(248,250,252,.9)!important;
    box-shadow:inset 0 0 0 1px rgba(226,232,240,.9)!important;
    flex:0 0 auto!important;
}
.imecapi-client-drawer-nav > button i svg,
.imecapi-client-drawer-group-title i svg,
.imecapi-client-drawer-subnav button i svg{
    width:18px!important;
    height:18px!important;
}
.imecapi-client-drawer-nav > button span,
.imecapi-client-drawer-group-title span:last-child,
.imecapi-client-drawer-subnav button span{
    font-size:14px!important;
    font-weight:500!important;
    color:inherit!important;
}
.imecapi-client-drawer-nav > button:hover,
.imecapi-client-drawer-group-toggle:hover{
    background:rgba(248,250,252,.9)!important;
    color:#0f172a!important;
}
.imecapi-client-drawer-nav > button.is-active{
    background:linear-gradient(180deg,#f3f8ff 0%,#ebf3ff 100%)!important;
    border-color:rgba(191,219,254,.95)!important;
    color:#0083ff!important;
    box-shadow:0 12px 24px rgba(0,131,255,.10)!important;
}
.imecapi-client-drawer-nav > button.is-active i{
    color:#0083ff!important;
    background:#ffffff!important;
}
.imecapi-client-drawer-group{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
}
.imecapi-client-drawer-group-toggle{
    justify-content:space-between!important;
}
.imecapi-client-drawer-group-title{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
}
.imecapi-client-drawer-group-chevron{
    width:18px!important;
    height:18px!important;
    color:#7b8ca5!important;
    transition:transform .18s ease!important;
    flex:0 0 auto!important;
}
.imecapi-client-drawer-group.is-open .imecapi-client-drawer-group-chevron{
    transform:rotate(180deg)!important;
}
.imecapi-client-drawer-subnav{
    display:none!important;
    padding:2px 0 2px 10px!important;
    margin-left:16px!important;
    border-left:1px solid rgba(226,232,240,.92)!important;
}
.imecapi-client-drawer-group.is-open .imecapi-client-drawer-subnav{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
}
.imecapi-client-drawer-subnav button{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 12px!important;
    border:1px solid transparent!important;
    border-radius:16px!important;
    background:transparent!important;
    color:#526479!important;
    text-align:left!important;
    cursor:pointer!important;
}
.imecapi-client-drawer-subnav button span{
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.imecapi-client-drawer-subnav button.is-active{
    background:#ffffff!important;
    border-color:rgba(191,219,254,.95)!important;
    color:#0f172a!important;
    box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
}
.imecapi-client-drawer-subnav button.is-active i{
    color:#0083ff!important;
    background:#edf5ff!important;
}
.imecapi-client-drawer-badge{
    margin-left:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:52px!important;
    min-height:24px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:#eef4ff!important;
    color:#0083ff!important;
    font-size:10px!important;
    font-weight:600!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.imecapi-client-drawer-calendar{
    margin-top:auto!important;
    padding:16px!important;
    border:1px solid rgba(226,232,240,.96)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(247,250,255,.88) 100%)!important;
    box-shadow:0 16px 30px rgba(15,23,42,.06)!important;
}
.imecapi-client-drawer-calendar-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:14px!important;
}
.imecapi-client-drawer-calendar-head strong{
    font-size:14px!important;
    font-weight:600!important;
    color:#0f172a!important;
}
.imecapi-client-drawer-calendar-head span{
    font-size:10px!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    color:#6b7c92!important;
}
.imecapi-client-drawer-calendar-grid{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:8px!important;
}
.imecapi-client-drawer-calendar-grid.is-labels{
    margin-bottom:10px!important;
}
.imecapi-client-drawer-calendar-grid.is-labels span{
    font-size:9px!important;
    font-weight:600!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:#7b8ca5!important;
    text-align:center!important;
}
.imecapi-client-drawer-calendar-grid:not(.is-labels) span{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    aspect-ratio:1/1!important;
    border-radius:12px!important;
    font-size:12px!important;
    color:#334155!important;
    background:rgba(248,250,252,.78)!important;
}
.imecapi-client-drawer-calendar-grid span.is-empty{
    background:transparent!important;
}
.imecapi-client-drawer-calendar-grid span.is-today{
    background:linear-gradient(180deg,#0083ff 0%,#2563eb 100%)!important;
    color:#ffffff!important;
    box-shadow:0 12px 22px rgba(0,131,255,.18)!important;
}
.imecapi-client-drawer-user{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    margin-top:16px!important;
    padding:12px 14px!important;
    border:1px solid rgba(226,232,240,.96)!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(246,249,254,.9) 100%)!important;
    box-shadow:0 14px 28px rgba(15,23,42,.06)!important;
    cursor:pointer!important;
}
.imecapi-client-drawer-user-avatar{
    display:grid!important;
    place-items:center!important;
    width:46px!important;
    height:46px!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#eef4ff 0%,#e3edff 100%)!important;
    color:#2563eb!important;
    font-size:16px!important;
    font-weight:600!important;
    flex:0 0 auto!important;
}
.imecapi-client-drawer-user-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.imecapi-client-drawer-user-copy{
    min-width:0!important;
    text-align:left!important;
}
.imecapi-client-drawer-user-copy strong{
    display:block!important;
    font-size:14px!important;
    font-weight:600!important;
    color:#0f172a!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.imecapi-client-drawer-user-copy span{
    display:block!important;
    font-size:10px!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    color:#6b7c92!important;
}
.imecapi-client-drawer-user-chevron{
    width:18px!important;
    height:18px!important;
    margin-left:auto!important;
    color:#7b8ca5!important;
    flex:0 0 auto!important;
}
.imecapi-services-dashboard-clean{
    margin-top:10px!important;
}
.imecapi-service-tabs-clean{
    display:block!important;
}
.imecapi-service-panels-clean{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.imecapi-service-panel-clean{
    display:none!important;
}
.imecapi-service-panel-clean.is-active{
    display:block!important;
}
.imecapi-subtabs-clean{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    padding:0!important;
    border:1px solid rgba(214,223,234,.9)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    box-shadow:0 14px 28px rgba(15,23,42,.05)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
}
.imecapi-subtabs-clean::-webkit-scrollbar{
    display:none!important;
}
.imecapi-subtabs-clean button{
    position:relative!important;
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:62px!important;
    max-width:min(320px,calc(100vw - 180px))!important;
    margin:0!important;
    padding:0 22px!important;
    border:0!important;
    border-right:1px solid rgba(226,232,240,.92)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#5c6e85!important;
    box-shadow:none!important;
}
.imecapi-subtabs-clean button:last-child{
    border-right:0!important;
}
.imecapi-subtabs-clean button strong{
    font-size:14px!important;
    font-weight:500!important;
    line-height:1.25!important;
    color:inherit!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:240px!important;
}
.imecapi-subtabs-clean button.is-summary strong{
    max-width:none!important;
}
.imecapi-process-tab-icon{
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
    background:#f6f9fc!important;
    color:#708198!important;
    box-shadow:inset 0 0 0 1px rgba(226,232,240,.92)!important;
}
.imecapi-process-tab-icon svg{
    width:18px!important;
    height:18px!important;
}
.imecapi-subtabs-clean button.is-active{
    background:linear-gradient(180deg,#0083ff 0%,#2563eb 100%)!important;
    color:#ffffff!important;
    box-shadow:0 16px 30px rgba(0,131,255,.18)!important;
}
.imecapi-subtabs-clean button.is-active .imecapi-process-tab-icon{
    background:rgba(255,255,255,.15)!important;
    color:#ffffff!important;
    box-shadow:none!important;
}
.imecapi-subtabs-clean button:hover:not(.is-active){
    background:rgba(248,250,252,.9)!important;
    color:#334155!important;
}
@media(max-width:1180px){
    .imecapi-client-app-clean{
        grid-template-columns:58px minmax(0,1fr)!important;
        gap:14px!important;
        padding:8px 14px 24px 4px!important;
    }
    .imecapi-client-drawer{
        left:80px!important;
        width:min(400px,40vw)!important;
    }
}
@media(max-width:860px){
    .imecapi-client-app-clean{
        grid-template-columns:1fr!important;
        padding:12px 12px 24px!important;
    }
    .imecapi-client-rail{
        position:sticky!important;
        top:10px!important;
        width:100%!important;
        min-height:auto!important;
        flex-direction:row!important;
        justify-content:space-between!important;
        padding:8px 10px!important;
        border-radius:18px!important;
    }
    .imecapi-client-rail-top{
        width:auto!important;
        flex-direction:row!important;
        padding-bottom:0!important;
        border-bottom:0!important;
    }
    .imecapi-client-rail-nav{
        flex-direction:row!important;
        justify-content:center!important;
        flex:1 1 auto!important;
    }
    .imecapi-client-rail-user{
        margin-top:0!important;
    }
    .imecapi-client-drawer{
        left:12px!important;
        right:12px!important;
        bottom:12px!important;
        width:auto!important;
        max-width:none!important;
    }
    .imecapi-subtabs-clean button{
        max-width:min(280px,calc(100vw - 90px))!important;
        min-height:58px!important;
        padding:0 18px!important;
    }
    .imecapi-subtabs-clean button strong{
        font-size:13px!important;
        max-width:210px!important;
    }
}

.imecapi-portal {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    min-height: 80vh;
    background: var(--imecapi-bg);
    color: var(--imecapi-text);
    font-family: Inter, Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.imecapi-sidebar {
    background: var(--imecapi-white);
    border-right: 1px solid var(--imecapi-border);
    padding: 28px 20px;
}

.imecapi-logo {
    font-weight: 700;
    color: var(--imecapi-navy);
    margin-bottom: 32px;
    letter-spacing: .04em;
}

.imecapi-sidebar nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.imecapi-sidebar a {
    display: block;
    padding: 11px 12px;
    border-radius: 12px;
    text-decoration: none;
    color: var(--imecapi-text);
    font-weight: 500;
}

.imecapi-sidebar a:hover {
    background: #eef6ff;
    color: var(--imecapi-blue);
}

.imecapi-main {
    padding: 32px;
}

.imecapi-header {
    margin-bottom: 24px;
}

.imecapi-header h1 {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    color: var(--imecapi-navy);
}

.imecapi-header p {
    margin: 6px 0 0;
    color: var(--imecapi-muted);
}

.imecapi-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

.imecapi-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

.imecapi-card {
    background: var(--imecapi-white);
    border: 1px solid var(--imecapi-border);
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.04);
}

.imecapi-card.metric span {
    display: block;
    color: var(--imecapi-muted);
    font-size: 14px;
    margin-bottom: 10px;
}

.imecapi-card.metric strong {
    font-size: 34px;
    color: var(--imecapi-navy);
    line-height: 1;
}

.imecapi-eyebrow {
    display: inline-block;
    color: var(--imecapi-blue);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 8px;
}

.imecapi-card h2 {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 600;
}

.imecapi-card p {
    margin: 0;
    color: var(--imecapi-muted);
    line-height: 1.6;
}

.imecapi-portal-login-required,
.imecapi-portal-denied {
    padding: 18px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--imecapi-border);
}

@media (max-width: 900px) {
    .imecapi-portal {
        grid-template-columns: 1fr;
    }

    .imecapi-sidebar {
        border-right: 0;
        border-bottom: 1px solid var(--imecapi-border);
    }

    .imecapi-sidebar nav {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .imecapi-main {
        padding: 20px;
    }

    .imecapi-metrics,
    .imecapi-grid-2 {
        grid-template-columns: 1fr;
    }
}

.imecapi-empty-state {
    background: #fff;
    border: 1px solid #dfe7f1;
    border-radius: 22px;
    padding: 34px;
    box-shadow: 0 18px 50px rgba(0, 51, 102, .08);
}

.imecapi-header p {
    color: #0083ff;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 0 0 4px;
}

.imecapi-header h1 {
    margin: 0 0 8px;
}

.imecapi-header span {
    color: #52657d;
    font-weight: 600;
}

.imecapi-process-list {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.imecapi-process-item {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding: 18px 20px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #f8fbff;
}

.imecapi-process-item h3 {
    margin: 0 0 4px;
    color: #003366;
}

.imecapi-process-item p {
    margin: 0;
    color: #52657d;
}

.imecapi-status-pill {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border-radius: 999px;
    background: #e9fff4;
    color: #007a47;
    font-weight: 800;
    padding: 7px 12px;
    font-size: 13px;
}

.imecapi-activity-list {
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
    display: grid;
    gap: 12px;
}

.imecapi-activity-list li {
    border-left: 4px solid #0083ff;
    padding: 10px 14px;
    background: #f8fbff;
    border-radius: 12px;
}

.imecapi-activity-list strong,
.imecapi-activity-list span {
    display: block;
}

.imecapi-client-app {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    min-height: 760px;
    background: #f4f8fd;
    color: #0f172a;
}

.imecapi-client-sidebar {
    background: #ffffff;
    border-right: 1px solid #dfe7f1;
    padding: 28px 22px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.imecapi-client-brand {
    min-height: 72px;
    display: flex;
    align-items: center;
}

.imecapi-client-brand img {
    max-width: 100%;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.imecapi-client-brand span,
.imecapi-client-hero-logo span {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #003366;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    text-transform: uppercase;
}

.imecapi-client-sidebar > strong {
    color: #003366;
    font-size: 16px;
}

.imecapi-client-tabs {
    display: grid;
    gap: 8px;
}

.imecapi-client-tabs button {
    border: 0;
    background: transparent;
    text-align: left;
    padding: 12px 14px;
    border-radius: 14px;
    font-weight: 800;
    color: #334155;
    cursor: pointer;
}

.imecapi-client-tabs button.is-active,
.imecapi-client-tabs button:hover {
    background: #eef6ff;
    color: #0083ff;
}

.imecapi-client-main {
    padding: 32px;
    display: grid;
    gap: 24px;
    align-content: start;
}

.imecapi-client-hero {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%);
    border: 1px solid #dfe7f1;
    border-radius: 28px;
    padding: 28px 32px;
    box-shadow: 0 20px 60px rgba(0, 51, 102, .08);
}

.imecapi-client-hero span,
.imecapi-client-card > span,
.imecapi-section-title span {
    color: #0083ff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .10em;
}

.imecapi-client-hero h1 {
    margin: 8px 0;
    color: #003366;
    font-size: 34px;
}

.imecapi-client-hero p {
    margin: 0;
    color: #52657d;
    font-weight: 600;
}

.imecapi-client-hero-logo {
    max-height: 120px;
    max-width: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imecapi-client-hero-logo img {
    max-height: 120px;
    max-width: 240px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.imecapi-client-tab-panel {
    display: none;
}

.imecapi-client-tab-panel.is-active {
    display: grid;
    gap: 22px;
}

.imecapi-client-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.imecapi-client-metrics article,
.imecapi-client-card {
    background: #ffffff;
    border: 1px solid #dfe7f1;
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 16px 45px rgba(0, 51, 102, .06);
}

.imecapi-client-metrics span {
    color: #52657d;
    font-weight: 800;
}

.imecapi-client-metrics strong {
    display: block;
    margin-top: 8px;
    font-size: 32px;
    color: #003366;
}

.imecapi-client-summary-grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 18px;
}

.imecapi-client-card h2 {
    color: #003366;
    margin: 10px 0;
}

.imecapi-client-card p {
    color: #52657d;
    line-height: 1.55;
}

.imecapi-highlight {
    border-left: 5px solid #0083ff;
}

.imecapi-section-title h2 {
    margin: 8px 0;
    color: #003366;
    font-size: 28px;
}

.imecapi-section-title p {
    max-width: 780px;
    color: #52657d;
    margin: 0;
}

.imecapi-vacancy-tabs {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 18px;
}

.imecapi-vacancy-list {
    display: grid;
    gap: 10px;
    align-content: start;
}

.imecapi-vacancy-list button {
    text-align: left;
    border: 1px solid #dfe7f1;
    background: #ffffff;
    border-radius: 18px;
    padding: 16px;
    cursor: pointer;
}

.imecapi-vacancy-list button.is-active {
    border-color: #0083ff;
    box-shadow: 0 12px 30px rgba(0, 131, 255, .12);
}

.imecapi-vacancy-list strong,
.imecapi-vacancy-list span {
    display: block;
}

.imecapi-vacancy-list strong {
    color: #003366;
    margin-bottom: 4px;
}

.imecapi-vacancy-list span {
    color: #52657d;
}

.imecapi-vacancy-detail article {
    display: none;
    background: #ffffff;
    border: 1px solid #dfe7f1;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 16px 45px rgba(0, 51, 102, .06);
}

.imecapi-vacancy-detail article.is-active {
    display: grid;
    gap: 20px;
}

.imecapi-vacancy-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
}

.imecapi-vacancy-head span {
    color: #0083ff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .10em;
}

.imecapi-vacancy-head h3 {
    color: #003366;
    font-size: 28px;
    margin: 8px 0 0;
}

.imecapi-vacancy-head b {
    background: #e9fff4;
    color: #007a47;
    padding: 8px 12px;
    border-radius: 999px;
}

.imecapi-vacancy-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.imecapi-vacancy-meta div {
    background: #f8fbff;
    border-radius: 16px;
    padding: 14px;
}

.imecapi-vacancy-meta span,
.imecapi-vacancy-meta strong {
    display: block;
}

.imecapi-vacancy-meta span {
    color: #52657d;
    font-size: 12px;
    font-weight: 800;
}

.imecapi-vacancy-meta strong {
    color: #003366;
    margin-top: 4px;
}

.imecapi-next-box {
    border: 1px dashed #9ccfff;
    border-radius: 18px;
    padding: 18px;
    background: #f3f9ff;
}

.imecapi-next-box strong {
    color: #003366;
}

.imecapi-next-box p {
    color: #52657d;
    margin: 6px 0 0;
}

.imecapi-client-activity {
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
    display: grid;
    gap: 12px;
}

.imecapi-client-activity li {
    border-left: 4px solid #0083ff;
    padding: 12px 16px;
    background: #f8fbff;
    border-radius: 14px;
}

.imecapi-client-activity strong,
.imecapi-client-activity span {
    display: block;
}

@media (max-width: 1100px) {
    .imecapi-client-app {
        grid-template-columns: 1fr;
    }

    .imecapi-client-sidebar {
        border-right: 0;
        border-bottom: 1px solid #dfe7f1;
    }

    .imecapi-client-tabs {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .imecapi-client-metrics,
    .imecapi-vacancy-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .imecapi-vacancy-tabs,
    .imecapi-client-summary-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .imecapi-client-main {
        padding: 20px;
    }

    .imecapi-client-tabs,
    .imecapi-client-metrics,
    .imecapi-vacancy-meta {
        grid-template-columns: 1fr;
    }

    .imecapi-client-hero {
        flex-direction: column;
        align-items: flex-start;
    }
}

.imecapi-vacancy-progress {
    display: grid;
    gap: 12px;
    background: #f8fbff;
    border: 1px solid #dfe7f1;
    border-radius: 18px;
    padding: 18px;
}

.imecapi-vacancy-progress > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.imecapi-vacancy-progress span {
    color: #52657d;
    font-weight: 800;
}

.imecapi-vacancy-progress strong {
    color: #003366;
    font-size: 24px;
}

.imecapi-progress-track {
    height: 12px;
    background: #e7eef8;
    border-radius: 999px;
    overflow: hidden;
}

.imecapi-progress-track i {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #0083ff, #003366);
    border-radius: inherit;
}

.imecapi-current-phase-box {
    border-left: 5px solid #0083ff;
    background: #f3f9ff;
    border-radius: 18px;
    padding: 18px 20px;
}

.imecapi-current-phase-box span {
    color: #0083ff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .10em;
}

.imecapi-current-phase-box h4 {
    color: #003366;
    font-size: 22px;
    margin: 8px 0;
}

.imecapi-current-phase-box p {
    color: #52657d;
    line-height: 1.55;
    margin: 0;
}

.imecapi-timeline {
    position: relative;
    display: grid;
    gap: 14px;
}

.imecapi-timeline-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    position: relative;
}

.imecapi-timeline-item:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 42px;
    bottom: -14px;
    width: 2px;
    background: #dfe7f1;
}

.imecapi-timeline-marker {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #eef3f9;
    color: #52657d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    z-index: 1;
}

.imecapi-phase-finalizado .imecapi-timeline-marker {
    background: #e9fff4;
    color: #007a47;
}

.imecapi-phase-en_proceso .imecapi-timeline-marker {
    background: #e8f4ff;
    color: #0083ff;
    box-shadow: 0 0 0 6px rgba(0, 131, 255, .10);
}

.imecapi-phase-pausado .imecapi-timeline-marker {
    background: #fff7ed;
    color: #c2410c;
}

.imecapi-phase-cancelado .imecapi-timeline-marker {
    background: #fef2f2;
    color: #b91c1c;
}

.imecapi-timeline-content {
    background: #ffffff;
    border: 1px solid #dfe7f1;
    border-radius: 18px;
    padding: 16px 18px;
}

.imecapi-phase-en_proceso .imecapi-timeline-content {
    border-color: rgba(0, 131, 255, .45);
    box-shadow: 0 14px 35px rgba(0, 131, 255, .08);
}

.imecapi-timeline-content > div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.imecapi-timeline-content h4 {
    color: #003366;
    margin: 0;
    font-size: 16px;
}

.imecapi-timeline-content span {
    white-space: nowrap;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 800;
}

.imecapi-phase-finalizado .imecapi-timeline-content span {
    background: #e9fff4;
    color: #007a47;
}

.imecapi-phase-en_proceso .imecapi-timeline-content span {
    background: #e8f4ff;
    color: #0083ff;
}

.imecapi-timeline-content p {
    color: #52657d;
    margin: 8px 0 0;
    line-height: 1.5;
}

.imecapi-timeline-content small {
    display: block;
    margin-top: 10px;
    color: #64748b;
    font-weight: 700;
}

.imecapi-documents-preview {
    background: #fff;
    border: 1px dashed #b8c7d9;
    border-radius: 18px;
    padding: 18px;
}

.imecapi-documents-preview strong {
    color: #003366;
}

.imecapi-documents-preview p {
    margin: 6px 0 0;
    color: #52657d;
}

/* v0.9.16 service/commercial details and state system */
.imecapi-client-metric-link {
    cursor: pointer;
    position: relative;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.imecapi-client-metric-link:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 131, 255, .45);
    box-shadow: 0 18px 55px rgba(0, 131, 255, .12);
}

.imecapi-client-metric-link em {
    display: inline-flex;
    margin-top: 8px;
    color: #0083ff;
    font-style: normal;
    font-weight: 800;
    font-size: 13px;
}

.imecapi-service-list {
    display: grid;
    gap: 18px;
}

.imecapi-service-card {
    background: #ffffff;
    border: 1px solid #dfe7f1;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 16px 45px rgba(0, 51, 102, .06);
}

.imecapi-service-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.imecapi-service-head span {
    color: #0083ff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .10em;
}

.imecapi-service-head h3 {
    color: #003366;
    font-size: 28px;
    margin: 8px 0 4px;
}

.imecapi-service-head p {
    margin: 0;
    color: #52657d;
    font-weight: 700;
}

.imecapi-commercial-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.imecapi-commercial-grid > div {
    background: #f8fbff;
    border: 1px solid #e2eaf5;
    border-radius: 18px;
    padding: 16px;
}

.imecapi-commercial-grid > div.is-waiting {
    background: #fffbeb;
    border-color: #fde68a;
    box-shadow: 0 10px 28px rgba(245, 158, 11, .10);
}

.imecapi-commercial-grid > div.is-ok {
    background: #ecfdf5;
    border-color: #bbf7d0;
}

.imecapi-commercial-grid span,
.imecapi-commercial-grid strong {
    display: block;
}

.imecapi-commercial-grid span {
    color: #52657d;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.imecapi-commercial-grid strong {
    color: #003366;
    margin-top: 7px;
    line-height: 1.35;
}

.imecapi-payment-alert {
    border-radius: 18px;
    padding: 18px 20px;
    margin: 18px 0;
}

.imecapi-alert-waiting {
    background: #fffbeb;
    border: 1px solid #fde68a;
    box-shadow: 0 14px 34px rgba(245, 158, 11, .12);
}

.imecapi-alert-waiting strong {
    color: #92400e;
}

.imecapi-alert-waiting p {
    color: #78350f;
    margin: 6px 0 0;
}

.imecapi-service-docs {
    background: #ffffff;
    border: 1px dashed #b8c7d9;
    border-radius: 18px;
    padding: 18px;
}

.imecapi-service-docs strong {
    color: #003366;
}

.imecapi-service-docs p {
    color: #52657d;
    margin: 6px 0 0;
}

/* Global semantic states */
.imecapi-state {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 900;
}

.imecapi-state-waiting,
.imecapi-phase-pendiente .imecapi-timeline-marker,
.imecapi-phase-pendiente .imecapi-timeline-content span {
    background: #fffbeb !important;
    color: #b45309 !important;
}

.imecapi-state-cancelled,
.imecapi-phase-cancelado .imecapi-timeline-marker,
.imecapi-phase-cancelado .imecapi-timeline-content span {
    background: #fef2f2 !important;
    color: #b91c1c !important;
}

.imecapi-state-process,
.imecapi-phase-en_proceso .imecapi-timeline-marker,
.imecapi-phase-en_proceso .imecapi-timeline-content span {
    background: #ecfdf5 !important;
    color: #047857 !important;
}

.imecapi-state-finished,
.imecapi-phase-finalizado .imecapi-timeline-marker,
.imecapi-phase-finalizado .imecapi-timeline-content span {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

.imecapi-phase-en_proceso .imecapi-timeline-marker {
    box-shadow: 0 0 0 6px rgba(16, 185, 129, .12) !important;
}

.imecapi-phase-en_proceso .imecapi-timeline-content {
    border-color: rgba(16, 185, 129, .45) !important;
    box-shadow: 0 14px 35px rgba(16, 185, 129, .08) !important;
}

.imecapi-phase-finalizado .imecapi-timeline-content {
    border-color: rgba(37, 99, 235, .30);
}

.imecapi-phase-pendiente .imecapi-timeline-content {
    border-color: rgba(245, 158, 11, .22);
}

@media (max-width: 1100px) {
    .imecapi-commercial-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .imecapi-commercial-grid,
    .imecapi-service-head {
        grid-template-columns: 1fr;
    }

    .imecapi-service-head {
        flex-direction: column;
    }
}

/* v0.9.18 financial + leader fields */
.imecapi-service-leader{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#f8fbff;border:1px solid #dfe7f1;border-radius:18px;padding:18px;margin-bottom:18px}
.imecapi-service-leader span,.imecapi-service-leader strong,.imecapi-service-leader small{display:block}
.imecapi-service-leader span{color:#52657d;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.imecapi-service-leader strong{color:#003366;margin-top:6px;font-size:18px}
.imecapi-service-leader small{color:#52657d;margin-top:4px}
.imecapi-service-leader a{background:#25d366;color:#063b1d;border-radius:999px;padding:11px 16px;font-weight:900;text-decoration:none;white-space:nowrap}
.imecapi-commercial-grid small{display:block;margin-top:5px;color:#64748b;font-weight:800}
@media(max-width:720px){.imecapi-service-leader{flex-direction:column;align-items:flex-start}}

.imecapi-phase-evidence{margin-top:12px;padding:12px 14px;border:1px solid #dbe8f8;border-radius:14px;background:#f8fbff}
.imecapi-phase-evidence strong{display:block;margin-bottom:6px;color:#003366;font-size:13px;letter-spacing:.03em;text-transform:uppercase}
.imecapi-phase-evidence ul{margin:0;padding-left:18px}
.imecapi-phase-evidence a{font-weight:700;color:#0083ff;text-decoration:none}


/* v0.9.41 Phase carousel/detail layout */
.imecapi-phase-workspace {
    display: grid;
    gap: 18px;
}

.imecapi-phase-nav {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 36px;
    gap: 8px;
    align-items: center;
}

.imecapi-phase-arrow {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid #dbe7f5;
    background: #ffffff;
    color: #003366;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 51, 102, .06);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.imecapi-phase-arrow:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.imecapi-phase-carousel {
    display: flex;
    gap: 0px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 10px 4px 14px;
}

.imecapi-phase-carousel::-webkit-scrollbar {
    height: 6px;
}

.imecapi-phase-carousel::-webkit-scrollbar-thumb {
    background: #cddbed;
    border-radius: 999px;
}

.imecapi-phase-chip-wrapper {
    flex: 1 0 145px;
    min-width: 135px;
    margin-right: -8px;
    position: relative;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.3s ease;
    filter: drop-shadow(3px 0px 2px rgba(15, 23, 42, 0.05)) drop-shadow(0px 1px 1px rgba(15, 23, 42, 0.02));
}

@media (min-width: 1200px) {
    .imecapi-phase-nav {
        grid-template-columns: 1fr;
    }
    .imecapi-phase-arrow {
        display: none !important;
    }
    .imecapi-phase-carousel {
        overflow-x: visible !important;
        scroll-snap-type: none !important;
    }
    .imecapi-phase-chip-wrapper {
        flex: 1 1 0%;
        min-width: 0;
    }
}

.imecapi-phase-chip-wrapper:nth-child(1) { z-index: 10; }
.imecapi-phase-chip-wrapper:nth-child(2) { z-index: 9; }
.imecapi-phase-chip-wrapper:nth-child(3) { z-index: 8; }
.imecapi-phase-chip-wrapper:nth-child(4) { z-index: 7; }
.imecapi-phase-chip-wrapper:nth-child(5) { z-index: 6; }
.imecapi-phase-chip-wrapper:nth-child(6) { z-index: 5; }
.imecapi-phase-chip-wrapper:nth-child(7) { z-index: 4; }
.imecapi-phase-chip-wrapper:nth-child(8) { z-index: 3; }

.imecapi-phase-chip-wrapper:last-child {
    margin-right: 0;
}

.imecapi-phase-chip-wrapper.is-active-wrapper {
    transform: translateY(-3px) scale(1.02);
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.12)) drop-shadow(0 2px 3px rgba(0, 0, 0, 0.08));
    z-index: 20 !important;
}

.imecapi-phase-chip {
    width: 100%;
    height: 100%;
    text-align: left;
    border: none !important;
    padding: 7px 8px 7px 16px;
    cursor: pointer;
    scroll-snap-align: start;
    display: grid;
    grid-template-columns: 18px 1fr;
    column-gap: 8px;
    row-gap: 1px;
    align-items: center;
    position: relative;
    clip-path: polygon(calc(100% - 9px) 0%, 100% 50%, calc(100% - 9px) 100%, 0% 100%, 9px 50%, 0% 0%);
    transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.imecapi-phase-chip-wrapper:first-child .imecapi-phase-chip {
    padding-left: 10px;
    clip-path: polygon(calc(100% - 9px) 0%, 100% 50%, calc(100% - 9px) 100%, 0% 100%, 0% 50%, 0% 0%);
}

.imecapi-phase-chip-wrapper:last-child .imecapi-phase-chip {
    clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0% 100%, 9px 50%, 0% 0%);
}

/* Glass shine overlay */
.imecapi-phase-chip::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.02) 100%);
    pointer-events: none;
    z-index: 3;
}

.imecapi-phase-chip span {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    font-size: 10px !important;
    font-weight: 800;
    transition: all 0.3s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.imecapi-phase-chip strong {
    color: #0f172a;
    font-size: 10.5px;
    line-height: 1.15;
    font-weight: 600;
    transition: color 0.3s ease;
    letter-spacing: -0.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.imecapi-phase-chip em {
    margin: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 8.5px;
    display: flex;
    align-items: center;
    gap: 2px;
    transition: color 0.3s ease;
}

/* Blue Completed Theme */
.imecapi-phase-wrapper-finalizado .imecapi-phase-chip {
    background: linear-gradient(135deg, rgba(240, 249, 255, 0.75) 0%, rgba(224, 242, 254, 0.6) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.imecapi-phase-wrapper-finalizado .imecapi-phase-chip span {
    background: #e0f2fe;
    color: #0284c7;
    border: 1px solid rgba(2, 132, 199, 0.15);
}
.imecapi-phase-wrapper-finalizado .imecapi-phase-chip strong {
    color: #0369a1;
}
.imecapi-phase-wrapper-finalizado .imecapi-phase-chip em {
    color: #0284c7;
}
.imecapi-phase-wrapper-finalizado.is-active-wrapper .imecapi-phase-chip {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.88) 0%, rgba(3, 105, 161, 0.88) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.35), inset -1px -1px 0px rgba(0, 0, 0, 0.1);
}
.imecapi-phase-wrapper-finalizado.is-active-wrapper .imecapi-phase-chip span {
    background: #ffffff;
    color: #0284c7;
    box-shadow: inset 0 2px 4px rgba(2, 132, 199, 0.2);
}
.imecapi-phase-wrapper-finalizado.is-active-wrapper .imecapi-phase-chip strong,
.imecapi-phase-wrapper-finalizado.is-active-wrapper .imecapi-phase-chip em {
    color: #ffffff;
}

/* Green In-Progress Theme */
.imecapi-phase-wrapper-en_proceso .imecapi-phase-chip {
    background: linear-gradient(135deg, rgba(240, 253, 244, 0.75) 0%, rgba(220, 252, 231, 0.6) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.imecapi-phase-wrapper-en_proceso .imecapi-phase-chip span {
    background: #dcfce7;
    color: #16a34a;
    border: 1px solid rgba(22, 163, 74, 0.15);
}
.imecapi-phase-wrapper-en_proceso .imecapi-phase-chip strong {
    color: #14532d;
}
.imecapi-phase-wrapper-en_proceso .imecapi-phase-chip em {
    color: #16a34a;
}
.imecapi-phase-wrapper-en_proceso.is-active-wrapper .imecapi-phase-chip {
    background: linear-gradient(135deg, rgba(22, 163, 74, 0.88) 0%, rgba(21, 128, 61, 0.88) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.35), inset -1px -1px 0px rgba(0, 0, 0, 0.1);
}
.imecapi-phase-wrapper-en_proceso.is-active-wrapper .imecapi-phase-chip span {
    background: #ffffff;
    color: #16a34a;
    box-shadow: inset 0 2px 4px rgba(22, 163, 74, 0.2);
}
.imecapi-phase-wrapper-en_proceso.is-active-wrapper .imecapi-phase-chip strong,
.imecapi-phase-wrapper-en_proceso.is-active-wrapper .imecapi-phase-chip em {
    color: #ffffff;
}

/* Grey Pending Theme */
.imecapi-phase-wrapper-pendiente .imecapi-phase-chip {
    background: linear-gradient(135deg, rgba(241, 245, 249, 0.7) 0%, rgba(226, 232, 240, 0.5) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.imecapi-phase-wrapper-pendiente .imecapi-phase-chip span {
    background: #e2e8f0;
    color: #64748b;
    border: 1px solid rgba(100, 116, 139, 0.15);
}
.imecapi-phase-wrapper-pendiente .imecapi-phase-chip strong {
    color: #64748b;
}
.imecapi-phase-wrapper-pendiente .imecapi-phase-chip em {
    color: #64748b;
}
.imecapi-phase-wrapper-pendiente.is-active-wrapper .imecapi-phase-chip {
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.9) 0%, rgba(100, 116, 139, 0.9) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.35), inset -1px -1px 0px rgba(0, 0, 0, 0.1);
}
.imecapi-phase-wrapper-pendiente.is-active-wrapper .imecapi-phase-chip span {
    background: #ffffff;
    color: #64748b;
    box-shadow: inset 0 2px 4px rgba(100, 116, 139, 0.2);
}
.imecapi-phase-wrapper-pendiente.is-active-wrapper .imecapi-phase-chip strong,
.imecapi-phase-wrapper-pendiente.is-active-wrapper .imecapi-phase-chip em {
    color: #ffffff;
}

/* Orange On-Hold / Waiting Theme */
.imecapi-phase-wrapper-en_espera .imecapi-phase-chip,
.imecapi-phase-wrapper-pausado .imecapi-phase-chip {
    background: linear-gradient(135deg, rgba(254, 243, 199, 0.7) 0%, rgba(253, 230, 138, 0.5) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.imecapi-phase-wrapper-en_espera .imecapi-phase-chip span,
.imecapi-phase-wrapper-pausado .imecapi-phase-chip span {
    background: #fde68a;
    color: #ea580c;
    border: 1px solid rgba(234, 88, 12, 0.15);
}
.imecapi-phase-wrapper-en_espera .imecapi-phase-chip strong,
.imecapi-phase-wrapper-pausado .imecapi-phase-chip strong {
    color: #c2410c;
}
.imecapi-phase-wrapper-en_espera .imecapi-phase-chip em,
.imecapi-phase-wrapper-pausado .imecapi-phase-chip em {
    color: #ea580c;
}
.imecapi-phase-wrapper-en_espera.is-active-wrapper .imecapi-phase-chip,
.imecapi-phase-wrapper-pausado.is-active-wrapper .imecapi-phase-chip {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.9) 0%, rgba(234, 88, 12, 0.9) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.35), inset -1px -1px 0px rgba(0, 0, 0, 0.1);
}
.imecapi-phase-wrapper-en_espera.is-active-wrapper .imecapi-phase-chip span,
.imecapi-phase-wrapper-pausado.is-active-wrapper .imecapi-phase-chip span {
    background: #ffffff;
    color: #ea580c;
    box-shadow: inset 0 2px 4px rgba(234, 88, 12, 0.2);
}
.imecapi-phase-wrapper-en_espera.is-active-wrapper .imecapi-phase-chip strong,
.imecapi-phase-wrapper-en_espera.is-active-wrapper .imecapi-phase-chip em,
.imecapi-phase-wrapper-pausado.is-active-wrapper .imecapi-phase-chip strong,
.imecapi-phase-wrapper-pausado.is-active-wrapper .imecapi-phase-chip em {
    color: #ffffff;
}

/* Red Canceled Theme */
.imecapi-phase-wrapper-cancelado .imecapi-phase-chip {
    background: linear-gradient(135deg, rgba(254, 226, 226, 0.75) 0%, rgba(254, 205, 205, 0.6) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.imecapi-phase-wrapper-cancelado .imecapi-phase-chip span {
    background: #fee2e2;
    color: #dc2626;
    border: 1px solid rgba(220, 38, 38, 0.15);
}
.imecapi-phase-wrapper-cancelado .imecapi-phase-chip strong {
    color: #7f1d1d;
}
.imecapi-phase-wrapper-cancelado .imecapi-phase-chip em {
    color: #dc2626;
}
.imecapi-phase-wrapper-cancelado.is-active-wrapper .imecapi-phase-chip {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.88) 0%, rgba(185, 28, 28, 0.88) 100%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.35), inset -1px -1px 0px rgba(0, 0, 0, 0.1);
}
.imecapi-phase-wrapper-cancelado.is-active-wrapper .imecapi-phase-chip span {
    background: #ffffff;
    color: #dc2626;
    box-shadow: inset 0 2px 4px rgba(220, 38, 38, 0.2);
}
.imecapi-phase-wrapper-cancelado.is-active-wrapper .imecapi-phase-chip strong,
.imecapi-phase-wrapper-cancelado.is-active-wrapper .imecapi-phase-chip em {
    color: #ffffff;
}

.imecapi-phase-detail-stack {
    position: relative;
}

.imecapi-phase-detail {
    display: none;
    background: #ffffff;
    border: 1px solid #dfe7f1;
    border-radius: 24px;
    padding: 24px;
    box-shadow: 0 18px 48px rgba(0, 51, 102, .06);
}

.imecapi-phase-detail.is-active {
    display: block;
}

.imecapi-phase-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.imecapi-phase-detail-head span {
    color: #0083ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.imecapi-phase-detail-head h4 {
    color: #003366;
    font-size: 26px;
    margin: 6px 0 0;
}

.imecapi-phase-detail-head b {
    white-space: nowrap;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    padding: 8px 12px;
    font-size: 13px;
}

.imecapi-phase-finalizado .imecapi-phase-detail-head b {
    background: #e9fff4;
    color: #007a47;
}

.imecapi-phase-en_proceso .imecapi-phase-detail-head b {
    background: #e8f4ff;
    color: #0083ff;
}

.imecapi-phase-pendiente .imecapi-phase-detail-head b,
.imecapi-phase-en_espera .imecapi-phase-detail-head b {
    background: #fffbeb;
    color: #b45309;
}

.imecapi-phase-cancelado .imecapi-phase-detail-head b {
    background: #fef2f2;
    color: #b91c1c;
}

.imecapi-phase-detail p {
    color: #52657d;
    font-size: 16px;
    line-height: 1.65;
    margin: 0;
}

.imecapi-phase-detail small {
    display: block;
    margin-top: 14px;
    color: #64748b;
    font-weight: 800;
}

.imecapi-phase-evidence-list {
    margin-top: 22px;
    border-top: 1px solid #e5edf7;
    padding-top: 18px;
}

.imecapi-phase-evidence-list > strong {
    display: block;
    color: #003366;
    margin-bottom: 12px;
}

.imecapi-phase-evidence-list > div {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 12px;
}

.imecapi-phase-evidence-item {
    display: grid;
    gap: 8px;
    align-content: start;
    text-decoration: none;
    background: #f8fbff;
    border: 1px solid #dfe7f1;
    border-radius: 16px;
    padding: 12px;
    color: #003366;
    font-weight: 800;
}

.imecapi-phase-evidence-item:hover {
    border-color: #0083ff;
    box-shadow: 0 10px 28px rgba(0, 131, 255, .10);
}

.imecapi-phase-evidence-item img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 12px;
    background: #eef3f9;
}

.imecapi-phase-evidence-item span {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #eef6ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.imecapi-phase-evidence-item em {
    font-style: normal;
    font-size: 14px;
    line-height: 1.25;
}

@media (max-width: 720px) {
    .imecapi-phase-nav {
        grid-template-columns: 1fr;
    }

    .imecapi-phase-arrow {
        display: none;
    }

    .imecapi-phase-chip {
        flex-basis: 190px;
    }

    .imecapi-phase-detail-head {
        display: block;
    }

    .imecapi-phase-detail-head b {
        display: inline-flex;
        margin-top: 12px;
    }
}


/* v0.9.42 status palette and compact vacancy layout */
.imecapi-vacancy-detail article {
    gap: 18px;
}

.imecapi-vacancy-head {
    margin-bottom: 12px !important;
    align-items: center;
}

.imecapi-vacancy-head h3 {
    font-size: clamp(26px, 2.4vw, 40px);
    line-height: 1.08;
    margin-bottom: 0;
}

.imecapi-vacancy-head > div > span {
    margin-bottom: 6px;
}

.imecapi-vacancy-meta {
    margin-top: 10px;
    margin-bottom: 14px;
    gap: 12px;
}

.imecapi-vacancy-meta > div {
    min-height: auto;
    padding: 15px 16px;
}

.imecapi-vacancy-progress {
    margin: 10px 0 18px;
    padding: 16px 18px;
}

.imecapi-phase-workspace {
    margin-top: 4px;
}

/* Completada = azul */
.imecapi-phase-finalizado .imecapi-phase-chip span,
.imecapi-phase-finalizado .imecapi-timeline-marker {
    background: #e8f4ff;
    color: #005fb8;
}

.imecapi-phase-finalizado .imecapi-phase-chip.is-active,
.imecapi-phase-finalizado .imecapi-phase-detail {
    border-color: rgba(0, 131, 255, .55);
}

.imecapi-phase-finalizado .imecapi-phase-detail-head b,
.imecapi-phase-finalizado .imecapi-timeline-content span {
    background: #e8f4ff;
    color: #005fb8;
}

/* En proceso = verde */
.imecapi-phase-en_proceso .imecapi-phase-chip span,
.imecapi-phase-en_proceso .imecapi-timeline-marker {
    background: #e9fff4;
    color: #007a47;
}

.imecapi-phase-en_proceso .imecapi-phase-chip.is-active,
.imecapi-phase-en_proceso .imecapi-phase-detail {
    border-color: rgba(0, 122, 71, .45);
}

.imecapi-phase-en_proceso .imecapi-phase-detail-head b,
.imecapi-phase-en_proceso .imecapi-timeline-content span {
    background: #e9fff4;
    color: #007a47;
}

/* Pendiente / espera = amarillo */
.imecapi-phase-pendiente .imecapi-phase-chip span,
.imecapi-phase-en_espera .imecapi-phase-chip span,
.imecapi-phase-pendiente .imecapi-timeline-marker,
.imecapi-phase-en_espera .imecapi-timeline-marker {
    background: #fffbeb;
    color: #b45309;
}

.imecapi-phase-pendiente .imecapi-phase-chip.is-active,
.imecapi-phase-en_espera .imecapi-phase-chip.is-active,
.imecapi-phase-pendiente .imecapi-phase-detail,
.imecapi-phase-en_espera .imecapi-phase-detail {
    border-color: rgba(245, 158, 11, .50);
}

.imecapi-phase-pendiente .imecapi-phase-detail-head b,
.imecapi-phase-en_espera .imecapi-phase-detail-head b,
.imecapi-phase-pendiente .imecapi-timeline-content span,
.imecapi-phase-en_espera .imecapi-timeline-content span {
    background: #fffbeb;
    color: #b45309;
}

/* Pausada / cancelada = rojo */
.imecapi-phase-pausado .imecapi-phase-chip span,
.imecapi-phase-cancelado .imecapi-phase-chip span,
.imecapi-phase-pausado .imecapi-timeline-marker,
.imecapi-phase-cancelado .imecapi-timeline-marker {
    background: #fef2f2;
    color: #b91c1c;
}

.imecapi-phase-pausado .imecapi-phase-chip.is-active,
.imecapi-phase-cancelado .imecapi-phase-chip.is-active,
.imecapi-phase-pausado .imecapi-phase-detail,
.imecapi-phase-cancelado .imecapi-phase-detail {
    border-color: rgba(185, 28, 28, .40);
}

.imecapi-phase-pausado .imecapi-phase-detail-head b,
.imecapi-phase-cancelado .imecapi-phase-detail-head b,
.imecapi-phase-pausado .imecapi-timeline-content span,
.imecapi-phase-cancelado .imecapi-timeline-content span {
    background: #fef2f2;
    color: #b91c1c;
}

.imecapi-phase-chip.is-active {
    box-shadow: 0 16px 36px rgba(0, 51, 102, .10);
}

/* Menos espacio muerto en detalle de vacante */
.imecapi-vacancy-detail article {
    padding-top: 24px;
}

.imecapi-vacancy-list button {
    padding: 15px 18px;
}

@media (min-width: 1100px) {
    .imecapi-vacancy-tabs {
        grid-template-columns: minmax(240px, 310px) minmax(0, 1fr);
        gap: 22px;
    }
}


/* v0.9.44 frontend horizontal vacancy tabs */
.imecapi-vacancy-tabs {
    display: block !important;
}

.imecapi-vacancy-list {
    display: flex !important;
    gap: 12px;
    overflow-x: auto;
    padding: 4px 4px 14px;
    margin-bottom: 18px;
    border-bottom: 1px solid #dbe7f5;
    max-width: 100%;
}

.imecapi-vacancy-list::-webkit-scrollbar {
    height: 8px;
}

.imecapi-vacancy-list::-webkit-scrollbar-thumb {
    background: #cbd8e8;
    border-radius: 999px;
}

.imecapi-vacancy-list button {
    flex: 0 0 310px;
    min-height: auto !important;
    padding: 16px 18px !important;
    border-radius: 18px 18px 0 0 !important;
    border-bottom-width: 3px !important;
    background: #ffffff !important;
}

.imecapi-vacancy-list button.is-active {
    background: #f4f9ff !important;
    border-color: rgba(0, 131, 255, .70) !important;
    box-shadow: 0 14px 32px rgba(0, 131, 255, .10) !important;
}

.imecapi-vacancy-detail {
    width: 100%;
}

.imecapi-vacancy-detail article {
    padding-top: 24px !important;
}

/* Retain only phase detail block overrides */
.imecapi-phase-finalizado.imecapi-phase-detail {
    border-color: #8ecbff !important;
}
.imecapi-phase-finalizado .imecapi-phase-detail-head b {
    color: #0083ff !important;
}

.imecapi-phase-en_proceso.imecapi-phase-detail {
    border-color: #86efac !important;
}
.imecapi-phase-en_proceso .imecapi-phase-detail-head b {
    color: #16a34a !important;
}

.imecapi-phase-pendiente.imecapi-phase-detail,
.imecapi-phase-en_espera.imecapi-phase-detail {
    border-color: #facc15 !important;
}
.imecapi-phase-pendiente .imecapi-phase-detail-head b,
.imecapi-phase-en_espera .imecapi-phase-detail-head b {
    color: #64748b !important;
}

.imecapi-phase-pausado.imecapi-phase-detail,
.imecapi-phase-cancelado.imecapi-phase-detail {
    border-color: #fca5a5 !important;
}
.imecapi-phase-pausado .imecapi-phase-detail-head b,
.imecapi-phase-cancelado .imecapi-phase-detail-head b {
    color: #dc2626 !important;
}

@media (max-width: 720px) {
    .imecapi-vacancy-list button {
        flex-basis: 240px;
    }
}


/* v0.9.45 service horizontal tabs */
.imecapi-service-tabs {
    display: grid;
    gap: 18px;
}

.imecapi-service-tabbar {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 4px 4px 14px;
    border-bottom: 1px solid #dbe7f5;
}

.imecapi-service-tabbar::-webkit-scrollbar {
    height: 8px;
}

.imecapi-service-tabbar::-webkit-scrollbar-thumb {
    background: #cbd8e8;
    border-radius: 999px;
}

.imecapi-service-tabbar button {
    flex: 0 0 320px;
    text-align: left;
    background: #ffffff;
    border: 1px solid #d9e6f5;
    border-bottom: 3px solid #d9e6f5;
    border-radius: 18px 18px 0 0;
    padding: 16px 18px;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.imecapi-service-tabbar button:hover,
.imecapi-service-tabbar button.is-active {
    transform: translateY(-2px);
    background: #f4f9ff;
    border-color: rgba(0, 131, 255, .70);
    box-shadow: 0 14px 32px rgba(0, 131, 255, .10);
}

.imecapi-service-tabbar strong,
.imecapi-service-tabbar span,
.imecapi-service-tabbar em {
    display: block;
}

.imecapi-service-tabbar strong {
    color: #003366;
    font-size: 16px;
    line-height: 1.25;
}

.imecapi-service-tabbar span {
    margin-top: 7px;
    color: #52657d;
    font-weight: 700;
}

.imecapi-service-tabbar em {
    width: fit-content;
    margin-top: 10px;
    font-style: normal;
    background: #e9fff4;
    color: #007a47;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 900;
}

.imecapi-service-panel {
    display: none;
}

.imecapi-service-panel.is-active {
    display: block;
}

.imecapi-service-list {
    display: block;
}

@media (max-width: 720px) {
    .imecapi-service-tabbar button {
        flex-basis: 250px;
    }
}


/* v0.9.46 Phase recruitment metrics block */
.imecapi-phase-metrics-block {
    margin-top: 22px;
    border-top: 1px solid #e5edf7;
    padding-top: 18px;
}

.imecapi-phase-metrics-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 14px;
}

.imecapi-phase-metrics-head strong {
    display: block;
    color: #003366;
    font-size: 18px;
}

.imecapi-phase-metrics-head p {
    margin: 5px 0 0;
    color: #52657d;
}

.imecapi-phase-metrics-head b {
    white-space: nowrap;
    background: #e8f4ff;
    color: #005fb8;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 13px;
}

.imecapi-phase-metrics-progress {
    width: 100%;
    height: 10px;
    border-radius: 999px;
    background: #e8eef7;
    overflow: hidden;
    margin-bottom: 16px;
}

.imecapi-phase-metrics-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0083ff, #16a34a);
}

.imecapi-phase-metrics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    gap: 12px;
}

.imecapi-phase-metrics-grid article {
    background: #f8fbff;
    border: 1px solid #dfe7f1;
    border-radius: 16px;
    padding: 15px;
}

.imecapi-phase-metrics-grid article strong {
    display: block;
    color: #003366;
    font-size: 30px;
    line-height: 1;
}

.imecapi-phase-metrics-grid article span {
    display: block;
    color: #52657d;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-top: 8px;
}

.imecapi-phase-metrics-summary {
    margin-top: 14px !important;
    background: #ffffff;
    border-left: 4px solid #0083ff;
    padding: 12px 14px;
    border-radius: 12px;
}


/* v0.9.47 recruitment KPI cards */
.imecapi-phase-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.imecapi-phase-kpi-card {
    display: block;
    border: 1px solid #dfe7f1;
    border-radius: 18px;
    padding: 16px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(0, 51, 102, .045);
    position: relative;
    overflow: hidden;
}

.imecapi-phase-kpi-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #0083ff;
}

.imecapi-phase-kpi-card strong {
    display: block;
    font-size: 34px;
    line-height: 1;
    color: #003366;
    margin-bottom: 10px;
}

.imecapi-phase-kpi-card span {
    display: block;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #52657d;
}

.imecapi-kpi-received::before { background: #0083ff; }
.imecapi-kpi-reviewed::before { background: #16a34a; }
.imecapi-kpi-discarded::before { background: #dc2626; }
.imecapi-kpi-evaluating::before { background: #f59e0b; }
.imecapi-kpi-preselected::before { background: #7c3aed; }
.imecapi-kpi-shortlist::before { background: #003366; }

.imecapi-kpi-received { background: linear-gradient(180deg, #f5fbff 0%, #ffffff 100%); }
.imecapi-kpi-reviewed { background: linear-gradient(180deg, #f2fff8 0%, #ffffff 100%); }
.imecapi-kpi-discarded { background: linear-gradient(180deg, #fff5f5 0%, #ffffff 100%); }
.imecapi-kpi-evaluating { background: linear-gradient(180deg, #fffcf1 0%, #ffffff 100%); }
.imecapi-kpi-preselected { background: linear-gradient(180deg, #faf5ff 0%, #ffffff 100%); }
.imecapi-kpi-shortlist { background: linear-gradient(180deg, #f4f7fb 0%, #ffffff 100%); }

.imecapi-phase-funnel {
    margin-top: 18px;
    display: grid;
    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
    gap: 9px 14px;
    align-items: center;
    background: #f8fbff;
    border: 1px solid #dfe7f1;
    border-radius: 18px;
    padding: 16px;
}

.imecapi-phase-funnel > div:nth-child(odd) {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #003366;
    font-weight: 900;
}

.imecapi-phase-funnel > div:nth-child(odd) span {
    color: #52657d;
}

.imecapi-phase-funnel-bar {
    height: 10px;
    background: #e8eef7;
    border-radius: 999px;
    overflow: hidden;
}

.imecapi-phase-funnel-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0083ff, #16a34a);
}

.imecapi-phase-funnel-bar.is-red span {
    background: linear-gradient(90deg, #f87171, #dc2626);
}

.imecapi-phase-funnel-bar.is-blue span {
    background: linear-gradient(90deg, #60a5fa, #003366);
}

@media (max-width: 720px) {
    .imecapi-phase-funnel {
        grid-template-columns: 1fr;
    }
}


/* v0.9.48 specialized blocks */
.imecapi-phase-distribution {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    background: #f8fbff;
    border: 1px solid #dfe7f1;
    border-radius: 18px;
    padding: 18px;
    margin-top: 18px;
}

.imecapi-donut {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    position: relative;
}

.imecapi-donut::after {
    content: "";
    position: absolute;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e5edf7;
}

.imecapi-donut span {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #003366;
    font-size: 28px;
    font-weight: 900;
}

.imecapi-donut em {
    display: block;
    font-size: 11px;
    font-style: normal;
    color: #52657d;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.imecapi-donut-legend {
    display: grid;
    gap: 9px;
}

.imecapi-donut-legend p {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    margin: 0 !important;
    font-size: 14px !important;
}

.imecapi-donut-legend i {
    width: 12px;
    height: 12px;
    border-radius: 999px;
}

.imecapi-shortlist-block,
.imecapi-simple-special-block {
    margin-top: 22px;
    border-top: 1px solid #e5edf7;
    padding-top: 18px;
}

.imecapi-shortlist-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 14px;
}

.imecapi-shortlist-head strong,
.imecapi-simple-special-block > strong {
    color: #003366;
    font-size: 20px;
    display: block;
}

.imecapi-shortlist-head p {
    margin: 5px 0 0;
    color: #52657d;
}

.imecapi-shortlist-head b {
    border-radius: 999px;
    padding: 8px 12px;
    background: #e9fff4;
    color: #007a47;
    white-space: nowrap;
}

.imecapi-shortlist-head b.risk-medio {
    background: #fffbeb;
    color: #b45309;
}

.imecapi-shortlist-head b.risk-alto {
    background: #fef2f2;
    color: #b91c1c;
}

.imecapi-shortlist-summary,
.imecapi-simple-special-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
    margin: 14px 0;
}

.imecapi-shortlist-summary article,
.imecapi-simple-special-grid article {
    background: #f8fbff;
    border: 1px solid #dfe7f1;
    border-radius: 16px;
    padding: 14px;
}

.imecapi-shortlist-summary span,
.imecapi-simple-special-grid span {
    display: block;
    color: #52657d;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.imecapi-shortlist-summary strong,
.imecapi-simple-special-grid b {
    display: block;
    color: #003366;
    margin-top: 6px;
    font-size: 18px;
}

.imecapi-shortlist-table-wrap {
    overflow-x: auto;
    border: 1px solid #dfe7f1;
    border-radius: 16px;
    margin-top: 14px;
}

.imecapi-shortlist-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.imecapi-shortlist-table th,
.imecapi-shortlist-table td {
    padding: 12px 14px;
    border-bottom: 1px solid #edf2f7;
    text-align: left;
}

.imecapi-shortlist-table th {
    background: #f8fbff;
    color: #003366;
    font-size: 12px;
    text-transform: uppercase;
}

.imecapi-shortlist-bars {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.imecapi-shortlist-bars section {
    border: 1px solid #dfe7f1;
    background: #fff;
    border-radius: 18px;
    padding: 16px;
}

.imecapi-shortlist-bars h5 {
    margin: 0 0 12px;
    color: #003366;
    font-size: 18px;
}

.imecapi-shortlist-bars section > div {
    display: grid;
    grid-template-columns: 150px 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
}

.imecapi-shortlist-bars span {
    color: #52657d;
    font-weight: 800;
}

.imecapi-shortlist-bars strong {
    color: #003366;
}

.imecapi-shortlist-bars em {
    height: 9px;
    background: #e8eef7;
    border-radius: 999px;
    overflow: hidden;
}

.imecapi-shortlist-bars i {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #0083ff, #16a34a);
    border-radius: inherit;
}

.imecapi-simple-special-block {
    background: #f8fbff;
    border: 1px solid #dfe7f1;
    border-radius: 18px;
    padding: 18px;
}

.imecapi-simple-special-block.is-hiring {
    background: #f2fff8;
    border-color: #86efac;
}

.imecapi-simple-special-block.is-warranty {
    background: #f5fbff;
    border-color: #8ecbff;
}

@media (max-width: 720px) {
    .imecapi-phase-distribution {
        grid-template-columns: 1fr;
    }

    .imecapi-donut {
        margin: 0 auto;
    }

    .imecapi-shortlist-bars section > div {
        grid-template-columns: 1fr;
    }
}


/* v0.9.49 simplified shortlist */
.imecapi-shortlist-comments {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.imecapi-shortlist-comments section {
    background: #f8fbff;
    border: 1px solid #dfe7f1;
    border-left: 5px solid #0083ff;
    border-radius: 16px;
    padding: 16px;
}

.imecapi-shortlist-comments h5 {
    margin: 0 0 4px;
    color: #003366;
    font-size: 18px;
}

.imecapi-shortlist-comments span {
    display: block;
    color: #0083ff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 8px;
}

.imecapi-shortlist-comments p {
    margin: 0 !important;
}


/* v0.9.65 generic special blocks */
.imecapi-generic-special-block {
    margin-top: 22px;
    padding: 22px;
    border: 1px solid rgba(0, 131, 255, .18);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(0, 131, 255, .04), rgba(255,255,255,.95));
}

.imecapi-generic-special-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}

.imecapi-generic-special-head strong {
    color: #003366;
    font-size: 18px;
}

.imecapi-generic-special-head span {
    background: #edf6ff;
    color: #0066c9;
    border-radius: 999px;
    padding: 7px 12px;
    font-weight: 800;
    font-size: 12px;
}

.imecapi-generic-special-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.imecapi-generic-special-grid article {
    background: #fff;
    border: 1px solid rgba(0, 51, 102, .10);
    border-radius: 16px;
    padding: 16px;
}

.imecapi-generic-special-grid article.is-wide {
    grid-column: 1 / -1;
}

.imecapi-generic-special-grid span {
    display: block;
    color: #5c6b80;
    font-weight: 800;
    font-size: 12px;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.imecapi-generic-special-grid b {
    display: block;
    color: #003366;
    font-size: 17px;
    line-height: 1.45;
}

.imecapi-candidate-cv-button {
    display: inline-flex;
    margin: 10px 0;
    padding: 9px 13px;
    border-radius: 999px;
    background: #0083ff;
    color: #fff !important;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 980px) {
    .imecapi-generic-special-grid {
        grid-template-columns: 1fr;
    }
}


/* v0.9.66 visual special blocks */
.imecapi-phase-visual-block {
    margin-top: 24px;
    padding: 24px;
    border: 1px solid rgba(0, 131, 255, .18);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(247, 251, 255, .95), rgba(255, 255, 255, .98));
    box-shadow: 0 18px 45px rgba(0, 51, 102, .04);
}

.imecapi-phase-visual-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.imecapi-phase-visual-head strong {
    color: #003366;
    font-size: clamp(20px, 2vw, 28px);
    line-height: 1.15;
    letter-spacing: -.02em;
}

.imecapi-phase-kpi-grid,
.imecapi-phase-profile-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.imecapi-phase-kpi-grid article,
.imecapi-phase-profile-grid article {
    background: #fff;
    border: 1px solid rgba(0, 51, 102, .10);
    border-radius: 18px;
    padding: 18px;
    min-height: 96px;
}

.imecapi-phase-kpi-grid article span,
.imecapi-phase-profile-grid article span {
    display: block;
    color: #5c6b80;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .045em;
    margin-bottom: 8px;
}

.imecapi-phase-kpi-grid article b,
.imecapi-phase-profile-grid article b {
    display: block;
    color: #003366;
    font-size: clamp(18px, 2vw, 26px);
    line-height: 1.25;
}

.imecapi-phase-profile-grid article.is-wide {
    grid-column: span 2;
}

.imecapi-phase-text-stack {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.imecapi-phase-text-stack blockquote {
    margin: 0;
    padding: 18px 20px;
    background: #fff;
    border-left: 5px solid #0083ff;
    border-radius: 16px;
    box-shadow: inset 0 0 0 1px rgba(0, 51, 102, .08);
}

.imecapi-phase-text-stack blockquote span {
    display: block;
    color: #0083ff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 8px;
}

.imecapi-phase-text-stack blockquote p {
    margin: 0;
    color: #41536d;
    line-height: 1.65;
    font-size: 16px;
}

.imecapi-phase-link-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.imecapi-phase-link-row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    background: #0083ff;
    color: #fff !important;
    border-radius: 999px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 10px 20px rgba(0, 131, 255, .16);
    transition: transform .15s ease, box-shadow .15s ease;
}

.imecapi-phase-link-row a:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(0, 131, 255, .22);
}

.imecapi-terna-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.imecapi-terna-grid article {
    background: #fff;
    border: 1px solid rgba(0, 131, 255, .22);
    border-radius: 22px;
    padding: 20px;
}

.imecapi-terna-grid h4 {
    margin: 8px 0 16px;
    color: #003366;
    font-size: 24px;
}

.imecapi-terna-index {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: #edf6ff;
    color: #0083ff;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.imecapi-terna-grid article div {
    padding: 10px 0;
    border-top: 1px solid rgba(0, 51, 102, .08);
}

.imecapi-terna-grid article small {
    display: block;
    color: #5c6b80;
    font-weight: 900;
    margin-bottom: 4px;
}

.imecapi-terna-grid article b {
    display: block;
    color: #003366;
    line-height: 1.45;
}

@media (max-width: 1100px) {
    .imecapi-phase-kpi-grid,
    .imecapi-phase-profile-grid,
    .imecapi-terna-grid {
        grid-template-columns: 1fr;
    }

    .imecapi-phase-profile-grid article.is-wide {
        grid-column: auto;
    }
}

/* v0.9.67 executive special blocks */
.imecapi-exec-block {
    margin-top: 24px;
    padding: 28px;
    border: 1px solid rgba(0, 131, 255, .20);
    border-radius: 26px;
    background: linear-gradient(180deg, rgba(247, 251, 255, .98), rgba(255,255,255,.99));
    box-shadow: 0 18px 50px rgba(0, 51, 102, .055);
}

.imecapi-exec-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 22px;
}

.imecapi-exec-head strong {
    display: block;
    color: #003366;
    font-size: clamp(22px, 2vw, 32px);
    line-height: 1.12;
    letter-spacing: -.025em;
}

.imecapi-exec-head p {
    margin: 8px 0 0;
    color: #5e6d84;
    font-size: 16px;
    line-height: 1.55;
}

.imecapi-exec-head > b {
    flex: 0 0 auto;
    padding: 12px 18px;
    border-radius: 999px;
    background: #edf6ff;
    color: #0069d9;
    font-size: 16px;
    font-weight: 900;
}

.imecapi-exec-note {
    margin: 22px 0 0;
    padding: 18px 20px;
    border-left: 5px solid #0083ff;
    border-radius: 18px;
    background: #fff;
    color: #41536d;
    font-size: 16px;
    line-height: 1.65;
    box-shadow: inset 0 0 0 1px rgba(0,51,102,.08);
}

.imecapi-funnel-steps {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    align-items: center;
}

.imecapi-funnel-steps small {
    display: none;
}

.imecapi-funnel-steps article {
    min-height: 150px;
    padding: 18px;
    border: 1px solid rgba(0, 51, 102, .10);
    border-radius: 22px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.imecapi-funnel-steps article:before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 7px;
    background: #0083ff;
}

.imecapi-funnel-steps article.tone-cyan:before { background: #06b6d4; }
.imecapi-funnel-steps article.tone-purple:before { background: #7c3aed; }
.imecapi-funnel-steps article.tone-orange:before { background: #f59e0b; }
.imecapi-funnel-steps article.tone-green:before { background: #16a34a; }

.imecapi-funnel-steps article span,
.imecapi-hiring-grid article span,
.imecapi-risk-card span {
    display: block;
    color: #5e6d84;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.imecapi-funnel-steps article strong {
    display: block;
    margin-top: 10px;
    color: #003366;
    font-size: 38px;
    line-height: 1;
}

.imecapi-funnel-steps article i,
.imecapi-psy-bars i,
.imecapi-warranty-progress {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: #e8f0fb;
    overflow: hidden;
    margin-top: 24px;
}

.imecapi-funnel-steps article i em,
.imecapi-psy-bars i em,
.imecapi-warranty-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0083ff, #16a34a);
}

.imecapi-psy-grid {
    display: grid;
    grid-template-columns: 220px 1fr 220px;
    gap: 18px;
    align-items: stretch;
}

.imecapi-compat-ring {
    display: grid;
    place-items: center;
    text-align: center;
    border-radius: 28px;
    background: conic-gradient(#0083ff 0deg var(--pct), #e8f0fb var(--pct) 360deg);
    position: relative;
    min-height: 220px;
}

.imecapi-compat-ring:before {
    content: '';
    position: absolute;
    inset: 22px;
    border-radius: 50%;
    background: #fff;
}

.imecapi-compat-ring span,
.imecapi-compat-ring em {
    position: relative;
    z-index: 1;
}

.imecapi-compat-ring span {
    color: #003366;
    font-size: 44px;
    font-weight: 900;
}

.imecapi-compat-ring em {
    display: block;
    color: #5e6d84;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .05em;
}

.imecapi-psy-bars {
    padding: 22px;
    border: 1px solid rgba(0, 51, 102, .10);
    border-radius: 24px;
    background: #fff;
}

.imecapi-psy-bars p {
    display: grid;
    grid-template-columns: 160px 60px 1fr;
    gap: 12px;
    align-items: center;
    margin: 0 0 16px;
}

.imecapi-psy-bars p:last-child { margin-bottom: 0; }
.imecapi-psy-bars span { color: #003366; font-weight: 800; }
.imecapi-psy-bars b { color: #003366; text-align: right; }
.imecapi-psy-bars i { margin: 0; }

.imecapi-risk-card,
.imecapi-hiring-grid article {
    padding: 22px;
    border: 1px solid rgba(0, 51, 102, .10);
    border-radius: 24px;
    background: #fff;
}

.imecapi-risk-card strong {
    display: block;
    margin-top: 10px;
    color: #003366;
    font-size: 30px;
}

.imecapi-risk-card em {
    display: block;
    margin-top: 12px;
    color: #5e6d84;
    font-style: normal;
}

.imecapi-psy-block.risk-alto .imecapi-risk-card { border-color: rgba(220,38,38,.35); background: #fff7f7; }
.imecapi-psy-block.risk-medio .imecapi-risk-card { border-color: rgba(245,158,11,.35); background: #fffaf0; }
.imecapi-psy-block.risk-bajo .imecapi-risk-card { border-color: rgba(22,163,74,.35); background: #f0fff6; }

.imecapi-hiring-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.imecapi-hiring-grid article strong {
    display: block;
    margin-top: 10px;
    color: #003366;
    font-size: clamp(20px, 2vw, 30px);
    line-height: 1.15;
}

.imecapi-warranty-progress {
    margin: 0 0 18px;
    height: 16px;
}

.imecapi-warranty-monitor.status-por_vencer .imecapi-warranty-progress span { background: linear-gradient(90deg, #f59e0b, #f97316); }
.imecapi-warranty-monitor.status-vencida .imecapi-warranty-progress span { background: linear-gradient(90deg, #ef4444, #991b1b); }
.imecapi-warranty-monitor.status-cerrada .imecapi-warranty-progress span { background: linear-gradient(90deg, #64748b, #334155); }

@media (max-width: 1200px) {
    .imecapi-funnel-steps,
    .imecapi-psy-grid,
    .imecapi-hiring-grid {
        grid-template-columns: 1fr;
    }

    .imecapi-psy-bars p {
        grid-template-columns: 1fr;
    }

    .imecapi-psy-bars b {
        text-align: left;
    }
}


/* v0.9.68 focused recruitment blocks */
.imecapi-phase-file-block,
.imecapi-funnel-executive,
.imecapi-terna-executive,
.imecapi-interviews-block,
.imecapi-selected-candidate-block,
.imecapi-warranty-countdown {
    margin-top: 26px;
    padding: 26px;
    border-radius: 26px;
    border: 1px solid rgba(0, 131, 255, .18);
    background: linear-gradient(180deg, rgba(247,251,255,.96), rgba(255,255,255,.98));
    box-shadow: 0 18px 44px rgba(0, 51, 102, .05);
}

.imecapi-phase-file-description,
.imecapi-funnel-executive .imecapi-phase-visual-head p,
.imecapi-terna-executive .imecapi-phase-visual-head p,
.imecapi-warranty-countdown .imecapi-phase-visual-head p {
    margin: 6px 0 0;
    color: #5f6f86;
    font-size: 16px;
}

.imecapi-phase-file-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.imecapi-phase-file-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    min-height: 150px;
    border: 1px solid rgba(0, 131, 255, .18);
    border-radius: 18px;
    background: #fff;
    color: #003366;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease;
}

.imecapi-phase-file-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(0, 51, 102, .08);
}

.imecapi-phase-file-card img {
    width: 100%;
    height: 110px;
    border-radius: 12px;
    object-fit: cover;
}

.imecapi-file-icon {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #edf6ff;
    color: #0083ff;
    font-weight: 900;
}

.imecapi-phase-file-card b {
    font-size: 15px;
    line-height: 1.25;
}

.imecapi-phase-file-card small {
    color: #0083ff;
    font-weight: 800;
}

.imecapi-funnel-layout {
    margin-top: 24px;
}

.imecapi-funnel-shape {
    display: grid;
    gap: 10px;
}

.imecapi-funnel-segment {
    width: var(--funnel-width);
    min-width: 210px;
    margin-inline: auto;
    padding: 14px 18px;
    border-radius: 16px;
    color: #fff;
    background: var(--funnel-color);
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    box-shadow: 0 12px 26px rgba(0,51,102,.10);
}

.imecapi-funnel-segment span {
    font-weight: 900;
}

.imecapi-funnel-segment b {
    font-size: 22px;
    font-weight: 900;
}

.imecapi-funnel-comment,
.imecapi-selected-candidate-block blockquote,
.imecapi-warranty-countdown blockquote,
.imecapi-terna-cards blockquote {
    margin: 22px 0 0;
    padding: 18px 20px;
    border-radius: 18px;
    border-left: 5px solid #0083ff;
    background: #fff;
    color: #4d5f78;
    line-height: 1.6;
}

.imecapi-terna-recommended {
    display: inline-flex;
    padding: 12px 16px;
    border-radius: 999px;
    background: #dcfce7;
    color: #047857;
    font-weight: 900;
}

.imecapi-terna-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.imecapi-terna-cards article {
    padding: 22px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid rgba(0, 131, 255, .18);
    box-shadow: 0 16px 38px rgba(0, 51, 102, .05);
}

.imecapi-candidate-top span {
    display: inline-flex;
    padding: 7px 11px;
    border-radius: 999px;
    background: #edf6ff;
    color: #0083ff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.imecapi-candidate-top b {
    display: block;
    margin-top: 10px;
    color: #003366;
    font-size: 24px;
    line-height: 1.2;
}

.imecapi-candidate-facts {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.imecapi-candidate-facts div {
    padding: 10px 0;
    border-top: 1px solid rgba(0,51,102,.08);
}

.imecapi-candidate-facts small {
    display: block;
    color: #6a7890;
    font-weight: 900;
    margin-bottom: 4px;
}

.imecapi-candidate-facts strong {
    color: #003366;
}

.imecapi-candidate-docs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.imecapi-candidate-docs a {
    display: inline-flex;
    padding: 10px 14px;
    border-radius: 999px;
    background: #0083ff;
    color: #fff !important;
    font-weight: 900;
    text-decoration: none;
}

.imecapi-interviews-table {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.imecapi-interviews-head,
.imecapi-interviews-row {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 12px;
    align-items: center;
}

.imecapi-interviews-head {
    color: #5f6f86;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.imecapi-interviews-row {
    padding: 14px 16px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(0,51,102,.08);
    color: #003366;
    font-weight: 800;
}

.imecapi-interviews-row p {
    grid-column: 1 / -1;
    margin: 4px 0 0;
    color: #52657e;
    font-weight: 500;
}

.imecapi-selected-candidate-block {
    display: grid;
    gap: 18px;
}

.imecapi-selected-main {
    padding: 24px;
    border-radius: 24px;
    background: linear-gradient(135deg, #003366, #0083ff);
    color: #fff;
}

.imecapi-selected-main span {
    display: block;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 13px;
    font-weight: 900;
    opacity: .85;
}

.imecapi-selected-main strong {
    display: block;
    margin-top: 8px;
    font-size: clamp(30px, 4vw, 54px);
    line-height: 1.05;
}

.imecapi-selected-grid,
.imecapi-warranty-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.imecapi-selected-grid article,
.imecapi-warranty-grid article {
    padding: 18px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(0,51,102,.08);
}

.imecapi-selected-grid span,
.imecapi-warranty-grid span {
    display: block;
    color: #5f6f86;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.imecapi-selected-grid b,
.imecapi-warranty-grid b {
    color: #003366;
    font-size: 22px;
}

.imecapi-warranty-countdown .imecapi-phase-visual-head > span {
    padding: 14px 18px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--warranty-color) 14%, white);
    color: var(--warranty-color);
    font-weight: 900;
    font-size: 20px;
}

.imecapi-warranty-bar {
    height: 18px;
    border-radius: 999px;
    background: #e9f1fb;
    overflow: hidden;
    margin: 18px 0;
}

.imecapi-warranty-bar i {
    display: block;
    width: var(--warranty-percent);
    height: 100%;
    background: var(--warranty-color);
    border-radius: 999px;
    transition: width .35s ease;
}

@media (max-width: 1100px) {
    .imecapi-phase-file-grid,
    .imecapi-terna-cards,
    .imecapi-selected-grid,
    .imecapi-warranty-grid {
        grid-template-columns: 1fr;
    }

    .imecapi-interviews-head {
        display: none;
    }

    .imecapi-interviews-row {
        grid-template-columns: 1fr;
    }
}


/* v0.9.69 recruitment block refinements */
.imecapi-terna-premium,
.imecapi-selected-candidate-pro {
    margin-top: 26px;
    padding: 28px;
    border-radius: 28px;
    border: 1px solid rgba(0, 131, 255, .18);
    background: linear-gradient(180deg, rgba(247,251,255,.96), rgba(255,255,255,.98));
    box-shadow: 0 18px 44px rgba(0, 51, 102, .05);
}

.imecapi-terna-premium-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 24px;
    align-items: stretch;
}

.imecapi-terna-premium-cards article {
    position: relative;
    padding: 28px 22px 22px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid rgba(0, 131, 255, .18);
    box-shadow: 0 20px 48px rgba(0, 51, 102, .08);
    overflow: hidden;
}

.imecapi-terna-premium-cards article::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 6px;
    background: linear-gradient(90deg, #003366, #0083ff);
}

.imecapi-terna-avatar {
    width: 72px;
    height: 72px;
    margin: 0 auto 14px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #edf6ff;
    border: 1px solid rgba(0, 131, 255, .22);
    color: #0083ff;
    font-size: 30px;
    font-weight: 900;
}

.imecapi-terna-card-head {
    text-align: center;
    margin-bottom: 18px;
}

.imecapi-terna-card-head small {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f2f7ff;
    color: #5d6f86;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.imecapi-terna-card-head h4 {
    margin: 12px 0 0;
    color: #003366;
    font-size: 26px;
    line-height: 1.1;
}

.imecapi-terna-chip-grid {
    display: grid;
    gap: 10px;
}

.imecapi-terna-chip {
    display: grid;
    grid-template-columns: 32px 1fr;
    column-gap: 10px;
    padding: 10px 12px;
    border-radius: 15px;
    background: #f7fbff;
    border: 1px solid rgba(0, 51, 102, .07);
}

.imecapi-terna-chip i {
    grid-row: span 2;
    font-style: normal;
    align-self: center;
}

.imecapi-terna-chip span {
    color: #66778e;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.imecapi-terna-chip b {
    color: #003366;
    font-size: 15px;
    line-height: 1.35;
}

.imecapi-terna-premium blockquote {
    margin: 18px 0 0;
    padding: 16px;
    border-radius: 16px;
    border-left: 5px solid #0083ff;
    background: #f7fbff;
    color: #4c5e76;
    line-height: 1.55;
}

.imecapi-interview-cards {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.imecapi-interview-cards article {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 14px;
    align-items: center;
    padding: 18px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(0, 131, 255, .14);
}

.imecapi-interview-cards span {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .045em;
    margin-bottom: 4px;
}

.imecapi-interview-cards strong,
.imecapi-interview-cards b {
    color: #003366;
    font-size: 18px;
}

.imecapi-interview-cards p {
    grid-column: 1 / -1;
    margin: 4px 0 0;
    padding-top: 12px;
    border-top: 1px solid rgba(0,51,102,.08);
    color: #53667f;
}

.imecapi-selected-candidate-pro {
    display: grid;
    gap: 18px;
}

.imecapi-selected-pro-head {
    padding: 26px;
    border-radius: 24px;
    background: linear-gradient(135deg, #003366, #0083ff);
    color: #fff;
}

.imecapi-selected-pro-head span {
    display: block;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .85;
}

.imecapi-selected-pro-head strong {
    display: block;
    margin-top: 10px;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.05;
}

.imecapi-selected-pro-head p {
    margin: 8px 0 0;
    font-size: 20px;
    opacity: .9;
}

@media (max-width: 1100px) {
    .imecapi-terna-premium-cards,
    .imecapi-interview-cards article {
        grid-template-columns: 1fr;
    }
}


/* v0.9.70 hard override for recruitment phase blocks */
.imecapi-special-force-premium {
    margin-top: 28px !important;
    padding: 30px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(0, 131, 255, .20) !important;
    background: linear-gradient(180deg, rgba(247,251,255,.98), rgba(255,255,255,1)) !important;
    box-shadow: 0 24px 60px rgba(0, 51, 102, .07) !important;
}

.imecapi-terna-premium-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    margin-top: 24px !important;
}

.imecapi-terna-premium-cards > article {
    position: relative !important;
    padding: 30px 22px 22px !important;
    border-radius: 30px !important;
    background: #fff !important;
    border: 1px solid rgba(0, 131, 255, .18) !important;
    box-shadow: 0 22px 50px rgba(0, 51, 102, .08) !important;
    overflow: hidden !important;
}

.imecapi-terna-premium-cards > article::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 7px !important;
    background: linear-gradient(90deg, #003366, #0083ff) !important;
}

.imecapi-terna-avatar {
    width: 76px !important;
    height: 76px !important;
    margin: 0 auto 16px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: #edf6ff !important;
    border: 1px solid rgba(0, 131, 255, .25) !important;
    color: #0083ff !important;
    font-size: 32px !important;
    font-weight: 900 !important;
}

.imecapi-terna-card-head {
    text-align: center !important;
    margin-bottom: 20px !important;
}

.imecapi-terna-card-head small {
    display: inline-flex !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: #f2f7ff !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}

.imecapi-terna-card-head h4 {
    margin: 12px 0 0 !important;
    color: #003366 !important;
    font-size: 26px !important;
    line-height: 1.1 !important;
}

.imecapi-terna-chip-grid {
    display: grid !important;
    gap: 10px !important;
}

.imecapi-terna-chip {
    display: grid !important;
    grid-template-columns: 32px 1fr !important;
    column-gap: 10px !important;
    padding: 11px 12px !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border: 1px solid rgba(0, 51, 102, .07) !important;
}

.imecapi-terna-chip i {
    grid-row: span 2 !important;
    font-style: normal !important;
    align-self: center !important;
}

.imecapi-terna-chip span {
    color: #66778e !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.imecapi-terna-chip b {
    color: #003366 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
}

.imecapi-terna-premium blockquote,
.imecapi-selected-candidate-pro blockquote,
.imecapi-warranty-countdown blockquote {
    margin: 18px 0 0 !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    border-left: 5px solid #0083ff !important;
    background: #f7fbff !important;
    color: #4c5e76 !important;
    line-height: 1.55 !important;
}

.imecapi-candidate-docs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

.imecapi-candidate-docs a {
    display: inline-flex !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    background: #0083ff !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.imecapi-interview-cards {
    display: grid !important;
    gap: 14px !important;
    margin-top: 20px !important;
}

.imecapi-interview-cards article {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid rgba(0, 131, 255, .14) !important;
}

.imecapi-interview-cards span,
.imecapi-selected-grid span,
.imecapi-warranty-grid span {
    display: block !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
    margin-bottom: 4px !important;
}

.imecapi-interview-cards strong,
.imecapi-interview-cards b,
.imecapi-selected-grid b,
.imecapi-warranty-grid b {
    color: #003366 !important;
    font-size: 18px !important;
}

.imecapi-interview-cards p {
    grid-column: 1 / -1 !important;
    margin: 4px 0 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(0,51,102,.08) !important;
    color: #53667f !important;
}

.imecapi-selected-pro-head {
    padding: 28px !important;
    border-radius: 26px !important;
    background: linear-gradient(135deg, #003366, #0083ff) !important;
    color: #fff !important;
}

.imecapi-selected-pro-head span {
    display: block !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    opacity: .85 !important;
}

.imecapi-selected-pro-head strong {
    display: block !important;
    margin-top: 10px !important;
    font-size: clamp(34px, 4vw, 58px) !important;
    line-height: 1.05 !important;
    color: #fff !important;
}

.imecapi-selected-pro-head p {
    margin: 8px 0 0 !important;
    font-size: 20px !important;
    opacity: .92 !important;
}

.imecapi-selected-grid,
.imecapi-warranty-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 18px !important;
}

.imecapi-selected-grid article,
.imecapi-warranty-grid article {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(0,51,102,.08) !important;
}

.imecapi-warranty-bar {
    height: 18px !important;
    border-radius: 999px !important;
    background: #e9f1fb !important;
    overflow: hidden !important;
    margin: 22px 0 !important;
}

.imecapi-warranty-bar i {
    display: block !important;
    width: var(--warranty-percent) !important;
    height: 100% !important;
    background: var(--warranty-color) !important;
    border-radius: 999px !important;
}

.imecapi-warranty-countdown .imecapi-phase-visual-head > span {
    padding: 14px 18px !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--warranty-color) 14%, white) !important;
    color: var(--warranty-color) !important;
    font-weight: 900 !important;
    font-size: 20px !important;
}

@media (max-width: 1100px) {
    .imecapi-terna-premium-cards,
    .imecapi-interview-cards article,
    .imecapi-selected-grid,
    .imecapi-warranty-grid {
        grid-template-columns: 1fr !important;
    }
}


/* v0.9.72 final premium layout overrides */
.imecapi-special-force-premium {
    margin-top: 28px !important;
    padding: 30px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(0, 131, 255, .20) !important;
    background: linear-gradient(180deg, rgba(247,251,255,.98), rgba(255,255,255,1)) !important;
    box-shadow: 0 24px 60px rgba(0, 51, 102, .07) !important;
}

.imecapi-terna-premium-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    margin-top: 24px !important;
}

.imecapi-terna-premium-cards > article {
    position: relative !important;
    padding: 30px 22px 22px !important;
    border-radius: 30px !important;
    background: #fff !important;
    border: 1px solid rgba(0, 131, 255, .18) !important;
    box-shadow: 0 22px 50px rgba(0, 51, 102, .08) !important;
    overflow: hidden !important;
}

.imecapi-terna-premium-cards > article::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 7px !important;
    background: linear-gradient(90deg, #003366, #0083ff) !important;
}

.imecapi-terna-avatar {
    width: 76px !important;
    height: 76px !important;
    margin: 0 auto 16px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: #edf6ff !important;
    border: 1px solid rgba(0, 131, 255, .25) !important;
    color: #0083ff !important;
    font-size: 32px !important;
    font-weight: 900 !important;
}

.imecapi-terna-card-head { text-align: center !important; margin-bottom: 20px !important; }
.imecapi-terna-card-head small {
    display: inline-flex !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: #f2f7ff !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}
.imecapi-terna-card-head h4 {
    margin: 12px 0 0 !important;
    color: #003366 !important;
    font-size: 26px !important;
    line-height: 1.1 !important;
}

.imecapi-terna-chip-grid { display: grid !important; gap: 10px !important; }
.imecapi-terna-chip {
    display: grid !important;
    grid-template-columns: 32px 1fr !important;
    column-gap: 10px !important;
    padding: 11px 12px !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border: 1px solid rgba(0, 51, 102, .07) !important;
}
.imecapi-terna-chip i { grid-row: span 2 !important; font-style: normal !important; align-self: center !important; }
.imecapi-terna-chip span {
    color: #66778e !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}
.imecapi-terna-chip b { color: #003366 !important; font-size: 15px !important; line-height: 1.35 !important; }

.imecapi-terna-premium blockquote,
.imecapi-selected-candidate-pro blockquote,
.imecapi-warranty-countdown blockquote {
    margin: 18px 0 0 !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    border-left: 5px solid #0083ff !important;
    background: #f7fbff !important;
    color: #4c5e76 !important;
    line-height: 1.55 !important;
}

.imecapi-candidate-docs { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 18px !important; }
.imecapi-candidate-docs a {
    display: inline-flex !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    background: #0083ff !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.imecapi-interview-cards { display: grid !important; gap: 14px !important; margin-top: 20px !important; }
.imecapi-interview-cards article {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid rgba(0, 131, 255, .14) !important;
}

.imecapi-interview-cards span,
.imecapi-selected-grid span,
.imecapi-warranty-grid span {
    display: block !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
    margin-bottom: 4px !important;
}
.imecapi-interview-cards strong,
.imecapi-interview-cards b,
.imecapi-selected-grid b,
.imecapi-warranty-grid b {
    color: #003366 !important;
    font-size: 18px !important;
}
.imecapi-interview-cards p {
    grid-column: 1 / -1 !important;
    margin: 4px 0 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(0,51,102,.08) !important;
    color: #53667f !important;
}

.imecapi-selected-pro-head {
    padding: 28px !important;
    border-radius: 26px !important;
    background: linear-gradient(135deg, #003366, #0083ff) !important;
    color: #fff !important;
}
.imecapi-selected-pro-head span {
    display: block !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    opacity: .85 !important;
}
.imecapi-selected-pro-head strong {
    display: block !important;
    margin-top: 10px !important;
    font-size: clamp(34px, 4vw, 58px) !important;
    line-height: 1.05 !important;
    color: #fff !important;
}
.imecapi-selected-pro-head p {
    margin: 8px 0 0 !important;
    font-size: 20px !important;
    opacity: .92 !important;
}

.imecapi-selected-grid,
.imecapi-warranty-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 18px !important;
}
.imecapi-selected-grid article,
.imecapi-warranty-grid article {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(0,51,102,.08) !important;
}

.imecapi-warranty-bar {
    height: 18px !important;
    border-radius: 999px !important;
    background: #e9f1fb !important;
    overflow: hidden !important;
    margin: 22px 0 !important;
}
.imecapi-warranty-bar i {
    display: block !important;
    width: var(--warranty-percent) !important;
    height: 100% !important;
    background: var(--warranty-color) !important;
    border-radius: 999px !important;
}
.imecapi-warranty-countdown .imecapi-phase-visual-head > span {
    padding: 14px 18px !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--warranty-color) 14%, white) !important;
    color: var(--warranty-color) !important;
    font-weight: 900 !important;
    font-size: 20px !important;
}

@media (max-width: 1100px) {
    .imecapi-terna-premium-cards,
    .imecapi-interview-cards article,
    .imecapi-selected-grid,
    .imecapi-warranty-grid {
        grid-template-columns: 1fr !important;
    }
}


/* v0.9.73 clean v2 recruitment blocks */
.imecapi-special-force-premium {
    margin-top: 28px !important;
    padding: 30px !important;
    border-radius: 30px !important;
    border: 1px solid rgba(0, 131, 255, .20) !important;
    background: linear-gradient(180deg, rgba(247,251,255,.98), rgba(255,255,255,1)) !important;
    box-shadow: 0 24px 60px rgba(0, 51, 102, .07) !important;
}

.imecapi-terna-v2-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    margin-top: 24px !important;
}

.imecapi-terna-v2-card {
    position: relative !important;
    padding: 30px 22px 22px !important;
    border-radius: 30px !important;
    background: #fff !important;
    border: 1px solid rgba(0, 131, 255, .18) !important;
    box-shadow: 0 22px 50px rgba(0, 51, 102, .08) !important;
    overflow: hidden !important;
}

.imecapi-terna-v2-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 7px !important;
    background: linear-gradient(90deg, #003366, #0083ff) !important;
}

.imecapi-terna-v2-avatar {
    width: 76px !important;
    height: 76px !important;
    margin: 0 auto 16px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    background: #edf6ff !important;
    border: 1px solid rgba(0, 131, 255, .25) !important;
    color: #0083ff !important;
    font-size: 32px !important;
    font-weight: 900 !important;
}

.imecapi-terna-v2-head {
    text-align: center !important;
    margin-bottom: 20px !important;
}

.imecapi-terna-v2-head span {
    display: inline-flex !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: #f2f7ff !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}

.imecapi-terna-v2-head h4 {
    margin: 12px 0 0 !important;
    color: #003366 !important;
    font-size: 26px !important;
    line-height: 1.1 !important;
}

.imecapi-terna-v2-facts {
    display: grid !important;
    gap: 10px !important;
}

.imecapi-terna-v2-facts div {
    display: grid !important;
    grid-template-columns: 32px 1fr !important;
    column-gap: 10px !important;
    padding: 11px 12px !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border: 1px solid rgba(0, 51, 102, .07) !important;
}

.imecapi-terna-v2-facts i {
    grid-row: span 2 !important;
    font-style: normal !important;
    align-self: center !important;
}

.imecapi-terna-v2-facts span,
.imecapi-interviews-v2-list span,
.imecapi-selected-v2-grid span,
.imecapi-warranty-v2-grid span {
    display: block !important;
    color: #66778e !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
}

.imecapi-terna-v2-facts b,
.imecapi-interviews-v2-list b,
.imecapi-interviews-v2-list strong,
.imecapi-selected-v2-grid b,
.imecapi-warranty-v2-grid b {
    color: #003366 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
}

.imecapi-terna-v2 blockquote,
.imecapi-selected-v2 blockquote,
.imecapi-warranty-v2 blockquote {
    margin: 18px 0 0 !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    border-left: 5px solid #0083ff !important;
    background: #f7fbff !important;
    color: #4c5e76 !important;
    line-height: 1.55 !important;
}

.imecapi-candidate-docs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

.imecapi-candidate-docs a {
    display: inline-flex !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    background: #0083ff !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.imecapi-interviews-v2-list {
    display: grid !important;
    gap: 14px !important;
    margin-top: 20px !important;
}

.imecapi-interviews-v2-list article {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid rgba(0, 131, 255, .14) !important;
}

.imecapi-interviews-v2-list p {
    grid-column: 1 / -1 !important;
    margin: 4px 0 0 !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(0,51,102,.08) !important;
    color: #53667f !important;
}

.imecapi-selected-v2-hero {
    padding: 28px !important;
    border-radius: 26px !important;
    background: linear-gradient(135deg, #003366, #0083ff) !important;
    color: #fff !important;
}

.imecapi-selected-v2-hero span {
    display: block !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    opacity: .85 !important;
}

.imecapi-selected-v2-hero h3 {
    margin: 10px 0 0 !important;
    font-size: clamp(34px, 4vw, 58px) !important;
    line-height: 1.05 !important;
    color: #fff !important;
}

.imecapi-selected-v2-hero p {
    margin: 8px 0 0 !important;
    font-size: 20px !important;
    opacity: .92 !important;
}

.imecapi-selected-v2-grid,
.imecapi-warranty-v2-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 18px !important;
}

.imecapi-selected-v2-grid article,
.imecapi-warranty-v2-grid article {
    padding: 18px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid rgba(0,51,102,.08) !important;
}

.imecapi-warranty-v2-bar {
    height: 18px !important;
    border-radius: 999px !important;
    background: #e9f1fb !important;
    overflow: hidden !important;
    margin: 22px 0 !important;
}

.imecapi-warranty-v2-bar i {
    display: block !important;
    width: var(--warranty-percent) !important;
    height: 100% !important;
    background: var(--warranty-color) !important;
    border-radius: 999px !important;
}

.imecapi-warranty-v2 .imecapi-phase-visual-head > span {
    padding: 14px 18px !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--warranty-color) 14%, white) !important;
    color: var(--warranty-color) !important;
    font-weight: 900 !important;
    font-size: 20px !important;
}

@media (max-width: 1100px) {
    .imecapi-terna-v2-grid,
    .imecapi-interviews-v2-list article,
    .imecapi-selected-v2-grid,
    .imecapi-warranty-v2-grid {
        grid-template-columns: 1fr !important;
    }
}


/* v0.9.76 · Bloque Datos de Terna */
.imecapi-terna-premium-v1 {
    margin-top: 28px;
    padding: 30px;
    border-radius: 30px;
    border: 1px solid rgba(0, 131, 255, .18);
    background: linear-gradient(180deg, rgba(247, 251, 255, .98), #fff);
    box-shadow: 0 24px 60px rgba(0, 51, 102, .07);
}

.imecapi-terna-premium-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 26px;
}

.imecapi-terna-premium-head span {
    display: inline-flex;
    color: #0083ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.imecapi-terna-premium-head h3 {
    margin: 8px 0 6px;
    color: #003366;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.05;
    font-weight: 800;
}

.imecapi-terna-premium-head p {
    margin: 0;
    color: #5d6f86;
    font-size: 18px;
    line-height: 1.45;
}

.imecapi-terna-premium-head > strong {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 18px;
    border-radius: 999px;
    background: #edf6ff;
    color: #0083ff;
    font-weight: 900;
}

.imecapi-terna-premium-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.imecapi-terna-premium-card {
    position: relative;
    padding: 28px 22px 22px;
    border-radius: 28px;
    background: #fff;
    border: 1px solid rgba(0, 131, 255, .18);
    box-shadow: 0 20px 48px rgba(0, 51, 102, .08);
    overflow: hidden;
}

.imecapi-terna-premium-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 7px;
    background: linear-gradient(90deg, #003366, #0083ff);
}

.imecapi-terna-premium-avatar {
    width: 74px;
    height: 74px;
    margin: 0 auto 14px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #edf6ff;
    border: 1px solid rgba(0, 131, 255, .24);
    color: #0083ff;
    font-size: 32px;
    font-weight: 900;
}

.imecapi-terna-premium-title {
    text-align: center;
    margin-bottom: 18px;
}

.imecapi-terna-premium-title small {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f2f7ff;
    color: #65758c;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.imecapi-terna-premium-title h4 {
    margin: 12px 0 0;
    color: #003366;
    font-size: 26px;
    line-height: 1.1;
}

.imecapi-terna-premium-facts {
    display: grid;
    gap: 10px;
}

.imecapi-terna-premium-facts div {
    display: grid;
    grid-template-columns: 32px 1fr;
    column-gap: 10px;
    padding: 11px 12px;
    border-radius: 16px;
    background: #f7fbff;
    border: 1px solid rgba(0, 51, 102, .07);
}

.imecapi-terna-premium-facts i {
    grid-row: span 2;
    font-style: normal;
    align-self: center;
}

.imecapi-terna-premium-facts span {
    color: #66778e;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.imecapi-terna-premium-facts b {
    color: #003366;
    font-size: 15px;
    line-height: 1.35;
}

.imecapi-terna-premium-card blockquote {
    margin: 18px 0 0;
    padding: 16px 18px;
    border-radius: 18px;
    border-left: 5px solid #0083ff;
    background: #f7fbff;
    color: #4c5e76;
    line-height: 1.55;
}

.imecapi-terna-premium-card blockquote span {
    display: block;
    margin-bottom: 8px;
    color: #0083ff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.imecapi-terna-premium-docs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.imecapi-terna-premium-docs a {
    display: inline-flex;
    padding: 10px 14px;
    border-radius: 999px;
    background: #0083ff;
    color: #fff !important;
    font-weight: 900;
    text-decoration: none;
}

@media (max-width: 1100px) {
    .imecapi-terna-premium-grid {
        grid-template-columns: 1fr;
    }

    .imecapi-terna-premium-head {
        flex-direction: column;
    }
}

/* v0.9.77 · Terna render base validado */
.imecapi-terna-simple-block{display:block!important;visibility:visible!important;opacity:1!important;margin-top:28px!important;padding:28px!important;border:1px solid rgba(0,131,255,.18)!important;border-radius:28px!important;background:#fff!important;box-shadow:0 18px 44px rgba(0,51,102,.06)!important;overflow:visible!important}
.imecapi-terna-simple-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:18px!important;margin-bottom:22px!important}
.imecapi-terna-simple-head span{display:block!important;color:#0083ff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.imecapi-terna-simple-head h3{margin:8px 0 6px!important;color:#003366!important;font-size:36px!important;line-height:1.1!important;font-weight:800!important}
.imecapi-terna-simple-head p{margin:0!important;color:#5d6f86!important;font-size:18px!important;line-height:1.45!important}
.imecapi-terna-simple-head>strong{display:inline-flex!important;padding:12px 16px!important;border-radius:999px!important;background:#edf6ff!important;color:#0083ff!important;font-weight:900!important;white-space:nowrap!important}
.imecapi-terna-simple-list{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important;visibility:visible!important;opacity:1!important;overflow:visible!important}
.imecapi-terna-simple-card{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;width:auto!important;min-height:0!important;padding:22px!important;border:1px solid rgba(0,131,255,.16)!important;border-left:6px solid #0083ff!important;border-radius:22px!important;background:#f7fbff!important;box-shadow:none!important;overflow:visible!important}
.imecapi-terna-simple-card header{display:block!important;margin-bottom:16px!important}
.imecapi-terna-simple-card header span{display:block!important;color:#0083ff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-bottom:6px!important}
.imecapi-terna-simple-card header h4{display:block!important;margin:0!important;color:#003366!important;font-size:28px!important;line-height:1.15!important;font-weight:800!important}
.imecapi-terna-simple-data{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;visibility:visible!important;opacity:1!important}
.imecapi-terna-simple-data div{display:block!important;padding:14px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(0,51,102,.08)!important}
.imecapi-terna-simple-data small,.imecapi-terna-simple-comments small{display:block!important;margin-bottom:5px!important;color:#66778e!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.imecapi-terna-simple-data b{display:block!important;color:#003366!important;font-size:16px!important;line-height:1.35!important;font-weight:800!important}
.imecapi-terna-simple-comments{display:block!important;margin-top:16px!important;padding:16px!important;border-radius:16px!important;background:#fff!important;border-left:5px solid #0083ff!important}
.imecapi-terna-simple-comments p{margin:0!important;color:#53667f!important;font-size:16px!important;line-height:1.5!important}
.imecapi-terna-simple-docs{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:16px!important}
.imecapi-terna-simple-docs a{display:inline-flex!important;padding:10px 14px!important;border-radius:999px!important;background:#0083ff!important;color:#fff!important;text-decoration:none!important;font-weight:900!important}
@media (max-width:900px){.imecapi-terna-simple-head{flex-direction:column!important}.imecapi-terna-simple-data{grid-template-columns:1fr!important}}

/* v0.9.78 · Terna showcase premium */
.imecapi-terna-showcase{display:block!important;margin-top:28px!important;padding:32px!important;border-radius:32px!important;border:1px solid rgba(0,131,255,.16)!important;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)!important;box-shadow:0 24px 70px rgba(0,51,102,.08)!important;overflow:hidden!important}
.imecapi-terna-showcase-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:22px!important;margin-bottom:34px!important}
.imecapi-terna-showcase-head span{display:block!important;color:#0083ff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.imecapi-terna-showcase-head h3{margin:8px 0!important;color:#003366!important;font-size:clamp(34px,4vw,52px)!important;line-height:1.05!important;font-weight:850!important}
.imecapi-terna-showcase-head p{max-width:820px!important;margin:0!important;color:#5d6f86!important;font-size:18px!important;line-height:1.45!important}
.imecapi-terna-showcase-head>strong{flex:0 0 auto!important;display:inline-flex!important;padding:14px 18px!important;border-radius:999px!important;background:#edf6ff!important;color:#0083ff!important;font-weight:900!important;white-space:nowrap!important}
.imecapi-terna-showcase-stage{position:relative!important;display:flex!important;align-items:stretch!important;justify-content:center!important;gap:0!important;min-height:560px!important;padding:20px 0 30px!important;isolation:isolate!important}
.imecapi-terna-showcase-stage:before{content:""!important;position:absolute!important;left:8%!important;right:8%!important;top:70px!important;bottom:40px!important;border-radius:34px!important;background:#f1f5fb!important;z-index:0!important}
.imecapi-terna-profile-card{position:relative!important;z-index:2!important;flex:0 0 33.5%!important;max-width:430px!important;min-width:300px!important;display:flex!important;flex-direction:column!important;padding:26px 24px 24px!important;border-radius:30px!important;background:#fff!important;border:1px solid rgba(0,51,102,.08)!important;box-shadow:0 22px 55px rgba(0,51,102,.12)!important;overflow:visible!important}
.imecapi-terna-profile-card.is-left{transform:translateX(34px) scale(.92)!important;opacity:.93!important;z-index:1!important}
.imecapi-terna-profile-card.is-right{transform:translateX(-34px) scale(.92)!important;opacity:.93!important;z-index:1!important}
.imecapi-terna-profile-card.is-featured{transform:scale(1.04)!important;z-index:4!important;box-shadow:0 34px 80px rgba(0,51,102,.18)!important}
.imecapi-terna-match-badge{position:absolute!important;top:22px!important;right:22px!important;width:82px!important;height:82px!important;display:grid!important;place-items:center!important;align-content:center!important;border-radius:50%!important;background:#eaf8ed!important;border:1px solid #cdeed5!important;color:#22a943!important;box-shadow:0 12px 30px rgba(34,169,67,.12)!important}
.imecapi-terna-profile-card.is-right .imecapi-terna-match-badge{background:#fff7df!important;border-color:#f6d36b!important;color:#f59e0b!important}
.imecapi-terna-match-badge b{display:block!important;font-size:30px!important;line-height:1!important;font-weight:900!important}
.imecapi-terna-match-badge span{display:block!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important}
.imecapi-terna-avatar{width:74px!important;height:74px!important;margin:0 auto 12px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#edf6ff!important;border:1px solid rgba(0,131,255,.22)!important;color:#0083ff!important;font-size:32px!important;font-weight:900!important}
.imecapi-terna-profile-card header{text-align:center!important;margin:0 0 18px!important;padding-right:62px!important;padding-left:62px!important}
.imecapi-terna-profile-card header small{display:block!important;color:#73849a!important;font-size:11px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.imecapi-terna-profile-card header h4{margin:7px 0 0!important;color:#0083ff!important;font-size:24px!important;line-height:1.12!important;font-weight:900!important}
.imecapi-terna-identity{display:grid!important;gap:8px!important;padding:4px 0 16px!important;border-bottom:1px solid rgba(0,51,102,.10)!important}
.imecapi-terna-identity div{display:grid!important;grid-template-columns:28px 1fr!important;grid-template-areas:"icon label" "icon value"!important;column-gap:8px!important;align-items:center!important}
.imecapi-terna-identity i{grid-area:icon!important;font-style:normal!important;filter:grayscale(1)!important;opacity:.7!important}
.imecapi-terna-identity span{grid-area:label!important;display:block!important;color:#74849a!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.imecapi-terna-identity b{grid-area:value!important;display:block!important;color:#24364b!important;font-size:15px!important;line-height:1.28!important;font-weight:700!important}
.imecapi-terna-note{margin-top:16px!important;padding:14px!important;border-radius:16px!important;background:#f7fbff!important;border-left:4px solid #0083ff!important}
.imecapi-terna-note span{display:block!important;margin-bottom:7px!important;color:#0083ff!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.imecapi-terna-note p{margin:0!important;color:#53667f!important;font-size:14px!important;line-height:1.45!important}
.imecapi-terna-actions{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;margin-top:auto!important;padding-top:16px!important}
.imecapi-terna-actions a{display:inline-flex!important;padding:9px 12px!important;border-radius:999px!important;background:#edf6ff!important;color:#0083ff!important;text-decoration:none!important;font-weight:900!important;font-size:13px!important}
.imecapi-terna-profile-card.is-featured .imecapi-terna-actions a{background:#0083ff!important;color:#fff!important}
@media (max-width:1180px){.imecapi-terna-showcase-stage{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;min-height:0!important}.imecapi-terna-profile-card,.imecapi-terna-profile-card.is-left,.imecapi-terna-profile-card.is-right,.imecapi-terna-profile-card.is-featured{max-width:none!important;width:100%!important;flex-basis:auto!important;transform:none!important;opacity:1!important}.imecapi-terna-showcase-stage:before{display:none!important}}
@media (max-width:700px){.imecapi-terna-showcase{padding:20px!important}.imecapi-terna-showcase-head{flex-direction:column!important}.imecapi-terna-profile-card header{padding:0 74px 0 0!important;text-align:left!important}.imecapi-terna-avatar{margin-left:0!important}}


/* v0.9.79 · Terna showcase seleccionable */
.imecapi-terna-showcase {
    display: block !important;
    margin-top: 28px !important;
    padding: 32px !important;
    border-radius: 32px !important;
    border: 1px solid rgba(0, 131, 255, .16) !important;
    background: linear-gradient(180deg, #fff 0%, #f7fbff 100%) !important;
    box-shadow: 0 24px 70px rgba(0, 51, 102, .08) !important;
    overflow: hidden !important;
}

.imecapi-terna-showcase-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 22px !important;
    margin-bottom: 34px !important;
}

.imecapi-terna-showcase-head span {
    display: block !important;
    color: #0083ff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

.imecapi-terna-showcase-head h3 {
    margin: 8px 0 !important;
    color: #003366 !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
}

.imecapi-terna-showcase-head p {
    max-width: 820px !important;
    margin: 0 !important;
    color: #5d6f86 !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
}

.imecapi-terna-showcase-head > strong {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    padding: 14px 18px !important;
    border-radius: 999px !important;
    background: #edf6ff !important;
    color: #0083ff !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.imecapi-terna-stage-wrap {
    position: relative !important;
}

.imecapi-terna-showcase-stage {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 0 !important;
    min-height: 560px !important;
    padding: 20px 56px 30px !important;
    isolation: isolate !important;
}

.imecapi-terna-showcase-stage::before {
    content: "" !important;
    position: absolute !important;
    left: 8% !important;
    right: 8% !important;
    top: 70px !important;
    bottom: 40px !important;
    border-radius: 34px !important;
    background: #f1f5fb !important;
    z-index: 0 !important;
}

.imecapi-terna-profile-card {
    position: absolute !important;
    top: 20px !important;
    z-index: 2 !important;
    width: min(430px, 36%) !important;
    min-width: 300px !important;
    min-height: 500px !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 28px 24px 24px !important;
    border-radius: 30px !important;
    background: #fff !important;
    border: 1px solid rgba(0, 51, 102, .08) !important;
    box-shadow: 0 22px 55px rgba(0, 51, 102, .12) !important;
    overflow: visible !important;
    cursor: pointer !important;
    transition: transform .25s ease, opacity .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.imecapi-terna-card-select {
    position: absolute !important;
    inset: 0 !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    cursor: pointer !important;
    z-index: 1 !important;
}

.imecapi-terna-profile-card > *:not(.imecapi-terna-card-select) {
    position: relative !important;
    z-index: 2 !important;
}

.imecapi-terna-profile-card.is-left {
    left: 7% !important;
    transform: translateX(0) scale(.91) !important;
    opacity: .88 !important;
    z-index: 1 !important;
}

.imecapi-terna-profile-card.is-right {
    right: 7% !important;
    transform: translateX(0) scale(.91) !important;
    opacity: .88 !important;
    z-index: 1 !important;
}

.imecapi-terna-profile-card.is-featured {
    left: 50% !important;
    transform: translateX(-50%) scale(1.04) !important;
    z-index: 5 !important;
    border-color: rgba(0, 131, 255, .55) !important;
    box-shadow: 0 34px 85px rgba(0, 51, 102, .20) !important;
}

.imecapi-terna-profile-card.is-hidden {
    left: 50% !important;
    transform: translateX(-50%) scale(.75) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.imecapi-terna-number-badge {
    width: 98px !important;
    height: 98px !important;
    margin: 0 auto 18px !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    border-radius: 50% !important;
    background: #eaf8ed !important;
    border: 1px solid #cdeed5 !important;
    color: #22a943 !important;
    box-shadow: 0 12px 30px rgba(34, 169, 67, .12) !important;
}

.imecapi-terna-profile-card.is-right .imecapi-terna-number-badge {
    background: #fff7df !important;
    border-color: #f6d36b !important;
    color: #f59e0b !important;
}

.imecapi-terna-number-badge span {
    display: block !important;
    order: 1 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.imecapi-terna-number-badge b {
    display: block !important;
    order: 2 !important;
    font-size: 38px !important;
    line-height: .95 !important;
    font-weight: 900 !important;
}

.imecapi-terna-profile-card header {
    text-align: center !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
}

.imecapi-terna-profile-card header h4 {
    margin: 0 !important;
    color: #0083ff !important;
    font-size: 28px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
}

.imecapi-terna-identity {
    display: grid !important;
    gap: 0 !important;
    padding: 4px 0 16px !important;
    border-bottom: 1px solid rgba(0, 51, 102, .10) !important;
}

.imecapi-terna-identity div {
    display: grid !important;
    grid-template-columns: 30px 1fr auto !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(0, 51, 102, .07) !important;
}

.imecapi-terna-identity div:last-child {
    border-bottom: 0 !important;
}

.imecapi-terna-identity i {
    font-style: normal !important;
    filter: grayscale(1) !important;
    opacity: .75 !important;
}

.imecapi-terna-identity span {
    display: block !important;
    color: #4c5e76 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.imecapi-terna-identity b {
    display: block !important;
    color: #003366 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    text-align: right !important;
    max-width: 150px !important;
}

.imecapi-terna-note {
    margin-top: 16px !important;
    padding: 14px !important;
    border-radius: 16px !important;
    background: #f7fbff !important;
    border-left: 4px solid #0083ff !important;
}

.imecapi-terna-note span {
    display: block !important;
    margin-bottom: 7px !important;
    color: #0083ff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.imecapi-terna-note p {
    margin: 0 !important;
    color: #53667f !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.imecapi-terna-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: auto !important;
    padding-top: 18px !important;
}

.imecapi-terna-actions a {
    position: relative !important;
    z-index: 4 !important;
    display: inline-flex !important;
    padding: 11px 16px !important;
    border-radius: 999px !important;
    background: #edf6ff !important;
    color: #0083ff !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

.imecapi-terna-profile-card.is-featured .imecapi-terna-actions a {
    background: #0083ff !important;
    color: #fff !important;
}

.imecapi-terna-nav {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    width: 48px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    border: 1px solid rgba(0, 131, 255, .18) !important;
    background: #fff !important;
    color: #003366 !important;
    font-size: 34px !important;
    line-height: 1 !important;
    box-shadow: 0 12px 30px rgba(0, 51, 102, .12) !important;
    cursor: pointer !important;
}

.imecapi-terna-nav.is-prev {
    left: 6px !important;
}

.imecapi-terna-nav.is-next {
    right: 6px !important;
}

.imecapi-terna-dots {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 4px !important;
}

.imecapi-terna-dots button {
    width: 12px !important;
    height: 12px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 0 !important;
    background: #c7d3e1 !important;
    cursor: pointer !important;
}

.imecapi-terna-dots button.is-active {
    background: #0083ff !important;
    transform: scale(1.15) !important;
}

@media (max-width: 1180px) {
    .imecapi-terna-showcase-stage {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        min-height: 0 !important;
        padding: 10px 0 20px !important;
    }

    .imecapi-terna-profile-card,
    .imecapi-terna-profile-card.is-left,
    .imecapi-terna-profile-card.is-right,
    .imecapi-terna-profile-card.is-featured,
    .imecapi-terna-profile-card.is-hidden {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        display: flex !important;
    }

    .imecapi-terna-profile-card.is-hidden {
        display: none !important;
    }

    .imecapi-terna-showcase-stage::before {
        display: none !important;
    }

    .imecapi-terna-nav {
        display: none !important;
    }
}

@media (max-width: 700px) {
    .imecapi-terna-showcase {
        padding: 20px !important;
    }

    .imecapi-terna-showcase-head {
        flex-direction: column !important;
    }

    .imecapi-terna-identity div {
        grid-template-columns: 28px 1fr !important;
    }

    .imecapi-terna-identity b {
        text-align: left !important;
        max-width: none !important;
        grid-column: 2 !important;
    }
}


/* v0.9.80 · Ajuste de altura/overflow Terna */
.imecapi-terna-showcase {
    overflow: visible !important;
}

.imecapi-terna-stage-wrap {
    overflow: visible !important;
}

.imecapi-terna-showcase-stage {
    min-height: 760px !important;
    overflow: visible !important;
    padding-bottom: 120px !important;
}

.imecapi-terna-showcase-stage::before {
    bottom: 100px !important;
}

.imecapi-terna-profile-card {
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
}

.imecapi-terna-profile-card.is-featured {
    top: 0 !important;
}

@media (max-width: 1180px) {
    .imecapi-terna-showcase-stage {
        min-height: 0 !important;
        padding-bottom: 20px !important;
    }
}


/* v0.9.81 · Ajustes finos frontend Terna */
.imecapi-terna-showcase {
    overflow: hidden !important;
    padding-bottom: 42px !important;
}

.imecapi-terna-stage-wrap {
    overflow: hidden !important;
    padding: 0 18px 28px !important;
}

.imecapi-terna-showcase-stage {
    min-height: 720px !important;
    padding: 18px 72px 68px !important;
    overflow: visible !important;
}

.imecapi-terna-showcase-stage::before {
    left: 5% !important;
    right: 5% !important;
    top: 78px !important;
    bottom: 74px !important;
}

.imecapi-terna-profile-card {
    width: min(390px, 31.5%) !important;
    min-width: 285px !important;
    padding: 26px 24px 24px !important;
}

.imecapi-terna-profile-card.is-left {
    left: 9% !important;
    transform: scale(.86) !important;
}

.imecapi-terna-profile-card.is-right {
    right: 9% !important;
    transform: scale(.86) !important;
}

.imecapi-terna-profile-card.is-featured {
    transform: translateX(-50%) scale(.98) !important;
}

.imecapi-terna-number-badge {
    width: 88px !important;
    height: 88px !important;
    margin-bottom: 18px !important;
}

.imecapi-terna-number-badge span {
    font-size: 11px !important;
}

.imecapi-terna-number-badge b {
    font-size: 34px !important;
}

.imecapi-terna-profile-card header h4 {
    font-size: 27px !important;
}

.imecapi-terna-identity {
    gap: 0 !important;
    padding: 0 0 14px !important;
}

.imecapi-terna-identity div {
    grid-template-columns: 28px minmax(120px, 1fr) auto !important;
    gap: 10px !important;
    padding: 9px 0 !important;
}

.imecapi-terna-identity i {
    color: #0083ff !important;
    filter: none !important;
    opacity: 1 !important;
    font-size: 15px !important;
}

.imecapi-terna-identity span {
    color: #5f728a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: normal !important;
}

.imecapi-terna-identity b {
    color: #003366 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: right !important;
    max-width: 145px !important;
    overflow-wrap: anywhere !important;
}

.imecapi-terna-note {
    margin-top: 14px !important;
    padding: 15px 16px !important;
    border-radius: 16px !important;
    border-left: 0 !important;
    background: #f3f8fe !important;
}

.imecapi-terna-note span {
    font-size: 11px !important;
    letter-spacing: .07em !important;
}

.imecapi-terna-note p {
    font-size: 14px !important;
}

.imecapi-terna-actions {
    gap: 10px !important;
    padding-top: 18px !important;
}

.imecapi-terna-actions a {
    border-radius: 14px !important;
    padding: 11px 16px !important;
}

.imecapi-terna-nav {
    width: 46px !important;
    height: 46px !important;
}

.imecapi-terna-nav.is-prev {
    left: 10px !important;
}

.imecapi-terna-nav.is-next {
    right: 10px !important;
}

@media (max-width: 1380px) {
    .imecapi-terna-profile-card {
        width: min(370px, 32%) !important;
        min-width: 270px !important;
    }

    .imecapi-terna-profile-card.is-left {
        left: 8% !important;
    }

    .imecapi-terna-profile-card.is-right {
        right: 8% !important;
    }
}

@media (max-width: 1180px) {
    .imecapi-terna-stage-wrap {
        overflow: visible !important;
        padding: 0 !important;
    }

    .imecapi-terna-showcase {
        overflow: visible !important;
    }

    .imecapi-terna-identity div {
        grid-template-columns: 28px minmax(120px, 1fr) auto !important;
    }
}

@media (max-width: 700px) {
    .imecapi-terna-identity div {
        grid-template-columns: 26px 1fr !important;
    }

    .imecapi-terna-identity b {
        grid-column: 2 !important;
        text-align: left !important;
        max-width: none !important;
    }

    .imecapi-terna-actions a {
        width: 100% !important;
        justify-content: center !important;
    }
}


/* v0.9.83 · Dashboard limpio sin menú lateral, estilo Finanzas */
.imecapi-client-app-clean{display:block!important;min-height:100vh!important;background:radial-gradient(circle at 8% 0%,rgba(0,131,255,.08),transparent 28%),linear-gradient(180deg,#f5f9fd 0%,#eef4fb 100%)!important;color:#003366!important}
.imecapi-client-sidebar{display:none!important}.imecapi-client-main-clean{width:min(1660px,calc(100% - 56px))!important;margin:0 auto!important;padding:24px 0 56px!important}
.imecapi-client-topbar-clean{display:flex!important;align-items:center!important;gap:26px!important;min-height:86px!important;padding:18px 26px!important;margin-bottom:28px!important;border-radius:0 0 28px 28px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(0,51,102,.08)!important;box-shadow:0 20px 45px rgba(0,51,102,.06)!important}
.imecapi-client-topbar-brand{display:flex!important;align-items:center!important;gap:14px!important}.imecapi-brand-mark-clean{width:52px!important;height:52px!important;border-radius:14px!important;background:linear-gradient(135deg,#0083ff,#008a8a)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:900!important}.imecapi-client-topbar-brand strong{display:block!important;font-size:24px!important;color:#003366!important;line-height:1!important}.imecapi-client-topbar-brand span{display:block!important;color:#64748b!important;font-size:11px!important;text-transform:uppercase!important;font-weight:800!important}.imecapi-client-topbar-divider{width:1px!important;height:54px!important;background:rgba(0,51,102,.16)!important}.imecapi-client-topbar-client{display:flex!important;align-items:center!important;gap:12px!important}.imecapi-client-mini-logo{width:50px!important;height:50px!important;border-radius:16px!important;background:#edf6ff!important;display:grid!important;place-items:center!important;overflow:hidden!important}.imecapi-client-mini-logo img{width:100%!important;height:100%!important;object-fit:cover!important}.imecapi-client-mini-logo span{font-weight:900!important;color:#0083ff!important}.imecapi-client-topbar-client span{display:block!important;color:#64748b!important;font-size:13px!important;font-weight:800!important}.imecapi-client-topbar-client strong{display:block!important;color:#003366!important;font-size:19px!important;line-height:1.15!important}.imecapi-client-topbar-welcome{margin-left:auto!important;text-align:right!important}.imecapi-client-topbar-welcome strong{display:block!important;color:#003366!important;font-size:19px!important}.imecapi-client-topbar-welcome span{display:block!important;color:#53667f!important;font-weight:650!important}
.imecapi-panel-title-clean{display:flex!important;align-items:center!important;gap:18px!important;margin:0 0 26px!important}.imecapi-panel-icon-clean{width:64px!important;height:64px!important;border-radius:18px!important;background:linear-gradient(135deg,#e9fbf5,#eef7ff)!important;border:1px solid rgba(0,131,255,.12)!important;color:#008a8a!important;display:grid!important;place-items:center!important;font-size:26px!important}.imecapi-panel-title-clean h1{margin:0 0 6px!important;color:#003366!important;text-transform:uppercase!important;font-size:34px!important;letter-spacing:.02em!important;font-weight:900!important}.imecapi-panel-title-clean p{margin:0!important;color:#53667f!important;font-size:18px!important}
.imecapi-service-tabs-clean{display:block!important}.imecapi-service-tabbar-clean{display:flex!important;gap:12px!important;align-items:flex-end!important;overflow-x:auto!important;padding:0 4px 0!important;margin-bottom:0!important}.imecapi-service-tabbar-clean button{display:flex!important;align-items:center!important;gap:12px!important;min-width:260px!important;max-width:380px!important;padding:18px 22px!important;border:1px solid rgba(0,51,102,.10)!important;border-bottom:0!important;border-radius:22px 22px 0 0!important;background:linear-gradient(180deg,#f8fafc,#edf1f6)!important;color:#53667f!important;box-shadow:none!important;transform:none!important;clip-path:none!important;cursor:pointer!important}.imecapi-service-tabbar-clean button.is-active{background:linear-gradient(180deg,#fffaf0,#f1ede3)!important;color:#003366!important;border-color:rgba(0,131,255,.18)!important;box-shadow:0 -8px 26px rgba(0,51,102,.06)!important}.imecapi-service-tabbar-clean button i{width:34px!important;height:34px!important;border-radius:10px!important;background:#eaf2fb!important;color:#0083ff!important;display:grid!important;place-items:center!important;font-style:normal!important;flex:0 0 auto!important}.imecapi-service-tabbar-clean button.is-active i{background:#dff8eb!important;color:#22a943!important}.imecapi-service-tabbar-clean button strong{display:block!important;color:inherit!important;font-size:16px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.imecapi-service-tabbar-clean button span{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.04em!important}.imecapi-service-panels-clean{padding:28px!important;border:1px solid rgba(0,51,102,.10)!important;border-radius:0 28px 28px 28px!important;background:#f1ede3!important;box-shadow:0 28px 70px rgba(0,51,102,.10)!important}.imecapi-service-panel-clean{display:none!important}.imecapi-service-panel-clean.is-active{display:block!important}
.imecapi-subtabs-clean{display:flex!important;gap:14px!important;align-items:center!important;overflow-x:auto!important;padding:12px!important;margin-bottom:24px!important;border-radius:24px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(0,51,102,.08)!important;box-shadow:0 12px 34px rgba(0,51,102,.045)!important}.imecapi-subtabs-clean button{display:flex!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:13px 20px!important;border:1px solid transparent!important;border-radius:18px!important;background:transparent!important;color:#53667f!important;cursor:pointer!important;white-space:nowrap!important}.imecapi-subtabs-clean button.is-active{background:linear-gradient(135deg,#e9fbf1,#f7fffb)!important;border-color:#bfead0!important;color:#003366!important;box-shadow:0 12px 28px rgba(34,169,67,.10)!important}.imecapi-subtabs-clean button i{width:34px!important;height:34px!important;border-radius:10px!important;background:#edf6ff!important;color:#0083ff!important;display:grid!important;place-items:center!important;font-style:normal!important;font-weight:900!important}.imecapi-subtabs-clean button.is-active i{background:#25c46a!important;color:#fff!important}.imecapi-subtabs-clean button strong{font-size:15px!important;font-weight:900!important;color:inherit!important}.imecapi-subtabs-clean button.is-summary{min-width:260px!important}.imecapi-process-panel-clean{display:none!important}.imecapi-process-panel-clean.is-active{display:block!important}
.imecapi-summary-card-clean,.imecapi-process-overview-card,.imecapi-vacancy-progress,.imecapi-phase-detail,.imecapi-current-phase-box{background:rgba(255,255,255,.82)!important;border:1px solid rgba(0,51,102,.09)!important;border-radius:24px!important;box-shadow:0 18px 42px rgba(0,51,102,.055)!important}.imecapi-summary-card-clean{padding:28px!important}.imecapi-summary-head-clean{display:flex!important;justify-content:space-between!important;gap:24px!important;align-items:flex-start!important;margin-bottom:24px!important}.imecapi-summary-head-clean span{color:#0083ff!important;font-size:13px!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:900!important}.imecapi-summary-head-clean h2{margin:7px 0!important;color:#003366!important;font-size:40px!important;line-height:1.08!important;font-weight:500!important}.imecapi-summary-head-clean p{margin:0!important;color:#53667f!important;font-size:18px!important}.imecapi-summary-head-clean b{padding:12px 18px!important;border-radius:999px!important;background:#e6fbef!important;color:#008a4b!important}.imecapi-summary-kpis-clean{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:14px!important}.imecapi-summary-kpis-clean div{padding:16px!important;border-radius:18px!important;background:#f8fbff!important;border:1px solid rgba(0,51,102,.07)!important}.imecapi-summary-kpis-clean i{display:block!important;font-style:normal!important;font-size:22px!important;margin-bottom:8px!important}.imecapi-summary-kpis-clean span{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important}.imecapi-summary-kpis-clean strong{display:block!important;margin-top:6px!important;color:#003366!important;font-size:16px!important}.imecapi-summary-kpis-clean small{display:block!important;color:#64748b!important;margin-top:4px!important}.imecapi-summary-whatsapp-clean{display:inline-flex!important;margin-top:20px!important;padding:13px 18px!important;border-radius:15px!important;background:#22c55e!important;color:#fff!important;text-decoration:none!important;font-weight:900!important}
.imecapi-process-premium-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 32px;
    margin-bottom: 24px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.85) 100%) !important;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.imecapi-process-premium-header::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #0083ff 0%, #00e6ff 100%);
    z-index: 1;
}

.ipph-main {
    flex: 1 1 auto;
    max-width: 35%;
}
.ipph-main h3 {
    margin: 0 0 4px 0 !important;
    font-size: 20px !important;
    color: #003366 !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}
.ipph-main span {
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.ipph-main p {
    font-size: 13px !important;
    color: #94a3b8 !important;
    margin: 6px 0 0 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ipph-metrics {
    display: flex;
    align-items: center;
    gap: 32px;
    flex: 2 1 auto;
    border-left: 1px solid #e2e8f0;
    padding-left: 32px;
}
.ipph-metric {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ipph-metric small {
    font-size: 11px !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em;
    font-weight: 700 !important;
}
.ipph-metric .led-active {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: #ecfdf5;
    color: #10b981;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    font-style: normal;
}
.ipph-metric .text-blue {
    color: #0083ff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}
.ipph-metric .text-user {
    display: inline-flex;
    align-items: center;
    color: #003366 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

@keyframes imecapiPulseGreen{0%{box-shadow:0 0 0 0 rgba(16,185,129,0.4)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.led-green{display:block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#10b981!important;animation:imecapiPulseGreen 2s infinite!important}

.ipph-progress {
    position: relative;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 70px;
}
.ipph-progress-ring {
    transform: rotate(-90deg);
    position: absolute;
    top: 0;
    left: 0;
}
.ipph-progress-ring .ring-bg {
    stroke: #e2e8f0;
}
.ipph-progress-ring .ring-fill {
    stroke: #0083ff;
    stroke-linecap: round;
    transition: stroke-dashoffset 1s ease-out;
}
.ipph-progress-text {
    position: relative;
    z-index: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ipph-progress-text strong {
    font-size: 16px !important;
    color: #003366 !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
.ipph-progress-text span {
    font-size: 9px !important;
    color: #64748b !important;
    text-transform: uppercase;
    margin-top: 2px;
    font-weight: 700 !important;
}

@media (max-width: 1024px) {
    .imecapi-process-premium-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }
    .ipph-metrics {
        flex-wrap: wrap;
        border-left: none;
        padding-left: 0;
        border-top: 1px solid #e2e8f0;
        padding-top: 16px;
        width: 100%;
        gap: 20px;
    }
    .ipph-main {
        max-width: 100%;
    }
    .ipph-progress {
        position: absolute;
        top: 20px;
        right: 20px;
    }
}
.imecapi-process-responsible-tag strong{color:#0f172a!important;font-size:13px!important;font-weight:700!important}
.imecapi-clean-progress{padding:20px!important;margin-bottom:18px!important}
.imecapi-progress-track i{background:linear-gradient(90deg,#0083ff,#22c55e)!important}
.imecapi-phase-workspace,.imecapi-terna-showcase{max-width:none!important;width:100%!important}
.imecapi-terna-showcase{overflow:hidden!important}
.imecapi-terna-showcase-stage{min-height:720px!important}
@media(max-width:1100px){.imecapi-client-main-clean{width:calc(100% - 28px)!important}.imecapi-client-topbar-clean{flex-wrap:wrap!important}.imecapi-client-topbar-welcome{margin-left:0!important;text-align:left!important}.imecapi-summary-kpis-clean{grid-template-columns:repeat(2,1fr)!important}.imecapi-process-overview-card{grid-template-columns:1fr!important}.imecapi-process-overview-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:700px){.imecapi-service-panels-clean{padding:16px!important}.imecapi-summary-kpis-clean,.imecapi-process-overview-grid{grid-template-columns:1fr!important}.imecapi-panel-title-clean h1{font-size:28px!important}.imecapi-summary-head-clean{flex-direction:column!important}}
/* v0.9.87 · Header de cliente, perfil editable y tabs limpias */
.imecapi-client-main-clean{padding-bottom:48px!important}
.imecapi-client-topbar-clean{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:18px 24px!important;margin-bottom:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 18px 50px rgba(15,23,42,.08)!important}
.imecapi-client-topbar-company{display:flex!important;flex-direction:column!important;gap:4px!important}.imecapi-client-topbar-company span{font-size:13px!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important}.imecapi-client-topbar-company strong{font-size:28px!important;line-height:1.05!important;color:#0f172a!important}.imecapi-client-topbar-company small{font-size:14px!important;color:#475569!important}.imecapi-client-mini-logo.is-brand-logo{width:72px!important;height:72px!important;border-radius:20px!important;background:#eff6ff!important;border:1px solid rgba(59,130,246,.14)!important}
.imecapi-client-topbar-tools{display:flex!important;align-items:center!important;gap:16px!important;margin-left:auto!important}.imecapi-client-search{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 18px!important;min-width:340px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid rgba(148,163,184,.25)!important}.imecapi-client-search span{font-size:14px!important;color:#64748b!important;font-weight:700!important}.imecapi-client-search input{width:100%!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:#0f172a!important}
.imecapi-topbar-action,.imecapi-topbar-profile{border:1px solid rgba(148,163,184,.24)!important;background:#fff!important;border-radius:20px!important;padding:12px 16px!important;display:flex!important;align-items:center!important;gap:12px!important;color:#0f172a!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(15,23,42,.05)!important}.imecapi-topbar-action span{display:inline-grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:999px!important;background:#eff6ff!important;color:#2563eb!important;font-weight:800!important}.imecapi-topbar-action strong,.imecapi-topbar-profile strong{font-size:15px!important;font-weight:800!important}.imecapi-topbar-profile small{display:block!important;font-size:12px!important;color:#64748b!important}.imecapi-topbar-profile-avatar{width:46px!important;height:46px!important;border-radius:999px!important;overflow:hidden!important;background:#e2e8f0!important;display:grid!important;place-items:center!important;color:#2563eb!important;font-weight:800!important}.imecapi-topbar-profile-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.imecapi-client-utility-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-bottom:24px!important}.imecapi-alerts-panel,.imecapi-profile-panel{padding:22px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 18px 40px rgba(15,23,42,.06)!important}.imecapi-alerts-panel-head{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important;margin-bottom:16px!important}.imecapi-alerts-panel-head strong{font-size:18px!important;color:#0f172a!important}.imecapi-alerts-panel-head span{font-size:13px!important;color:#64748b!important}.imecapi-alerts-list{display:grid!important;gap:12px!important}.imecapi-alert-item{padding:14px 16px!important;border-radius:18px!important;background:#f8fafc!important;border:1px solid rgba(148,163,184,.18)!important}.imecapi-alert-item strong{display:block!important;color:#0f172a!important;font-size:14px!important;margin-bottom:4px!important}.imecapi-alert-item span,.imecapi-alerts-empty{color:#64748b!important;font-size:13px!important}
.imecapi-profile-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.imecapi-profile-form label{display:flex!important;flex-direction:column!important;gap:6px!important;color:#334155!important;font-size:13px!important;font-weight:700!important}.imecapi-profile-form input{border:1px solid rgba(148,163,184,.28)!important;border-radius:14px!important;padding:12px 14px!important;background:#fff!important;color:#0f172a!important}.imecapi-profile-form button{grid-column:1 / -1!important;border:0!important;border-radius:16px!important;padding:14px 18px!important;background:#2563eb!important;color:#fff!important;font-weight:800!important;cursor:pointer!important}.imecapi-profile-notice{margin-bottom:12px!important;padding:12px 14px!important;border-radius:14px!important;font-size:13px!important}.imecapi-profile-notice.is-success{background:#ecfdf5!important;color:#166534!important}.imecapi-profile-notice.is-error{background:#fef2f2!important;color:#991b1b!important}
.imecapi-service-tabbar-clean{gap:18px!important;padding:0!important;margin-bottom:16px!important}.imecapi-service-tabbar-clean button{min-width:320px!important;max-width:none!important;padding:20px 26px!important;border-radius:18px!important;border:1px solid rgba(148,163,184,.22)!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.05)!important}.imecapi-service-tabbar-clean button.is-active{background:#eff6ff!important;border-color:#60a5fa!important;box-shadow:0 16px 36px rgba(37,99,235,.12)!important}.imecapi-service-tabbar-clean button i{background:#eff6ff!important;color:#2563eb!important}.imecapi-service-tabbar-clean button.is-active i{background:#2563eb!important;color:#fff!important}.imecapi-service-tabbar-clean button strong{color:#0f172a!important;font-size:18px!important}.imecapi-service-tabbar-clean button span{color:#64748b!important}
.imecapi-service-panels-clean{padding:24px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 54px rgba(15,23,42,.06)!important}.imecapi-subtabs-clean{padding:0 0 10px!important;margin-bottom:24px!important;border:0!important;border-bottom:1px solid rgba(148,163,184,.22)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.imecapi-subtabs-clean button{padding:12px 0!important;border-radius:0!important;border-bottom:3px solid transparent!important;min-height:auto!important}.imecapi-subtabs-clean button.is-active{background:transparent!important;border-color:transparent!important;border-bottom-color:#2563eb!important;box-shadow:none!important;color:#0f172a!important}.imecapi-subtabs-clean button i{width:28px!important;height:28px!important;border-radius:999px!important;background:#eff6ff!important;color:#2563eb!important}.imecapi-subtabs-clean button.is-active i{background:#dbeafe!important;color:#1d4ed8!important}
.imecapi-summary-card-clean,.imecapi-process-overview-card,.imecapi-vacancy-progress,.imecapi-phase-detail,.imecapi-current-phase-box{background:#fff!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 18px 42px rgba(15,23,42,.05)!important}.imecapi-summary-head-clean h2{font-size:34px!important;font-weight:700!important}.imecapi-summary-head-clean p{font-size:16px!important;color:#64748b!important}.imecapi-summary-kpis-clean{grid-template-columns:repeat(4,minmax(0,1fr))!important}.imecapi-summary-kpis-clean div{background:#f8fafc!important;border-color:rgba(148,163,184,.18)!important}
.imecapi-service-documents-clean{margin-top:24px!important;padding-top:20px!important;border-top:1px solid rgba(148,163,184,.18)!important}.imecapi-service-documents-head{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important;margin-bottom:14px!important}.imecapi-service-documents-head strong{font-size:17px!important;color:#0f172a!important}.imecapi-service-documents-head span,.imecapi-service-documents-empty{font-size:13px!important;color:#64748b!important}.imecapi-service-documents-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:14px!important}.imecapi-service-document-card{display:flex!important;flex-direction:column!important;gap:6px!important;padding:16px!important;border-radius:18px!important;background:#f8fafc!important;border:1px solid rgba(148,163,184,.18)!important;text-decoration:none!important}.imecapi-service-document-card strong{color:#0f172a!important;font-size:15px!important}.imecapi-service-document-card span{color:#2563eb!important;font-size:13px!important;font-weight:700!important}.imecapi-service-document-card small{color:#64748b!important;font-size:12px!important}
@media(max-width:1180px){.imecapi-client-topbar-clean{flex-wrap:wrap!important}.imecapi-client-topbar-tools{width:100%!important;justify-content:space-between!important}.imecapi-client-search{min-width:0!important;flex:1 1 320px!important}.imecapi-client-utility-row{grid-template-columns:1fr!important}.imecapi-summary-kpis-clean{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.imecapi-client-topbar-company strong{font-size:22px!important}.imecapi-client-topbar-tools{flex-direction:column!important;align-items:stretch!important}.imecapi-topbar-action,.imecapi-topbar-profile{justify-content:space-between!important}.imecapi-profile-form,.imecapi-summary-kpis-clean{grid-template-columns:1fr!important}.imecapi-service-tabbar-clean button{min-width:260px!important}}
/* v0.9.87b · Ajuste de proporciones y tabs mas cercanas a referencia */
.imecapi-client-topbar-clean{gap:18px!important;padding:14px 22px!important;margin-bottom:14px!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(15,23,42,.05)!important;position:relative!important;overflow:visible!important}
.imecapi-client-topbar-clean:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;background:linear-gradient(90deg,#2563eb,#22d3ee)!important}
.imecapi-client-mini-logo.is-brand-logo{width:58px!important;height:58px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(148,163,184,.18)!important}
.imecapi-client-topbar-company span{font-size:11px!important;text-transform:none!important}.imecapi-client-topbar-company strong{font-size:16px!important;line-height:1.1!important}.imecapi-client-topbar-company small{font-size:11px!important}
.imecapi-client-topbar-tools{gap:14px!important}.imecapi-topbar-profile,.imecapi-topbar-action{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0 0 0 18px!important;position:relative!important}.imecapi-topbar-profile:before,.imecapi-topbar-action:before{content:""!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:1px!important;height:42px!important;background:rgba(148,163,184,.32)!important}.imecapi-topbar-profile-avatar{width:42px!important;height:42px!important}.imecapi-topbar-profile strong,.imecapi-topbar-action strong{font-size:13px!important}.imecapi-topbar-profile small{font-size:11px!important}.imecapi-topbar-profile em{font-style:normal!important;font-size:18px!important;color:#1d4ed8!important;line-height:1!important}.imecapi-topbar-action span{width:28px!important;height:28px!important;background:#2563eb!important;color:#fff!important;font-size:12px!important}
.imecapi-panel-title-clean{gap:10px!important;margin:0 0 16px!important}.imecapi-panel-icon-clean{width:38px!important;height:38px!important;border-radius:12px!important;font-size:16px!important}.imecapi-panel-title-clean h1{margin:0 0 3px!important;font-size:18px!important;letter-spacing:0!important;font-weight:800!important}.imecapi-panel-title-clean p{font-size:13px!important}
.imecapi-service-tabbar-clean{gap:10px!important;padding:4px 0 2px!important;margin-bottom:8px!important;align-items:flex-end!important}.imecapi-service-tabbar-clean button{min-width:210px!important;max-width:260px!important;padding:13px 16px!important;border-radius:16px 16px 0 0!important;background:linear-gradient(180deg,#eef2f7,#dfe5ec)!important;border:1px solid rgba(148,163,184,.22)!important;transform:translateY(6px) scale(.97)!important;filter:saturate(.75)!important;z-index:1!important}.imecapi-service-tabbar-clean button.is-active{background:#fff!important;border-color:#93c5fd!important;transform:translateY(0) scale(1.03)!important;filter:none!important;z-index:3!important;box-shadow:0 12px 22px rgba(37,99,235,.10)!important}.imecapi-service-tabbar-clean button strong{font-size:13px!important}.imecapi-service-tabbar-clean button span{font-size:10px!important}.imecapi-service-tabbar-clean button i{display:none!important}
.imecapi-service-panels-clean{padding:18px!important;border-radius:18px!important;box-shadow:0 16px 34px rgba(15,23,42,.05)!important}
.imecapi-subtabs-clean{gap:10px!important;padding:0!important;margin-bottom:18px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow-x:auto!important}.imecapi-subtabs-clean button{padding:10px 16px!important;border-radius:999px!important;border:1px solid transparent!important;background:#f1f5f9!important;min-height:auto!important}.imecapi-subtabs-clean button.is-active{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 10px 18px rgba(37,99,235,.18)!important}.imecapi-subtabs-clean button strong{font-size:13px!important}.imecapi-subtabs-clean button i{width:20px!important;height:20px!important;background:transparent!important;color:currentColor!important;font-size:14px!important}.imecapi-subtabs-clean button.is-active i{background:transparent!important;color:#fff!important}
.imecapi-summary-card-clean{padding:18px!important}.imecapi-summary-head-clean h2{font-size:24px!important}.imecapi-summary-head-clean p{font-size:13px!important}.imecapi-summary-head-clean b{padding:8px 12px!important;font-size:12px!important}.imecapi-summary-kpis-clean{gap:10px!important}.imecapi-summary-kpis-clean div{padding:12px!important}.imecapi-summary-kpis-clean span{font-size:10px!important}.imecapi-summary-kpis-clean strong{font-size:14px!important}.imecapi-summary-whatsapp-clean{padding:10px 14px!important;font-size:13px!important}
@media(max-width:1180px){.imecapi-client-topbar-tools{width:100%!important;justify-content:flex-end!important}.imecapi-summary-kpis-clean{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.imecapi-client-topbar-company strong{font-size:15px!important}.imecapi-topbar-profile,.imecapi-topbar-action{padding-left:12px!important}.imecapi-service-tabbar-clean button{min-width:190px!important;max-width:220px!important}.imecapi-profile-form,.imecapi-summary-kpis-clean{grid-template-columns:1fr!important}}
/* v0.9.87c · Correccion fuerte de header y tabs */
.imecapi-client-main-clean{padding-top:0!important}
.imecapi-client-utility-row{margin:0 0 8px!important}
.imecapi-services-dashboard-clean{margin-top:0!important;padding-top:0!important}
.imecapi-panel-title-clean{display:none!important}
.imecapi-client-topbar-clean{margin-bottom:6px!important;padding:12px 18px!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important}
.imecapi-client-topbar-clean:after{height:2px!important}
.imecapi-client-topbar-brand{gap:16px!important}
.imecapi-client-mini-logo.is-brand-logo{width:54px!important;height:54px!important;border-radius:12px!important}
.imecapi-client-topbar-company span{font-size:10px!important;letter-spacing:0!important}
.imecapi-client-topbar-company strong{font-size:15px!important}
.imecapi-client-topbar-company small{font-size:10px!important}
.imecapi-client-topbar-tools{gap:10px!important}
.imecapi-topbar-profile,.imecapi-topbar-action{padding:0 0 0 14px!important;border-radius:0!important;background:transparent!important}
.imecapi-topbar-profile:before,.imecapi-topbar-action:before{height:34px!important}
.imecapi-topbar-profile-avatar{width:38px!important;height:38px!important}
.imecapi-topbar-profile small{font-size:10px!important}
.imecapi-topbar-profile strong,.imecapi-topbar-action strong{font-size:12px!important}
.imecapi-topbar-profile em{font-size:16px!important}
.imecapi-topbar-action span{width:24px!important;height:24px!important;font-size:11px!important}
.imecapi-service-tabs-clean{margin-top:0!important}
.imecapi-service-tabbar-clean{gap:0!important;margin:0!important;padding:0 0 0 6px!important;overflow-x:auto!important;align-items:flex-end!important}
.imecapi-service-tabbar-clean button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;min-width:230px!important;max-width:290px!important;margin-right:-10px!important;padding:14px 18px 12px!important;border:1px solid #d8dee8!important;border-bottom:0!important;border-radius:14px 14px 0 0!important;background:linear-gradient(180deg,#eef2f6 0%,#e2e8f0 100%)!important;color:#64748b!important;transform:translateY(8px) scale(.965)!important;box-shadow:none!important;filter:grayscale(.12)!important;position:relative!important;z-index:1!important}
.imecapi-service-tabbar-clean button strong{font-size:13px!important;font-weight:800!important;color:inherit!important}
.imecapi-service-tabbar-clean button span{font-size:10px!important;font-weight:700!important;color:inherit!important;opacity:.9!important}
.imecapi-service-tabbar-clean button.is-active{background:#fff!important;color:#0f172a!important;border-color:#c7d2e2!important;transform:translateY(0) scale(1)!important;box-shadow:0 -1px 0 #fff,0 10px 22px rgba(15,23,42,.05)!important;z-index:4!important;filter:none!important}
.imecapi-service-tabbar-clean button:not(.is-active){background:linear-gradient(180deg,#edf1f5 0%,#dce3eb 100%)!important;color:#6b7280!important}
.imecapi-service-tabbar-clean button i{display:none!important}
.imecapi-service-panels-clean{margin-top:0!important;padding:16px!important;border-radius:0 12px 12px 12px!important;border:1px solid #d8dee8!important;box-shadow:0 12px 28px rgba(15,23,42,.04)!important;position:relative!important;top:-1px!important}
.imecapi-subtabs-clean{display:flex!important;gap:10px!important;align-items:center!important;overflow-x:auto!important;padding:2px 0 12px!important;margin:0 0 16px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.imecapi-subtabs-clean button{padding:9px 15px!important;border-radius:999px!important;border:1px solid transparent!important;background:#eef2f7!important;color:#334155!important;min-height:auto!important;box-shadow:none!important}
.imecapi-subtabs-clean button strong{font-size:12px!important;font-weight:800!important}
.imecapi-subtabs-clean button i{width:18px!important;height:18px!important;font-size:12px!important}
.imecapi-subtabs-clean button.is-active{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 8px 18px rgba(37,99,235,.16)!important}
.imecapi-summary-card-clean,.imecapi-process-overview-card,.imecapi-vacancy-progress,.imecapi-phase-detail,.imecapi-current-phase-box{border-radius:12px!important}
.imecapi-summary-card-clean{padding:16px!important}
.imecapi-summary-head-clean{margin-bottom:16px!important}
.imecapi-summary-head-clean h2{font-size:21px!important}
.imecapi-summary-head-clean p{font-size:12px!important}
.imecapi-summary-kpis-clean{gap:8px!important}
.imecapi-summary-kpis-clean div{padding:10px!important;border-radius:10px!important}
.imecapi-summary-kpis-clean span{font-size:9px!important}
.imecapi-summary-kpis-clean strong{font-size:13px!important}
.imecapi-service-documents-clean{margin-top:18px!important;padding-top:16px!important}
.imecapi-service-document-card{border-radius:10px!important;padding:12px!important}
@media(max-width:1180px){.imecapi-client-topbar-tools{justify-content:flex-end!important}.imecapi-service-tabbar-clean button{min-width:210px!important;max-width:250px!important}}
@media(max-width:720px){.imecapi-client-topbar-clean{padding:12px 14px!important}.imecapi-client-topbar-tools{width:100%!important;justify-content:space-between!important}.imecapi-service-tabbar-clean button{min-width:185px!important;max-width:220px!important;margin-right:-6px!important}.imecapi-service-panels-clean{border-radius:0 10px 10px 10px!important}}
/* v0.9.87d · Dropdowns reales y servicios sin scroll lateral */
.imecapi-client-topbar-brand{flex:1 1 auto!important;min-width:0!important}
.imecapi-client-logo-shell{display:flex!important;align-items:center!important;justify-content:center!important;min-width:96px!important;max-width:220px!important;height:100px!important;padding:10px 12px!important;border-radius:10px!important;background:#fff!important;border:1px solid rgba(148,163,184,.18)!important;overflow:hidden!important}
.imecapi-client-logo-shell img{max-width:100%!important;max-height:100px!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important}
.imecapi-client-logo-fallback{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:10px!important;background:#eff6ff!important;color:#2563eb!important;font-weight:800!important}
.imecapi-topbar-dropdown{position:relative!important;display:flex!important;align-items:center!important}
.imecapi-topbar-dropdown-panel{position:absolute!important;top:calc(100% + 12px)!important;right:0!important;width:min(440px,calc(100vw - 32px))!important;z-index:30!important;padding:18px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 24px 50px rgba(15,23,42,.12)!important}
.imecapi-topbar-dropdown-alerts .imecapi-topbar-dropdown-panel{width:min(360px,calc(100vw - 32px))!important}
.imecapi-alerts-panel,.imecapi-profile-panel{margin:0!important}
.imecapi-client-utility-row{display:none!important}
.imecapi-services-dashboard-clean{margin-top:0!important}
.imecapi-service-tabs-clean{margin-top:0!important}
.imecapi-service-tabbar-clean{display:flex!important;flex-wrap:wrap!important;gap:10px!important;overflow:visible!important;padding:0!important}
.imecapi-service-tabbar-clean::-webkit-scrollbar{display:none!important}
.imecapi-service-tabbar-clean button{min-width:0!important;max-width:none!important;flex:0 1 auto!important;margin-right:0!important;padding:12px 18px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:999px!important;background:#f3f4f6!important;color:#475569!important;transform:none!important;filter:none!important;box-shadow:none!important}
.imecapi-service-tabbar-clean button strong{font-size:13px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.imecapi-service-tabbar-clean button span{font-size:10px!important}
.imecapi-service-tabbar-clean button.is-active{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 10px 18px rgba(37,99,235,.18)!important}
.imecapi-service-tabbar-clean button.is-active span{color:rgba(255,255,255,.88)!important}
.imecapi-service-panels-clean{border-radius:12px!important;margin-top:14px!important;top:0!important}
@media(max-width:900px){.imecapi-client-logo-shell{max-width:160px!important;height:84px!important}.imecapi-client-logo-shell img{max-height:84px!important}.imecapi-topbar-dropdown-panel{left:auto!important;right:0!important}}
@media(max-width:720px){.imecapi-client-topbar-clean{align-items:flex-start!important}.imecapi-client-topbar-tools{gap:8px!important;flex-wrap:wrap!important}.imecapi-client-logo-shell{min-width:78px!important;max-width:120px!important;height:72px!important}.imecapi-client-logo-shell img{max-height:72px!important}.imecapi-topbar-dropdown-panel{width:min(92vw,360px)!important}.imecapi-service-tabbar-clean{gap:8px!important}.imecapi-service-tabbar-clean button{padding:10px 14px!important}}
/* v0.9.87f · Pulido final del header */
.imecapi-client-topbar-clean{padding:16px 22px 14px!important;margin-top:12px!important;border-radius:16px 16px 0 0!important;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;border-bottom:0!important;box-shadow:0 18px 34px rgba(15,23,42,.09),0 2px 0 rgba(255,255,255,.96) inset!important}
.imecapi-client-topbar-clean:after{left:0!important;right:0!important;bottom:0!important;height:5px!important;border-radius:0!important}
.imecapi-client-topbar-brand{gap:22px!important}
.imecapi-client-logo-shell{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;max-width:220px!important;height:auto!important;padding:0 22px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;position:relative!important}
.imecapi-client-logo-shell:after{content:""!important;position:absolute!important;right:0!important;top:8px!important;bottom:8px!important;width:1px!important;background:linear-gradient(180deg,rgba(148,163,184,.18),rgba(100,116,139,.38),rgba(255,255,255,.9))!important;box-shadow:1px 0 0 rgba(255,255,255,.8)!important}
.imecapi-client-logo-shell img{max-width:180px!important;max-height:100px!important;width:auto!important;height:auto!important;display:block!important;object-fit:contain!important}
.imecapi-client-logo-fallback{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:12px!important;background:linear-gradient(180deg,#eff6ff,#dbeafe)!important;color:#1d4ed8!important;font-size:18px!important;box-shadow:0 8px 16px rgba(37,99,235,.12)!important}
.imecapi-client-topbar-company{gap:3px!important}
.imecapi-client-topbar-company strong{font-size:16px!important}
.imecapi-client-topbar-company small{font-size:11px!important}
.imecapi-topbar-profile-avatar{width:52px!important;height:52px!important;border-radius:999px!important;box-shadow:0 10px 20px rgba(15,23,42,.10)!important}
.imecapi-topbar-profile-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.imecapi-topbar-profile-avatar span{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:999px!important;background:linear-gradient(180deg,#eff6ff,#dbeafe)!important;color:#1d4ed8!important;font-size:18px!important;font-weight:800!important}
@media(max-width:900px){.imecapi-client-logo-shell{max-width:170px!important;padding-right:18px!important}.imecapi-client-logo-shell img{max-width:150px!important;max-height:84px!important}.imecapi-topbar-profile-avatar{width:48px!important;height:48px!important}}
@media(max-width:720px){.imecapi-client-topbar-clean{padding:14px 16px 12px!important;border-radius:14px 14px 0 0!important}.imecapi-client-logo-shell{max-width:120px!important;padding-right:14px!important}.imecapi-client-logo-shell img{max-width:110px!important;max-height:72px!important}.imecapi-client-logo-fallback{width:38px!important;height:38px!important;font-size:16px!important}.imecapi-topbar-profile-avatar{width:44px!important;height:44px!important}.imecapi-topbar-profile-avatar span{width:38px!important;height:38px!important;font-size:16px!important}}
/* v0.9.87g · Header line real + alert icon + service tabs premium */
.imecapi-client-topbar-clean{background:
linear-gradient(90deg,#2f63ff 0%,#27d7f7 100%) bottom/100% 6px no-repeat,
linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;border-radius:16px 16px 0 0!important;padding-bottom:16px!important}
.imecapi-client-topbar-clean:after{display:none!important}
.imecapi-topbar-action{min-width:auto!important;padding-right:0!important}
.imecapi-topbar-alert-icon{position:relative!important;display:inline-grid!important;place-items:center!important;width:26px!important;height:26px!important;font-size:21px!important;line-height:1!important;color:#163a74!important}
.imecapi-topbar-alert-dot{position:absolute!important;top:-2px!important;right:-3px!important;width:9px!important;height:9px!important;border-radius:999px!important;background:#ef4444!important;box-shadow:0 0 0 2px #fff!important}
.imecapi-service-tabs-clean{position:relative!important}
.imecapi-service-tabbar-clean{display:flex!important;flex-wrap:wrap!important;gap:12px!important;overflow:visible!important;padding:2px 0 0!important;margin:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.imecapi-service-tabbar-clean::-webkit-scrollbar{display:none!important}
.imecapi-service-tabbar-clean button{min-width:0!important;max-width:none!important;flex:0 1 auto!important;margin:0!important;padding:14px 18px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:12px!important;background:linear-gradient(180deg,#f6f8fb 0%,#e6ebf1 100%)!important;color:#475569!important;box-shadow:inset 0 2px 6px rgba(255,255,255,.9), inset 0 -8px 16px rgba(148,163,184,.16)!important;transform:none!important}
.imecapi-service-tabbar-clean button strong{display:block!important;font-size:13px!important;font-weight:700!important;color:inherit!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;text-transform:none!important;letter-spacing:0!important}
.imecapi-service-tabbar-clean button span{display:none!important}
.imecapi-service-tabbar-clean button.is-active{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;color:#0f172a!important;border-color:#bfd4ee!important;box-shadow:0 8px 18px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.95)!important;transform:translateY(-3px)!important}
.imecapi-service-panels-clean{margin-top:12px!important;padding:16px!important;border-radius:12px!important;border-top:1px solid #d8dee8!important;box-shadow:0 12px 28px rgba(15,23,42,.05)!important}
@media(max-width:900px){.imecapi-service-tabbar-clean button{min-width:190px!important}.imecapi-service-tabbar-clean button strong{font-size:12px!important}}
@media(max-width:720px){.imecapi-client-topbar-clean{background:
linear-gradient(90deg,#2f63ff 0%,#27d7f7 100%) bottom/100% 5px no-repeat,
linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important}.imecapi-topbar-alert-icon{width:24px!important;height:24px!important;font-size:19px!important}.imecapi-service-tabbar-clean button{min-width:170px!important;padding:11px 14px!important}}
/* v0.9.87e · Relieve, contraste y fichas de servicios */
body .imecapi-client-app-clean,
.imecapi-client-app-clean{background:linear-gradient(180deg,#eef3f8 0%,#e8eef5 100%)!important}
.imecapi-client-main-clean{padding-top:14px!important}
.imecapi-client-topbar-clean{margin-top:8px!important;margin-bottom:10px!important;padding:14px 18px!important;border-radius:14px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;box-shadow:0 10px 24px rgba(15,23,42,.06),0 2px 0 rgba(255,255,255,.9) inset!important;border:1px solid rgba(148,163,184,.18)!important;z-index:20!important;overflow:visible!important}
.imecapi-client-topbar-clean:after{height:4px!important}
.imecapi-topbar-dropdown{z-index:40!important}
.imecapi-topbar-dropdown-panel{z-index:80!important}
.imecapi-services-dashboard-clean,.imecapi-service-tabs-clean,.imecapi-service-panels-clean{position:relative!important;z-index:1!important}
.imecapi-service-tabbar-clean{gap:12px!important;padding:2px 0 0!important}
.imecapi-service-tabbar-clean button{padding:14px 18px!important;border-radius:12px!important;background:linear-gradient(180deg,#f6f8fb 0%,#e6ebf1 100%)!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:inset 0 2px 6px rgba(255,255,255,.9), inset 0 -8px 16px rgba(148,163,184,.16)!important;color:#475569!important;transform:translateY(0)!important}
.imecapi-service-tabbar-clean button strong{font-size:13px!important;font-weight:700!important;letter-spacing:0!important}
.imecapi-service-tabbar-clean button span{display:none!important}
.imecapi-service-tabbar-clean button.is-active{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;border-color:#bfd4ee!important;box-shadow:0 8px 18px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.95)!important;color:#0f172a!important;transform:translateY(-3px)!important}
.imecapi-service-tabbar-clean button:not(.is-active){box-shadow:inset 0 3px 8px rgba(255,255,255,.92), inset 0 -10px 18px rgba(148,163,184,.18)!important}
.imecapi-service-panels-clean{margin-top:12px!important;background:#fdfefe!important}
@media(max-width:720px){.imecapi-client-main-clean{padding-top:10px!important}.imecapi-client-topbar-clean{margin-top:4px!important}.imecapi-service-tabbar-clean button{padding:12px 14px!important;border-radius:10px!important}.imecapi-service-tabbar-clean button strong{font-size:12px!important}}

/* vNext · Ajuste final de Terna premium */
.imecapi-terna-showcase,
.imecapi-terna-stage-wrap,
.imecapi-terna-showcase-stage{overflow:visible!important}
.imecapi-terna-stage-wrap{padding:8px 56px 48px!important}
.imecapi-terna-showcase-stage{min-height:760px!important;padding:28px 0 44px!important;align-items:flex-start!important}
.imecapi-terna-profile-card{min-height:0!important;height:auto!important;padding:24px 24px 22px!important}
.imecapi-terna-profile-card.is-featured{transform:scale(1.01)!important}
.imecapi-terna-profile-card header{margin-bottom:14px!important}
.imecapi-terna-profile-card header h4{font-size:22px!important;line-height:1.08!important}
.imecapi-terna-identity{gap:6px!important;padding:2px 0 14px!important}
.imecapi-terna-identity div{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;grid-template-areas:"icon label value"!important;gap:10px!important;padding:5px 0!important}
.imecapi-terna-identity i{display:grid!important;place-items:center!important;font-size:15px!important}
.imecapi-terna-identity span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important}
.imecapi-terna-identity b{white-space:nowrap!important;text-align:right!important;max-width:none!important;font-size:14px!important}
.imecapi-terna-note{margin-top:14px!important;padding:12px 14px!important}
.imecapi-terna-note p{display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.imecapi-terna-actions{gap:10px!important;padding-top:14px!important}
.imecapi-terna-actions a{border-radius:12px!important;padding:10px 14px!important;font-size:12px!important}
@media (max-width:1180px){
    .imecapi-terna-stage-wrap{padding:0 0 24px!important}
    .imecapi-terna-showcase-stage{min-height:0!important;padding:0!important}
}
@media (max-width:700px){
    .imecapi-terna-identity div{grid-template-columns:22px minmax(0,1fr)!important;grid-template-areas:"icon label" "icon value"!important;row-gap:2px!important}
    .imecapi-terna-identity span,
    .imecapi-terna-identity b{white-space:normal!important;text-align:left!important}
}
/* v0.9.87j · Remate visual del header y dropdown premium */
.imecapi-client-logo-shell.is-fallback{max-width:none!important;justify-content:center!important;padding-right:24px!important}
.imecapi-client-logo-shell.is-fallback .imecapi-client-logo-fallback{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:999px!important;background:linear-gradient(180deg,#eef4ff,#d9e8ff)!important;color:#2563eb!important;font-size:24px!important;font-weight:700!important;line-height:1!important;box-shadow:0 14px 24px rgba(15,23,42,.12)!important;text-transform:uppercase!important}
.imecapi-client-topbar-company strong{font-weight:700!important}
.imecapi-topbar-profile strong{font-weight:700!important}
.imecapi-topbar-action{background:transparent!important;box-shadow:none!important;min-width:auto!important}
.imecapi-topbar-alert-icon{display:inline-grid!important;place-items:center!important;width:22px!important;height:22px!important;color:#111827!important;background:transparent!important;border-radius:0!important}
.imecapi-topbar-alert-icon svg{display:block!important;width:22px!important;height:22px!important}
.imecapi-topbar-alert-dot{top:-1px!important;right:-1px!important;width:8px!important;height:8px!important;box-shadow:0 0 0 2px #fff!important}
.imecapi-topbar-chevron{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;color:#1d4ed8!important}
.imecapi-topbar-chevron svg{display:block!important;width:16px!important;height:16px!important}
.imecapi-topbar-dropdown-panel{background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(248,251,255,.74) 100%)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 28px 60px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.8)!important;border-radius:18px!important}
.imecapi-alerts-panel-head{align-items:flex-start!important;margin-bottom:18px!important}
.imecapi-alerts-panel-head strong{font-size:19px!important;font-weight:800!important;line-height:1.05!important;color:#0f172a!important}
.imecapi-alerts-panel-head span{font-size:13px!important;color:#475569!important;line-height:1.5!important;max-width:320px!important}
.imecapi-profile-notice{border-radius:14px!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}
.imecapi-profile-form{gap:16px!important}
.imecapi-profile-form label{font-size:13px!important;font-weight:700!important;color:#243b63!important}
.imecapi-profile-form input{background:rgba(255,255,255,.72)!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:16px!important;padding:14px 16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
.imecapi-profile-upload-field small{display:block!important;margin-top:6px!important;color:#475569!important;font-size:12px!important}
.imecapi-profile-upload-field small label{display:inline-flex!important;align-items:center!important;gap:8px!important;font-weight:600!important}
.imecapi-profile-upload-field small input[type="checkbox"]{width:14px!important;height:14px!important}
.imecapi-profile-form button{border-radius:18px!important;background:linear-gradient(180deg,#3b82f6,#2563eb)!important;box-shadow:0 16px 28px rgba(37,99,235,.22)!important}
@media(max-width:720px){.imecapi-client-logo-shell.is-fallback .imecapi-client-logo-fallback{width:44px!important;height:44px!important;font-size:18px!important}}
/* v0.9.87h · Correccion fina de header y perfil */
.imecapi-client-topbar-clean{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;border-radius:16px 16px 0 0!important;border-bottom:0!important;box-shadow:0 18px 34px rgba(15,23,42,.09),0 2px 0 rgba(255,255,255,.96) inset!important;position:relative!important}
.imecapi-client-topbar-clean::before{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:5px!important;background:linear-gradient(90deg,#2f63ff 0%,#27d7f7 100%)!important;z-index:0!important}
.imecapi-client-topbar-clean::after{display:none!important}
.imecapi-client-topbar-brand,.imecapi-client-topbar-tools{position:relative!important;z-index:1!important}
.imecapi-topbar-alert-icon{width:22px!important;height:22px!important;color:#0f172a!important}
.imecapi-topbar-alert-icon svg{display:block!important;width:22px!important;height:22px!important}
.imecapi-topbar-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding-left:16px!important}
.imecapi-topbar-alert-dot{top:-1px!important;right:-1px!important;width:8px!important;height:8px!important;box-shadow:0 0 0 2px #fff!important}
.imecapi-topbar-chevron{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;color:#1d4ed8!important}
.imecapi-topbar-chevron svg{display:block!important;width:16px!important;height:16px!important}
.imecapi-profile-upload-field small{display:block!important;margin-top:6px!important;color:#475569!important;font-size:12px!important}
.imecapi-profile-upload-field small label{display:inline-flex!important;align-items:center!important;gap:8px!important;font-weight:600!important}
.imecapi-profile-upload-field small input[type="checkbox"]{width:14px!important;height:14px!important}
/* v0.9.87i · Composicion final del header */
.imecapi-client-topbar-clean{padding:18px 24px 16px!important;border-radius:18px 18px 0 0!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;box-shadow:0 28px 52px rgba(15,23,42,.14),0 3px 0 rgba(255,255,255,.98) inset,0 -14px 30px rgba(191,219,254,.24) inset!important}
.imecapi-client-topbar-brand{gap:24px!important}
.imecapi-client-logo-shell{max-width:240px!important;padding-right:24px!important}
.imecapi-client-logo-shell img{max-width:180px!important;max-height:100px!important;filter:drop-shadow(0 10px 18px rgba(15,23,42,.10))!important}
.imecapi-client-logo-fallback{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:999px!important;background:linear-gradient(180deg,#eef4ff,#d9e8ff)!important;color:#2563eb!important;font-size:24px!important;font-weight:800!important;box-shadow:0 14px 24px rgba(15,23,42,.12)!important}
.imecapi-client-topbar-company{gap:5px!important}
.imecapi-client-topbar-company strong{font-size:24px!important;line-height:1.04!important;color:#0f172a!important;font-weight:800!important}
.imecapi-client-topbar-company small{font-size:12px!important;letter-spacing:.08em!important;color:#64748b!important;text-transform:uppercase!important;font-weight:700!important}
.imecapi-topbar-profile{gap:14px!important}
.imecapi-topbar-profile-avatar{width:58px!important;height:58px!important;background:linear-gradient(180deg,#eef4ff,#d9e8ff)!important;box-shadow:0 14px 24px rgba(15,23,42,.12)!important}
.imecapi-topbar-profile-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.imecapi-topbar-profile-avatar span{width:48px!important;height:48px!important;border-radius:999px!important;background:transparent!important;color:#2563eb!important;font-size:24px!important;font-weight:800!important;box-shadow:none!important}
.imecapi-topbar-profile strong{font-size:20px!important;line-height:1.08!important;color:#0f172a!important;font-weight:800!important}
.imecapi-topbar-profile small{font-size:12px!important;letter-spacing:.08em!important;color:#64748b!important;text-transform:uppercase!important;font-weight:700!important}
.imecapi-topbar-chevron{margin-left:2px!important}
@media(max-width:900px){.imecapi-client-topbar-clean{padding:16px 18px 14px!important;box-shadow:0 22px 40px rgba(15,23,42,.14),0 3px 0 rgba(255,255,255,.98) inset,0 -10px 22px rgba(191,219,254,.22) inset!important}.imecapi-client-topbar-company strong{font-size:21px!important}.imecapi-topbar-profile strong{font-size:18px!important}.imecapi-client-logo-shell{max-width:190px!important;padding-right:18px!important}.imecapi-topbar-profile-avatar{width:52px!important;height:52px!important}.imecapi-client-logo-fallback{width:52px!important;height:52px!important;font-size:22px!important}}
@media(max-width:720px){.imecapi-client-topbar-clean{padding:14px 16px 12px!important;box-shadow:0 18px 30px rgba(15,23,42,.13),0 2px 0 rgba(255,255,255,.98) inset,0 -8px 18px rgba(191,219,254,.20) inset!important}.imecapi-client-topbar-brand{gap:16px!important}.imecapi-client-logo-shell{max-width:126px!important;padding-right:14px!important}.imecapi-client-logo-shell img{max-width:116px!important;max-height:72px!important}.imecapi-client-logo-fallback{width:44px!important;height:44px!important;font-size:18px!important}.imecapi-client-topbar-company strong{font-size:18px!important}.imecapi-topbar-profile strong{font-size:16px!important}.imecapi-topbar-profile-avatar{width:46px!important;height:46px!important}.imecapi-topbar-profile-avatar span{width:38px!important;height:38px!important;font-size:18px!important}.imecapi-client-topbar-company small,.imecapi-topbar-profile small{font-size:10px!important}}
/* v0.9.87k · Tipografia y menu mas sobrios */
.imecapi-client-app-clean,
.imecapi-client-app-clean *{font-family:"Avenir Next","Helvetica Neue","SF Pro Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important}
.imecapi-client-logo-shell.has-image{padding-top:0!important;padding-bottom:0!important}
.imecapi-client-logo-shell.has-image img{max-height:90px!important}
.imecapi-client-logo-shell.is-fallback{justify-content:center!important;align-items:center!important;padding:0 20px 0 0!important;min-width:78px!important;max-width:78px!important}
.imecapi-client-logo-shell.is-fallback .imecapi-client-logo-fallback{width:54px!important;height:54px!important;border-radius:999px!important;background:linear-gradient(180deg,#eef4ff,#d9e8ff)!important;color:#2563eb!important;font-size:22px!important;font-weight:600!important;box-shadow:0 10px 22px rgba(15,23,42,.10)!important}
.imecapi-client-topbar-company strong{font-weight:600!important;letter-spacing:0!important}
.imecapi-topbar-profile strong{font-weight:600!important;letter-spacing:0!important}
.imecapi-topbar-profile-avatar span{font-weight:600!important}
.imecapi-topbar-action{padding-left:14px!important;padding-right:2px!important;background:transparent!important}
.imecapi-topbar-action span.imecapi-topbar-alert-icon{width:20px!important;height:20px!important;color:#111827!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.imecapi-topbar-action span.imecapi-topbar-alert-icon svg{width:20px!important;height:20px!important}
.imecapi-topbar-dropdown-panel{width:min(350px,calc(100vw - 40px))!important;padding:14px!important;border-radius:16px!important;right:0!important;left:auto!important}
.imecapi-topbar-dropdown-alerts .imecapi-topbar-dropdown-panel{width:min(300px,calc(100vw - 40px))!important}
.imecapi-alerts-panel-head{margin-bottom:12px!important}
.imecapi-alerts-panel-head strong{font-size:17px!important;font-weight:700!important}
.imecapi-alerts-panel-head span{font-size:12px!important;max-width:250px!important}
.imecapi-profile-notice{margin-bottom:10px!important;padding:10px 12px!important;font-size:12px!important}
.imecapi-profile-form{grid-template-columns:1fr!important;gap:12px!important}
.imecapi-profile-form label{font-size:12px!important;font-weight:600!important}
.imecapi-profile-form input{padding:12px 14px!important;border-radius:14px!important}
.imecapi-profile-form button{padding:12px 16px!important;border-radius:16px!important;font-weight:700!important}
.imecapi-profile-logout{display:block!important;width:100%!important;text-align:center!important;padding:12px 16px!important;border-radius:16px!important;background:linear-gradient(180deg,#ef4444,#dc2626)!important;color:#fff!important;text-decoration:none!important;font-weight:700!important;box-shadow:0 12px 22px rgba(220,38,38,.20)!important}
.imecapi-profile-upload-field small{font-size:11px!important}
.imecapi-service-tabbar-clean button strong,
.imecapi-subtabs-clean button strong{font-weight:500!important}
@media(max-width:720px){.imecapi-client-logo-shell.has-image img{max-height:80px!important}.imecapi-client-logo-shell.is-fallback{min-width:64px!important;max-width:64px!important;padding-right:14px!important}.imecapi-client-logo-shell.is-fallback .imecapi-client-logo-fallback{width:44px!important;height:44px!important;font-size:18px!important}.imecapi-topbar-dropdown-panel{width:min(92vw,320px)!important}}
/* v0.9.87l · Compactacion final y tipografia mas sobria */
.imecapi-client-app-clean,
.imecapi-client-app-clean *{font-family:"Helvetica Neue","Avenir Next","SF Pro Display","Segoe UI",Arial,sans-serif!important}
.imecapi-client-topbar-clean{padding:14px 24px 12px!important}
.imecapi-client-logo-shell.has-image img{max-height:80px!important}
.imecapi-client-topbar-company strong,
.imecapi-topbar-profile strong{font-weight:500!important;letter-spacing:0!important}
.imecapi-client-topbar-company strong{font-size:22px!important}
.imecapi-topbar-profile strong{font-size:18px!important}
.imecapi-topbar-profile small,
.imecapi-client-topbar-company small{font-weight:600!important}
.imecapi-topbar-action .imecapi-topbar-alert-icon,
.imecapi-topbar-action span.imecapi-topbar-alert-icon{background:transparent!important;box-shadow:none!important;border-radius:0!important;color:#111827!important}
.imecapi-topbar-action .imecapi-topbar-alert-icon svg,
.imecapi-topbar-action span.imecapi-topbar-alert-icon svg{display:block!important;width:20px!important;height:20px!important}
.imecapi-topbar-action .imecapi-topbar-alert-icon path,
.imecapi-topbar-action span.imecapi-topbar-alert-icon path{stroke:#111827!important}
.imecapi-topbar-dropdown-panel{width:min(430px,calc(100vw - 44px))!important;max-height:min(72vh,620px)!important;overflow:auto!important;padding:14px!important}
.imecapi-topbar-dropdown-alerts .imecapi-topbar-dropdown-panel{width:min(320px,calc(100vw - 44px))!important}
.imecapi-profile-form{grid-template-columns:1fr 1fr!important;gap:10px 14px!important}
.imecapi-profile-form label{font-size:11px!important}
.imecapi-profile-form input{padding:11px 13px!important;font-size:12px!important}
.imecapi-profile-upload-field{align-self:start!important}
.imecapi-profile-upload-field input[type="file"]{font-size:11px!important;max-width:100%!important}
.imecapi-profile-upload-field small{margin-top:4px!important}
.imecapi-profile-form button,
.imecapi-profile-logout{padding:11px 14px!important}
.imecapi-profile-form button{grid-column:1 / -1!important}
.imecapi-profile-logout{grid-column:1 / -1!important}
.imecapi-alerts-panel-head strong{font-size:16px!important}
.imecapi-alerts-panel-head span{font-size:11px!important}
.imecapi-profile-notice{font-size:11px!important;padding:8px 10px!important}
.imecapi-services-dashboard-clean{margin-top:6px!important}
.imecapi-service-tabbar-clean{padding-top:0!important;margin-top:0!important}
.imecapi-service-tabbar-clean button{padding:12px 16px!important}
.imecapi-service-tabbar-clean button strong{text-transform:uppercase!important;font-weight:500!important;font-size:12px!important;letter-spacing:.03em!important}
.imecapi-subtabs-clean button strong{font-weight:500!important}
@media(max-width:720px){.imecapi-client-topbar-clean{padding:12px 16px 10px!important}.imecapi-client-logo-shell.has-image img{max-height:72px!important}.imecapi-client-topbar-company strong{font-size:18px!important}.imecapi-topbar-profile strong{font-size:16px!important}.imecapi-topbar-dropdown-panel{width:min(92vw,340px)!important;max-height:70vh!important}.imecapi-profile-form{grid-template-columns:1fr!important}}
/* v0.9.87m · Cierre de dropdown y tabs de procesos */
.imecapi-client-topbar-clean{overflow:visible!important}
.imecapi-client-topbar-tools,
.imecapi-topbar-dropdown{position:relative!important;overflow:visible!important}
.imecapi-topbar-dropdown-panel{
    width:min(440px,calc(100vw - 52px))!important;
    max-height:none!important;
    overflow:visible!important;
    padding:13px 14px!important;
}
.imecapi-topbar-dropdown-profile .imecapi-topbar-dropdown-panel{
    right:0!important;
    left:auto!important;
    width:min(440px,calc(100vw - 52px))!important;
    max-height:min(74vh,540px)!important;
    overflow:auto!important;
}
.imecapi-topbar-dropdown-alerts .imecapi-topbar-dropdown-panel{
    width:min(320px,calc(100vw - 56px))!important;
}
.imecapi-alerts-panel-head{
    display:grid!important;
    grid-template-columns:minmax(126px,154px) minmax(0,1fr)!important;
    gap:8px 14px!important;
    align-items:start!important;
    margin-bottom:10px!important;
}
.imecapi-alerts-panel-head strong{
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.05!important;
}
.imecapi-alerts-panel-head span{
    font-size:11px!important;
    line-height:1.38!important;
    color:#52627a!important;
}
.imecapi-profile-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px 12px!important;
    align-items:start!important;
}
.imecapi-profile-form label{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
}
.imecapi-profile-form label span{
    font-size:10px!important;
    font-weight:600!important;
}
.imecapi-profile-form input{
    min-width:0!important;
    padding:8px 11px!important;
    font-size:11px!important;
    border-radius:13px!important;
}
.imecapi-profile-upload-field{
    gap:4px!important;
}
.imecapi-profile-upload-field input[type="file"]{
    width:100%!important;
    min-width:0!important;
    font-size:10px!important;
}
.imecapi-profile-upload-field small{
    margin-top:2px!important;
    font-size:10px!important;
    line-height:1.35!important;
}
.imecapi-profile-upload-field small label{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:7px!important;
}
.imecapi-profile-notice{
    grid-column:1 / -1!important;
    margin-bottom:6px!important;
    font-size:10px!important;
    padding:8px 10px!important;
}
.imecapi-profile-form button,
.imecapi-profile-logout{
    grid-column:1 / -1!important;
    width:100%!important;
    min-height:44px!important;
}
.imecapi-profile-form button{
    margin-top:1px!important;
    font-size:11px!important;
}
.imecapi-profile-logout{
    margin-top:3px!important;
    font-size:11px!important;
}
.imecapi-services-dashboard-clean{
    margin-top:2px!important;
    padding-top:0!important;
}
.imecapi-service-tabs-clean{
    margin-top:0!important;
    padding-top:0!important;
}
.imecapi-service-tabbar-clean{
    margin:0!important;
    padding:0!important;
    gap:12px!important;
    border-bottom:0!important;
}
.imecapi-service-tabbar-clean::after{
    display:none!important;
}
.imecapi-service-tabbar-clean button strong{
    text-transform:uppercase!important;
    font-weight:500!important;
    letter-spacing:.04em!important;
}
.imecapi-service-panels-clean{
    margin-top:8px!important;
    border-top-color:transparent!important;
    box-shadow:0 16px 34px rgba(15,23,42,.05)!important;
}
.imecapi-subtabs-clean{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-end!important;
    gap:0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    margin:0 0 14px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.imecapi-subtabs-clean::-webkit-scrollbar{
    display:none!important;
}
.imecapi-subtabs-clean button{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 0 0 -1px!important;
    padding:12px 18px 11px!important;
    min-height:auto!important;
    border:1px solid rgba(179,190,205,.78)!important;
    border-bottom-color:rgba(199,210,224,.92)!important;
    border-radius:14px 14px 0 0!important;
    background:linear-gradient(180deg,#f1f4f8 0%,#e1e7ef 100%)!important;
    color:#5b6779!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -8px 16px rgba(148,163,184,.16)!important;
    transform:translateY(4px)!important;
    z-index:1!important;
    white-space:nowrap!important;
}
.imecapi-subtabs-clean button:first-child{
    margin-left:0!important;
}
.imecapi-subtabs-clean button i{
    width:18px!important;
    height:18px!important;
    border-radius:999px!important;
    background:transparent!important;
    color:currentColor!important;
    font-size:12px!important;
}
.imecapi-subtabs-clean button strong{
    font-size:12px!important;
    font-weight:500!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
    color:inherit!important;
}
.imecapi-subtabs-clean button.is-active{
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#111827!important;
    border-color:#c9d7ea!important;
    border-bottom-color:#ffffff!important;
    box-shadow:0 -1px 0 #fff,0 12px 24px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.96)!important;
    transform:translateY(0)!important;
    z-index:3!important;
}
.imecapi-subtabs-clean button.is-summary{
    min-width:260px!important;
}
@media(max-width:900px){
    .imecapi-topbar-dropdown-panel{
        width:min(500px,calc(100vw - 34px))!important;
    }
    .imecapi-subtabs-clean button{
        padding:11px 15px 10px!important;
    }
}
@media(max-width:720px){
    .imecapi-topbar-dropdown-panel{
        width:min(94vw,420px)!important;
        padding:14px!important;
    }
    .imecapi-alerts-panel-head{
        grid-template-columns:1fr!important;
        gap:6px!important;
    }
    .imecapi-profile-form{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }
    .imecapi-services-dashboard-clean{
        margin-top:0!important;
    }
    .imecapi-service-panels-clean{
        margin-top:6px!important;
    }
    .imecapi-subtabs-clean{
        flex-wrap:nowrap!important;
    }
    .imecapi-subtabs-clean button{
        padding:10px 14px 9px!important;
        border-radius:12px 12px 0 0!important;
    }
}
/* v0.9.87n · Barra corrida de servicios y correccion final de campana */
.imecapi-topbar-action{
    position:relative!important;
    min-width:auto!important;
    padding:0 0 0 14px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.imecapi-topbar-action > span:not(.imecapi-topbar-alert-dot){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:22px!important;
    height:22px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#111827!important;
}
.imecapi-topbar-action > span:not(.imecapi-topbar-alert-dot) svg{
    display:block!important;
    width:22px!important;
    height:22px!important;
}
.imecapi-topbar-action > span:not(.imecapi-topbar-alert-dot) path{
    stroke:#111827!important;
}
.imecapi-topbar-action .imecapi-topbar-alert-dot{
    position:absolute!important;
    top:-2px!important;
    right:-2px!important;
    width:8px!important;
    height:8px!important;
    border-radius:999px!important;
    background:#ef4444!important;
    box-shadow:0 0 0 2px #fff!important;
}
.imecapi-profile-form button,
.imecapi-profile-logout{
    grid-column:auto!important;
    width:100%!important;
    margin-top:6px!important;
}
.imecapi-profile-form button{
    margin-right:0!important;
}
.imecapi-profile-form .imecapi-profile-logout{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
/* v0.9.87o · Reemplazo real de la barra de servicios */
.imecapi-portal-welcome{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0!important;
    padding:0 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.imecapi-portal-welcome-mark{
    flex:0 0 auto!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}
.imecapi-portal-welcome-mark img{
    max-width:42px!important;
    max-height:42px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    display:block!important;
}
.imecapi-portal-welcome-mark span{
    font-size:15px!important;
    font-weight:600!important;
    color:#2563eb!important;
    letter-spacing:.02em!important;
}
.imecapi-portal-welcome-copy{
    display:flex!important;
    flex-direction:column!important;
    gap:1px!important;
    min-width:0!important;
    flex:1 1 auto!important;
    position:relative!important;
    padding-left:12px!important;
}
.imecapi-portal-welcome-copy::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:4px!important;
    bottom:4px!important;
    width:1px!important;
    background:linear-gradient(180deg,rgba(203,213,225,.12),rgba(148,163,184,.65),rgba(255,255,255,.94))!important;
}
.imecapi-portal-welcome-copy strong{
    font-size:12px!important;
    font-weight:500!important;
    color:#0f172a!important;
    letter-spacing:-.01em!important;
    line-height:1.2!important;
}
.imecapi-portal-welcome-copy span{
    font-size:10px!important;
    line-height:1.35!important;
    color:#5f7391!important;
}
.imecapi-portal-welcome-datetime{
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:1px!important;
    min-width:210px!important;
    padding-left:12px!important;
    text-align:right!important;
}
.imecapi-portal-welcome-datetime strong{
    font-size:11px!important;
    font-weight:500!important;
    color:#0f172a!important;
    letter-spacing:-.01em!important;
    line-height:1.2!important;
}
.imecapi-portal-welcome-datetime span{
    font-size:9px!important;
    color:#6b7c92!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.imecapi-client-main-clean{
    padding-top:0!important;
}
.imecapi-client-topbar-clean{
    padding:8px 22px 10px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    border-radius:18px 18px 0 0!important;
    box-shadow:0 18px 36px rgba(15,23,42,.07),0 2px 0 rgba(255,255,255,.96) inset,0 -12px 22px rgba(191,219,254,.12) inset!important;
}
.imecapi-client-topbar-clean::before{
    height:4px!important;
}
.imecapi-client-topbar-brand{
    gap:18px!important;
}
.imecapi-client-logo-shell{
    min-width:88px!important;
    max-width:170px!important;
    padding-right:18px!important;
}
.imecapi-client-logo-shell img{
    max-width:138px!important;
    max-height:72px!important;
    filter:drop-shadow(0 6px 12px rgba(15,23,42,.08))!important;
}
.imecapi-client-topbar-company{
    gap:3px!important;
}
.imecapi-client-topbar-company strong{
    font-size:20px!important;
    font-weight:500!important;
    letter-spacing:-.01em!important;
}
.imecapi-client-topbar-company small{
    font-size:11px!important;
    letter-spacing:.11em!important;
    color:#5f7391!important;
}
.imecapi-client-topbar-tools{
    gap:18px!important;
}
.imecapi-topbar-profile{
    gap:12px!important;
}
.imecapi-topbar-profile-avatar{
    width:54px!important;
    height:54px!important;
}
.imecapi-topbar-profile strong{
    font-size:17px!important;
    font-weight:500!important;
    letter-spacing:-.01em!important;
}
.imecapi-topbar-profile small{
    font-size:11px!important;
    letter-spacing:.11em!important;
    color:#5f7391!important;
}
.imecapi-topbar-profile::before,
.imecapi-topbar-action::before{
    opacity:.55!important;
}
.imecapi-services-dashboard-clean{
    margin-top:-1px!important;
    padding-top:0!important;
}
.imecapi-service-tabs-clean{
    margin-top:0!important;
    padding-top:0!important;
}
.imecapi-service-tabbar-clean{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    background:linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%)!important;
    border-left:1px solid rgba(203,213,225,.7)!important;
    border-right:1px solid rgba(203,213,225,.7)!important;
    border-bottom:1px solid rgba(203,213,225,.7)!important;
    border-top:0!important;
    border-radius:0!important;
    box-shadow:0 14px 26px rgba(15,23,42,.04)!important;
    overflow:hidden!important;
}
.imecapi-service-tabbar-clean button{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:13px 18px 14px!important;
    border:0!important;
    border-right:1px solid rgba(226,232,240,.92)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#6b7c92!important;
    box-shadow:none!important;
    transform:none!important;
    position:relative!important;
    transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.imecapi-service-tabbar-clean button:last-child{
    border-right:0!important;
}
.imecapi-service-tabbar-clean button::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:1px!important;
    background:rgba(255,255,255,.96)!important;
}
.imecapi-service-tabbar-clean button::after{
    content:""!important;
    position:absolute!important;
    left:24px!important;
    right:24px!important;
    bottom:0!important;
    height:4px!important;
    border-radius:999px!important;
    background:transparent!important;
}
.imecapi-service-tabbar-clean button strong{
    display:block!important;
    width:100%!important;
    margin:0!important;
    text-align:center!important;
    text-transform:uppercase!important;
    font-size:11px!important;
    font-weight:500!important;
    letter-spacing:.045em!important;
    line-height:1.25!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    min-height:2.5em!important;
    color:inherit!important;
}
.imecapi-service-tabbar-clean button:hover{
    background:rgba(255,255,255,.5)!important;
    color:#334155!important;
}
.imecapi-service-tabbar-clean button.is-active{
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    color:#111827!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 10px 20px rgba(15,23,42,.035)!important;
}
.imecapi-service-tabbar-clean button.is-active::after{
    background:linear-gradient(90deg,#2f63ff 0%,#27d7f7 100%)!important;
}
.imecapi-service-panels-clean{
    margin-top:0!important;
    padding:16px 18px 18px!important;
    border-top:0!important;
    border-radius:0!important;
    box-shadow:0 18px 34px rgba(15,23,42,.06)!important;
}
.imecapi-profile-actions{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    margin-top:4px!important;
}
.imecapi-profile-field-full{
    grid-column:1 / -1!important;
}
.imecapi-profile-upload-field{
    min-width:0!important;
}
.imecapi-profile-upload-field input[type="file"]{
    display:block!important;
    width:100%!important;
}
.imecapi-profile-upload-field small{
    display:block!important;
    margin-top:8px!important;
}
.imecapi-profile-upload-field small label{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    line-height:1.3!important;
}
.imecapi-profile-actions button,
.imecapi-profile-actions .imecapi-profile-logout{
    grid-column:auto!important;
    width:100%!important;
    margin:0!important;
}
.imecapi-profile-actions button{
    padding:11px 14px!important;
}
.imecapi-profile-actions .imecapi-profile-logout{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:11px 14px!important;
}
.imecapi-topbar-dropdown-alerts .imecapi-topbar-dropdown-panel{
    width:min(340px,calc(100vw - 44px))!important;
    padding:14px 16px!important;
}
.imecapi-alerts-panel-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:10px!important;
}
.imecapi-alerts-panel-head strong{
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.1!important;
}
.imecapi-alerts-read-form{
    margin:0!important;
    flex:0 0 auto!important;
}
.imecapi-alerts-read-form button{
    appearance:none!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ef4444,#dc2626)!important;
    color:#fff!important;
    padding:6px 10px!important;
    font-size:10px!important;
    font-weight:600!important;
    letter-spacing:.03em!important;
    cursor:pointer!important;
    box-shadow:0 8px 16px rgba(220,38,38,.16)!important;
}
.imecapi-alerts-list{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
}
.imecapi-alert-item{
    padding:10px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-bottom:1px solid rgba(226,232,240,.9)!important;
}
.imecapi-alert-item:last-child{
    border-bottom:0!important;
    padding-bottom:2px!important;
}
.imecapi-alert-item strong{
    display:block!important;
    margin:0 0 3px!important;
    color:#0f172a!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1.45!important;
}
.imecapi-alert-item span,
.imecapi-alerts-empty{
    display:block!important;
    color:#64748b!important;
    font-size:10px!important;
    line-height:1.4!important;
}
.imecapi-alerts-empty{
    margin:2px 0 0!important;
}
.imecapi-client-app-clean,
.imecapi-client-main-clean,
.imecapi-services-dashboard-clean,
.imecapi-service-tabs-clean,
.imecapi-service-panels-clean,
.imecapi-service-panel-clean,
.imecapi-process-panels-clean,
.imecapi-process-panel-clean,
.imecapi-summary-card-clean{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}
.entry-content:has(.imecapi-client-app-clean),
.wp-block-post-content:has(.imecapi-client-app-clean),
.site-main:has(.imecapi-client-app-clean),
.inside-article:has(.imecapi-client-app-clean),
.post-content:has(.imecapi-client-app-clean),
.page-content:has(.imecapi-client-app-clean){
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
    box-shadow:none!important;
    background:transparent!important;
}
.imecapi-client-app-clean{
    margin-top:0!important;
    padding-top:0!important;
}
.imecapi-client-main-clean{
    margin-top:0!important;
    padding-top:0!important;
}
.imecapi-client-app-clean,
.imecapi-client-main-clean,
.imecapi-services-dashboard-clean,
.imecapi-service-tabs-clean,
.imecapi-service-panels-clean,
.imecapi-service-panel-clean,
.imecapi-process-panels-clean,
.imecapi-process-panel-clean{
    overflow-x:hidden!important;
}
.imecapi-subtabs-clean{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin:0 0 16px!important;
    padding:0!important;
    border:1px solid rgba(214,223,234,.92)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
    box-shadow:0 12px 24px rgba(15,23,42,.05)!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
}
.imecapi-subtabs-clean::-webkit-scrollbar{
    display:none!important;
}
.imecapi-subtabs-clean button{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:56px!important;
    max-width:min(320px,calc(100vw - 220px))!important;
    margin:0!important;
    padding:10px 20px!important;
    border:0!important;
    border-right:1px solid rgba(226,232,240,.92)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#5b6779!important;
    transform:none!important;
}
.imecapi-subtabs-clean button:last-child{
    border-right:0!important;
}
.imecapi-subtabs-clean button strong{
    font-size:10px!important;
    font-weight:500!important;
    text-transform:none!important;
    letter-spacing:0!important;
    line-height:1.25!important;
    color:inherit!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:220px!important;
}
.imecapi-process-tab-icon{
    flex:0 0 auto!important;
    display:inline-grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    border-radius:999px!important;
    background:#f8fafc!important;
    color:#64748b!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.imecapi-process-tab-icon svg{
    display:block!important;
    width:18px!important;
    height:18px!important;
}
.imecapi-subtabs-clean button.is-active{
    background:linear-gradient(180deg,#2563eb 0%,#1d4ed8 100%)!important;
    color:#ffffff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.imecapi-subtabs-clean button.is-active .imecapi-process-tab-icon{
    background:rgba(255,255,255,.16)!important;
    color:#ffffff!important;
    box-shadow:none!important;
}
.imecapi-subtabs-clean button:hover{
    color:#334155!important;
    background:rgba(248,250,252,.88)!important;
}
.imecapi-subtabs-clean button.is-summary{
    max-width:none!important;
}
.imecapi-subtabs-clean button.is-summary strong{
    max-width:none!important;
}
@media(max-width:720px){
    .imecapi-portal-welcome{
        flex-wrap:wrap!important;
        padding:0 2px!important;
        gap:8px!important;
        margin-bottom:1px!important;
    }
    .imecapi-portal-welcome-mark{
        width:34px!important;
        height:34px!important;
    }
    .imecapi-portal-welcome-mark img{max-width:34px!important;max-height:34px!important}
    .imecapi-portal-welcome-copy{padding-left:10px!important}
    .imecapi-portal-welcome-copy strong{
        font-size:11px!important;
    }
    .imecapi-portal-welcome-copy span{
        font-size:9px!important;
    }
    .imecapi-portal-welcome-datetime{
        min-width:auto!important;
        width:100%!important;
        padding-left:0!important;
        align-items:flex-start!important;
        text-align:left!important;
    }
    .imecapi-portal-welcome-datetime strong{
        font-size:10px!important;
    }
    .imecapi-portal-welcome-datetime span{
        font-size:8px!important;
    }
    .imecapi-client-topbar-clean{
        padding:8px 16px 8px!important;
        margin-top:0!important;
    }
    .imecapi-client-logo-shell{
        max-width:118px!important;
        padding-right:14px!important;
    }
    .imecapi-client-logo-shell img{
        max-width:110px!important;
        max-height:62px!important;
    }
    .imecapi-client-topbar-company strong{
        font-size:17px!important;
    }
    .imecapi-topbar-profile strong{
        font-size:15px!important;
    }
    .imecapi-service-tabbar-clean{
        padding:0!important;
        border-radius:0!important;
        overflow-x:auto!important;
    }
    .imecapi-service-tabbar-clean button{
        flex:0 0 auto!important;
        min-width:260px!important;
        padding:13px 16px 14px!important;
    }
    .imecapi-service-tabbar-clean button strong{
        font-size:10px!important;
        min-height:2.4em!important;
    }
    .imecapi-service-panels-clean{
        border-radius:0!important;
    }
    .imecapi-profile-actions{
        grid-template-columns:1fr!important;
    }
    .imecapi-topbar-dropdown-alerts .imecapi-topbar-dropdown-panel{
        width:min(92vw,320px)!important;
        padding:12px 14px!important;
    }
    .imecapi-alerts-panel-head{
        align-items:flex-start!important;
    }
    .imecapi-subtabs-clean{
        margin-bottom:14px!important;
        border-radius:16px!important;
    }
    .imecapi-subtabs-clean button{
        min-height:48px!important;
        max-width:min(280px,calc(100vw - 120px))!important;
        padding:8px 14px!important;
    }
    .imecapi-subtabs-clean button strong{
        max-width:190px!important;
        font-size:10px!important;
    }
    .imecapi-process-tab-icon{
        width:28px!important;
        height:28px!important;
    }
.imecapi-process-tab-icon svg{
        width:16px!important;
        height:16px!important;
    }
}
/* v0.9.88b · Capa final de navegacion lateral y tabs de procesos */
body.imecapi-dashboard-overlay-open{overflow:hidden!important}
.imecapi-dashboard-host,.imecapi-dashboard-host::before,.imecapi-dashboard-host::after{background:transparent!important;border-top:0!important;box-shadow:none!important}
.imecapi-dashboard-host{margin-top:0!important;padding-top:0!important}
.imecapi-dashboard-host::before,.imecapi-dashboard-host::after{display:none!important}
.imecapi-client-app-clean{position:relative!important;display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:22px!important;align-items:start!important;width:100%!important;max-width:100%!important;padding:18px 18px 32px 8px!important;overflow:visible!important}
.imecapi-client-main-clean{min-width:0!important;width:100%!important;padding-top:0!important;overflow:visible!important}
.imecapi-client-rail{position:sticky!important;top:18px!important;z-index:30!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:82px!important;min-height:calc(100vh - 40px)!important;padding:16px 12px!important;border:1px solid rgba(203,213,225,.72)!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(250,252,255,.84) 100%)!important;box-shadow:0 18px 42px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.imecapi-client-rail-top{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;width:100%!important;padding-bottom:14px!important;border-bottom:1px solid rgba(203,213,225,.55)!important}
.imecapi-client-rail-logo{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:16px!important;background:linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%)!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important}
.imecapi-client-rail-logo img{width:34px!important;height:34px!important;object-fit:contain!important}
.imecapi-client-rail-logo span{color:#0083ff!important;font-size:20px!important;font-weight:600!important}
.imecapi-client-rail-toggle,.imecapi-client-rail-nav button,.imecapi-client-rail-user{border:0!important;background:transparent!important;cursor:pointer!important}
.imecapi-client-rail-toggle{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:14px!important;color:#4c617d!important;box-shadow:inset 0 0 0 1px rgba(203,213,225,.68)!important}
.imecapi-client-rail-toggle svg,.imecapi-client-rail-nav button svg{width:20px!important;height:20px!important}
.imecapi-client-rail-nav{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;width:100%!important}
.imecapi-client-rail-nav button{position:relative!important;display:grid!important;place-items:center!important;width:54px!important;height:54px!important;border-radius:18px!important;color:#60748f!important}
.imecapi-client-rail-nav button.is-active{background:linear-gradient(180deg,#f4f8ff 0%,#eaf2ff 100%)!important;color:#0083ff!important;box-shadow:0 10px 22px rgba(0,131,255,.12)!important}
.imecapi-client-rail-dot{position:absolute!important;top:12px!important;right:12px!important;width:8px!important;height:8px!important;border-radius:999px!important;background:#ef4444!important;box-shadow:0 0 0 3px rgba(255,255,255,.95)!important}
.imecapi-client-rail-user{margin-top:auto!important;display:grid!important;place-items:center!important;width:50px!important;height:50px!important;border-radius:18px!important;overflow:hidden!important;color:#2563eb!important;background:linear-gradient(180deg,#f4f8ff 0%,#e8f0ff 100%)!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important}
.imecapi-client-rail-user img{width:100%!important;height:100%!important;object-fit:cover!important}
.imecapi-client-rail-user span{font-size:18px!important;font-weight:600!important}
.imecapi-client-drawer-backdrop{position:fixed!important;inset:0!important;z-index:70!important;border:0!important;background:rgba(15,23,42,.24)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.imecapi-client-drawer{position:fixed!important;top:18px!important;left:108px!important;bottom:18px!important;z-index:80!important;display:flex!important;flex-direction:column!important;gap:18px!important;width:min(420px,32vw)!important;max-width:calc(100vw - 136px)!important;padding:22px 20px 18px!important;border:1px solid rgba(203,213,225,.82)!important;border-radius:30px!important;background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(247,250,255,.90) 100%)!important;box-shadow:0 28px 70px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.95)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;opacity:0!important;pointer-events:none!important;transform:translateX(-18px) scale(.985)!important;transition:opacity .22s ease,transform .22s ease!important;overflow:hidden!important}
.imecapi-client-app-clean.is-drawer-open .imecapi-client-drawer{opacity:1!important;pointer-events:auto!important;transform:translateX(0) scale(1)!important}
.imecapi-client-drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding-bottom:16px!important;border-bottom:1px solid rgba(226,232,240,.92)!important}
.imecapi-client-drawer-brand{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}
.imecapi-client-drawer-brand-mark{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;border-radius:18px!important;background:linear-gradient(180deg,#ffffff 0%,#eef4ff 100%)!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important}
.imecapi-client-drawer-brand-mark img{width:34px!important;height:34px!important;object-fit:contain!important}
.imecapi-client-drawer-brand-mark span{color:#0083ff!important;font-size:18px!important;font-weight:600!important}
.imecapi-client-drawer-brand strong{display:block!important;font-size:18px!important;font-weight:600!important;color:#0f172a!important}
.imecapi-client-drawer-brand span{display:block!important;font-size:11px!important;color:#5f7391!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.imecapi-client-drawer-close{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:0!important;border-radius:14px!important;background:rgba(248,250,252,.9)!important;color:#475569!important;box-shadow:inset 0 0 0 1px rgba(203,213,225,.68)!important;cursor:pointer!important}
.imecapi-client-drawer-close svg{width:18px!important;height:18px!important}
.imecapi-client-drawer-nav{display:flex!important;flex-direction:column!important;gap:8px!important;overflow:auto!important;padding-right:2px!important}
.imecapi-client-drawer-nav>button,.imecapi-client-drawer-group-toggle{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:54px!important;padding:0 16px!important;border:1px solid transparent!important;border-radius:18px!important;background:transparent!important;color:#36475f!important;text-align:left!important;cursor:pointer!important}
.imecapi-client-drawer-nav>button i,.imecapi-client-drawer-group-title i,.imecapi-client-drawer-subnav button i{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:12px!important;color:#60748f!important;background:rgba(248,250,252,.9)!important;box-shadow:inset 0 0 0 1px rgba(226,232,240,.9)!important;flex:0 0 auto!important}
.imecapi-client-drawer-nav>button i svg,.imecapi-client-drawer-group-title i svg,.imecapi-client-drawer-subnav button i svg{width:18px!important;height:18px!important}
.imecapi-client-drawer-nav>button span,.imecapi-client-drawer-group-title span:last-child,.imecapi-client-drawer-subnav button span{font-size:14px!important;font-weight:500!important;color:inherit!important}
.imecapi-client-drawer-nav>button.is-active{background:linear-gradient(180deg,#f3f8ff 0%,#ebf3ff 100%)!important;border-color:rgba(191,219,254,.95)!important;color:#0083ff!important;box-shadow:0 12px 24px rgba(0,131,255,.10)!important}
.imecapi-client-drawer-nav>button.is-active i{color:#0083ff!important;background:#ffffff!important}
.imecapi-client-drawer-group{display:flex!important;flex-direction:column!important;gap:8px!important}
.imecapi-client-drawer-group-toggle{justify-content:space-between!important}
.imecapi-client-drawer-group-title{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.imecapi-client-drawer-group-chevron{width:18px!important;height:18px!important;color:#7b8ca5!important;transition:transform .18s ease!important;flex:0 0 auto!important}
.imecapi-client-drawer-group.is-open .imecapi-client-drawer-group-chevron{transform:rotate(180deg)!important}
.imecapi-client-drawer-subnav{display:none!important;padding:2px 0 2px 10px!important;margin-left:16px!important;border-left:1px solid rgba(226,232,240,.92)!important}
.imecapi-client-drawer-group.is-open .imecapi-client-drawer-subnav{display:flex!important;flex-direction:column!important;gap:6px!important}
.imecapi-client-drawer-subnav button{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:48px!important;padding:0 12px!important;border:1px solid transparent!important;border-radius:16px!important;background:transparent!important;color:#526479!important;text-align:left!important;cursor:pointer!important}
.imecapi-client-drawer-subnav button span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.imecapi-client-drawer-subnav button.is-active{background:#ffffff!important;border-color:rgba(191,219,254,.95)!important;color:#0f172a!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important}
.imecapi-client-drawer-subnav button.is-active i{color:#0083ff!important;background:#edf5ff!important}
.imecapi-client-drawer-badge{margin-left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:52px!important;min-height:24px!important;padding:0 10px!important;border-radius:999px!important;background:#eef4ff!important;color:#0083ff!important;font-size:10px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.imecapi-client-drawer-user{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;margin-top:16px!important;padding:12px 14px!important;border:1px solid rgba(226,232,240,.96)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(246,249,254,.9) 100%)!important;box-shadow:0 14px 28px rgba(15,23,42,.06)!important;cursor:pointer!important}
.imecapi-client-drawer-user-avatar{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:16px!important;overflow:hidden!important;background:linear-gradient(180deg,#eef4ff 0%,#e3edff 100%)!important;color:#2563eb!important;font-size:16px!important;font-weight:600!important;flex:0 0 auto!important}
.imecapi-client-drawer-user-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.imecapi-client-drawer-user-copy{min-width:0!important;text-align:left!important}
.imecapi-client-drawer-user-copy strong{display:block!important;font-size:14px!important;font-weight:600!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.imecapi-client-drawer-user-copy span{display:block!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#6b7c92!important}
.imecapi-client-drawer-user-chevron{width:18px!important;height:18px!important;margin-left:auto!important;color:#7b8ca5!important;flex:0 0 auto!important}
.imecapi-services-dashboard-clean{margin-top:10px!important}
.imecapi-service-tabs-clean{display:block!important}
.imecapi-service-panels-clean{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.imecapi-service-panel-clean{display:none!important}
.imecapi-service-panel-clean.is-active{display:block!important}
.imecapi-subtabs-clean{position:relative!important;display:inline-flex!important;align-items:stretch!important;gap:0!important;width:fit-content!important;max-width:100%!important;margin:0 0 18px!important;padding:0!important;border:1px solid rgba(201,212,226,.96)!important;border-radius:26px!important;background:linear-gradient(180deg,#edf3f9 0%,#e4ebf3 100%)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.88),inset 0 -10px 20px rgba(148,163,184,.16),0 10px 24px rgba(15,23,42,.04)!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important}
.imecapi-subtabs-clean::-webkit-scrollbar{display:none!important}
.imecapi-subtabs-clean.has-overflow.is-overflow-left::before{content:""!important;position:sticky!important;left:0!important;top:0!important;align-self:stretch!important;width:30px!important;min-width:30px!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(233,239,247,1) 0%,rgba(233,239,247,.94) 38%,rgba(233,239,247,0) 100%)!important;z-index:3!important}
.imecapi-subtabs-clean.has-overflow.is-overflow-right::after{content:""!important;position:sticky!important;right:0!important;top:0!important;align-self:stretch!important;width:30px!important;min-width:30px!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(233,239,247,0) 0%,rgba(233,239,247,.94) 62%,rgba(233,239,247,1) 100%)!important;z-index:3!important}
.imecapi-subtabs-clean button{position:relative!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:10px!important;min-height:48px!important;max-width:min(320px,calc(100vw - 180px))!important;margin:0!important;padding:0 18px!important;border:0!important;border-right:1px solid rgba(132,148,169,1)!important;border-left:1px solid rgba(255,255,255,.86)!important;border-radius:0!important;background:linear-gradient(180deg,#e9eff6 0%,#dde5ee 100%)!important;color:#5a6d86!important;box-shadow:inset 1px 0 0 rgba(255,255,255,.82),inset -1px 0 0 rgba(111,129,151,.20),inset 0 1px 0 rgba(255,255,255,.86),inset 0 8px 14px rgba(255,255,255,.08),inset 0 -7px 10px rgba(148,163,184,.2)!important}
.imecapi-subtabs-clean button:first-child{border-top-left-radius:25px!important;border-bottom-left-radius:25px!important;border-left:0!important}
.imecapi-subtabs-clean button:last-of-type{border-top-right-radius:25px!important;border-bottom-right-radius:25px!important}
.imecapi-subtabs-clean button strong{font-size:14px!important;font-weight:500!important;line-height:1.22!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:236px!important}
.imecapi-subtabs-clean button.is-summary{min-width:auto!important;width:auto!important;max-width:none!important;padding-left:18px!important;padding-right:18px!important}
.imecapi-subtabs-clean button.is-summary strong{max-width:none!important}
.imecapi-process-tab-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;flex:0 0 auto!important;border-radius:0!important;background:transparent!important;color:#6d7f98!important;box-shadow:none!important}
.imecapi-process-tab-icon svg{width:16px!important;height:16px!important}
.imecapi-subtabs-clean button.is-active{z-index:2!important;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%)!important;color:#123256!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 14px 24px rgba(15,23,42,.09),0 4px 8px rgba(15,23,42,.06)!important}
.imecapi-subtabs-clean button.is-active::after{content:""!important;position:absolute!important;left:18px!important;right:18px!important;bottom:0!important;height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,#2f63ff 0%,#27d7f7 100%)!important}
.imecapi-subtabs-clean button.is-active .imecapi-process-tab-icon{color:#2563eb!important}
.imecapi-subtabs-clean button:hover:not(.is-active){background:linear-gradient(180deg,#eef3f8 0%,#e4ebf3 100%)!important;color:#334155!important}
@media(max-width:1180px){.imecapi-client-app-clean{grid-template-columns:72px minmax(0,1fr)!important;gap:16px!important;padding:14px 14px 26px 6px!important}.imecapi-client-drawer{left:94px!important;width:min(400px,40vw)!important}}
@media(max-width:860px){.imecapi-client-app-clean{grid-template-columns:1fr!important;padding:12px 12px 24px!important}.imecapi-client-rail{position:sticky!important;top:10px!important;width:100%!important;min-height:auto!important;flex-direction:row!important;justify-content:space-between!important;padding:10px 14px!important;border-radius:24px!important}.imecapi-client-rail-top{width:auto!important;flex-direction:row!important;padding-bottom:0!important;border-bottom:0!important}.imecapi-client-rail-nav{flex-direction:row!important;justify-content:center!important;flex:1 1 auto!important}.imecapi-client-rail-user{margin-top:0!important}.imecapi-client-drawer{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;max-width:none!important}.imecapi-subtabs-clean{max-width:100%!important}.imecapi-subtabs-clean.has-overflow.is-overflow-left::before,.imecapi-subtabs-clean.has-overflow.is-overflow-right::after{width:22px!important;min-width:22px!important}.imecapi-subtabs-clean button{max-width:min(280px,calc(100vw - 90px))!important;min-height:44px!important;padding:0 16px!important}.imecapi-subtabs-clean button strong{font-size:13px!important;max-width:210px!important}.imecapi-subtabs-clean button.is-summary{padding-left:16px!important;padding-right:16px!important}.imecapi-subtabs-clean button.is-active::after{left:16px!important;right:16px!important}}
/* v0.9.88c · Compactacion visual del drawer y limpieza superior final */
.imecapi-client-app-clean{
    padding-top:0!important;
}
.imecapi-client-app-clean{
    background:transparent!important;
}
html:has(.imecapi-client-app-clean),
body:has(.imecapi-client-app-clean){
    background:linear-gradient(180deg,#eef3f8 0%,#e8eef5 100%)!important;
}
:is(#page,.site,.site-content,#content,.content-area,.site-main,.wp-site-blocks,.is-layout-flow,.entry-content,.inside-article,.page-content,.post-content):has(.imecapi-client-app-clean){
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
    box-shadow:none!important;
    background:transparent!important;
}
:is(#page,.site,.site-content,#content,.content-area,.site-main,.wp-site-blocks,.is-layout-flow,.entry-content,.inside-article,.page-content,.post-content):has(.imecapi-client-app-clean)::before,
:is(#page,.site,.site-content,#content,.content-area,.site-main,.wp-site-blocks,.is-layout-flow,.entry-content,.inside-article,.page-content,.post-content):has(.imecapi-client-app-clean)::after{
    display:none!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
}
.imecapi-client-main-clean > :first-child{
    margin-top:0!important;
}
.imecapi-client-app-clean{
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:14px!important;
    padding:6px 12px 24px 4px!important;
}
.imecapi-client-rail{
    top:6px!important;
    gap:10px!important;
    width:56px!important;
    height:auto!important;
    max-height:none!important;
    min-height:auto!important;
    padding:10px 8px!important;
    border-radius:24px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}
.imecapi-client-rail-top{
    gap:10px!important;
    padding-bottom:10px!important;
}
.imecapi-client-rail-logo{
    width:38px!important;
    height:38px!important;
    border-radius:14px!important;
}
.imecapi-client-rail-logo img{
    width:26px!important;
    height:26px!important;
}
.imecapi-client-rail-logo span{
    font-size:16px!important;
}
.imecapi-client-rail-toggle{
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
}
.imecapi-client-rail-toggle svg,
.imecapi-client-rail-nav button svg{
    width:18px!important;
    height:18px!important;
}
.imecapi-client-rail-nav{
    gap:8px!important;
}
.imecapi-client-rail-nav button{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
}
.imecapi-client-rail-dot{
    top:8px!important;
    right:8px!important;
    width:7px!important;
    height:7px!important;
}
.imecapi-client-drawer{
    top:6px!important;
    bottom:10px!important;
    left:74px!important;
    width:min(360px,29vw)!important;
    max-width:calc(100vw - 94px)!important;
    gap:12px!important;
    padding:18px 16px 14px!important;
    border-radius:26px!important;
}
.imecapi-client-drawer-head{
    gap:12px!important;
    padding-bottom:12px!important;
}
.imecapi-client-drawer-brand{
    gap:10px!important;
}
.imecapi-client-drawer-brand-mark{
    width:44px!important;
    height:44px!important;
    border-radius:15px!important;
}
.imecapi-client-drawer-brand-mark img{
    width:28px!important;
    height:28px!important;
}
.imecapi-client-drawer-brand strong{
    font-size:15px!important;
}
.imecapi-client-drawer-brand span{
    font-size:10px!important;
}
.imecapi-client-drawer-close{
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
}
.imecapi-client-drawer-close svg{
    width:16px!important;
    height:16px!important;
}
.imecapi-client-drawer-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    gap:6px!important;
    overflow:auto!important;
    padding-right:0!important;
}
.imecapi-client-drawer-nav > button,
.imecapi-client-drawer-group-toggle{
    min-height:44px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    gap:10px!important;
}
.imecapi-client-drawer-nav > button[data-service-sort-item]{
    cursor:grab!important;
    user-select:none!important;
}
.imecapi-client-drawer-nav > button[data-service-sort-item]:active{
    cursor:grabbing!important;
}
.imecapi-client-drawer-nav > button[data-service-sort-item].is-dragging{
    opacity:.72!important;
    box-shadow:0 12px 24px rgba(15,23,42,.10)!important;
}
.imecapi-client-drawer-nav > button i,
.imecapi-client-drawer-group-title i,
.imecapi-client-drawer-subnav button i{
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
}
.imecapi-client-drawer-nav > button i svg,
.imecapi-client-drawer-group-title i svg,
.imecapi-client-drawer-subnav button i svg{
    width:15px!important;
    height:15px!important;
}
.imecapi-client-drawer-nav > button span,
.imecapi-client-drawer-group-title span:last-child,
.imecapi-client-drawer-subnav button span{
    font-size:13px!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.imecapi-client-drawer-group{
    gap:6px!important;
}
.imecapi-client-drawer-subnav{
    margin-left:12px!important;
    padding:0 0 0 8px!important;
    gap:4px!important;
}
.imecapi-client-drawer-subnav button{
    min-height:38px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    gap:10px!important;
}
.imecapi-client-drawer-badge{
    min-width:44px!important;
    min-height:20px!important;
    padding:0 8px!important;
    font-size:9px!important;
}
.imecapi-client-drawer-user{
    margin-top:8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:8px 10px!important;
    border-radius:14px!important;
    gap:10px!important;
    box-shadow:0 10px 22px rgba(15,23,42,.05)!important;
}
.imecapi-client-drawer-user-main{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
    flex:1 1 auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    text-align:left!important;
    cursor:pointer!important;
}
.imecapi-client-drawer-user-avatar{
    width:34px!important;
    height:34px!important;
    border-radius:999px!important;
    font-size:12px!important;
}
.imecapi-client-drawer-user-copy strong{
    font-size:12px!important;
    font-weight:500!important;
}
.imecapi-client-drawer-user-copy span{
    font-size:8px!important;
    letter-spacing:.14em!important;
}
.imecapi-client-drawer-user-logout{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-width:90px!important;
    height:32px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,#ef4444 0%,#dc2626 100%)!important;
    color:#ffffff!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:600!important;
    letter-spacing:.02em!important;
    box-shadow:0 10px 18px rgba(220,38,38,.18)!important;
}
.imecapi-client-drawer-user-logout:hover{
    color:#ffffff!important;
    filter:brightness(1.02)!important;
}
.imecapi-summary-card-clean{
    padding:22px!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(248,251,255,.9) 100%)!important;
    border:1px solid rgba(214,223,234,.88)!important;
    box-shadow:0 20px 42px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.92)!important;
    backdrop-filter:blur(14px)!important;
}
.imecapi-summary-hero-clean{
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr)!important;
    gap:22px!important;
    align-items:stretch!important;
    margin-bottom:16px!important;
}
.imecapi-summary-hero-service{
    display:grid!important;
    grid-template-columns:60px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:start!important;
}
.imecapi-summary-hero-mark{
    display:grid!important;
    place-items:center!important;
    width:64px!important;
    height:64px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,#ffffff 0%,#f0f6ff 100%)!important;
    color:#2563eb!important;
    box-shadow: 0 8px 24px rgba(37,99,235,0.08), inset 0 1px 0 #ffffff!important;
}
.imecapi-summary-hero-mark svg{
    width:28px!important;
    height:28px!important;
}
.imecapi-summary-hero-copy span,
.imecapi-summary-hero-executive > span{
    display:block!important;
    margin-bottom:7px!important;
    color:#2563eb!important;
    font-size:11px!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    font-weight:700!important;
}
.imecapi-summary-hero-copy h2{
    margin:0 0 16px!important;
    color:#0f172a!important;
    font-size:26px!important;
    line-height:1.18!important;
    font-weight:800!important;
    letter-spacing: -0.01em!important;
}
.imecapi-summary-service-description{
    max-width:620px!important;
}
.imecapi-summary-service-description small{
    display:block!important;
    margin-bottom:6px!important;
    color:#71839b!important;
    font-size:10px!important;
    font-weight:600!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.imecapi-summary-service-description p{
    margin:0!important;
    color:#51657f!important;
    font-size:13px!important;
    line-height:1.55!important;
}
.imecapi-summary-service-description.is-collapsed p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
}
.imecapi-summary-service-toggle{
    margin-top:12px!important;
    padding:6px 16px!important;
    border:0!important;
    background:#eff6ff!important;
    border-radius:999px!important;
    color:#2563eb!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing: 0.05em!important;
    text-transform: uppercase!important;
    cursor:pointer!important;
    transition: background 0.2s, color 0.2s!important;
}
.imecapi-summary-service-toggle:hover {
    background:#dbeafe!important;
    color:#1d4ed8!important;
}
.imecapi-summary-hero-executive{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    padding: 24px!important;
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%)!important;
    border: 1px solid rgba(226, 232, 240, 0.8)!important;
    border-radius: 20px!important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03)!important;
}
.imecapi-summary-hero-executive > span{
    margin-bottom:0!important;
    padding-left:0!important;
    color: #64748b!important;
    font-weight: 800!important;
    letter-spacing: 0.15em!important;
}
.imecapi-summary-executive-shell{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    height:100%!important;
}
.imecapi-summary-executive-card{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    align-items:center!important;
    gap:16px!important;
}
.imecapi-summary-executive-avatar{
    width:72px!important;
    height:72px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    display:grid!important;
    place-items:center!important;
    background:linear-gradient(180deg,#eef4ff 0%,#e3edff 100%)!important;
    color:#2563eb!important;
    box-shadow: 0 8px 20px rgba(15,23,42,.06), 0 0 0 4px #eff6ff!important;
}
.imecapi-summary-executive-avatar img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.imecapi-summary-executive-avatar b{
    font-size:24px!important;
    font-weight:700!important;
}
.imecapi-summary-executive-copy strong{
    display:block!important;
    color:#0f172a!important;
    font-size:19px!important;
    font-weight:800!important;
    line-height:1.15!important;
    margin-top:0!important;
}
.imecapi-summary-executive-copy p{
    margin:4px 0!important;
    color:#64748b!important;
    font-size:14px!important;
    font-weight:500!important;
}
.imecapi-summary-executive-mail{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    color:#0083ff!important;
    font-size:13px!important;
    font-weight:600!important;
    text-decoration:none!important;
    margin-top:2px!important;
}
.imecapi-summary-whatsapp-clean{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:0 20px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#22c55e 0%,#16a34a 100%)!important;
    color:#ffffff!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:600!important;
    letter-spacing:.02em!important;
    box-shadow:0 10px 18px rgba(34,197,94,.15), inset 0 1px 0 rgba(255,255,255,.2)!important;
    align-self:flex-start!important;
    margin-left:0!important;
    transition: transform 0.2s ease, box-shadow 0.2s ease!important;
}
.imecapi-summary-whatsapp-clean:hover {
    transform: translateY(-2px)!important;
    box-shadow: 0 14px 24px rgba(34,197,94,.25), inset 0 1px 0 rgba(255,255,255,.2)!important;
}
.imecapi-summary-stats-clean{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin-bottom:18px!important;
}
.imecapi-summary-stat-card{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    padding:6px 14px 6px 6px!important;
    border-radius:999px!important;
    background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%)!important;
    border:1px solid rgba(226,232,240,0.8)!important;
    box-shadow:0 4px 12px rgba(15,23,42,.03)!important;
    overflow:hidden!important;
    transition: transform 0.2s ease, box-shadow 0.2s ease!important;
}
.imecapi-summary-stat-card:hover {
    transform: translateY(-2px)!important;
    box-shadow:0 8px 16px rgba(15,23,42,.06)!important;
}
.imecapi-summary-stat-head{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin-bottom:0!important;
}
.imecapi-summary-stat-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:28px!important;
    height:28px!important;
    margin-bottom:0!important;
    border-radius:999px!important;
    background:#eff6ff!important;
    color:#2563eb!important;
}
.imecapi-summary-stat-icon svg{
    display:block!important;
    width:14px!important;
    height:14px!important;
    flex: 0 0 14px!important;
}
.imecapi-summary-stat-card span{
    display:block!important;
    margin-bottom:0!important;
    color:#64748b!important;
    font-size:10px!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
    font-weight:600!important;
    margin-right:2px!important;
}
.imecapi-summary-stat-card strong{
    display:block!important;
    color:#0f172a!important;
    font-size:12px!important;
    font-weight:800!important;
    white-space:nowrap!important;
}
.imecapi-summary-stat-card small{
    display:none!important;
}
.imecapi-summary-stat-card.tone-success{
    border-color:#bbf7d0!important;
    background:linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%)!important;
}
.imecapi-summary-stat-card.tone-success strong { color:#166534!important; }
.imecapi-summary-stat-card.tone-success span { color:#15803d!important; }
.imecapi-summary-stat-card.tone-success .imecapi-summary-stat-icon{
    background:#bbf7d0!important;
    color:#15803d!important;
}

.imecapi-summary-stat-card.tone-warning{
    border-color:#fde68a!important;
    background:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%)!important;
}
.imecapi-summary-stat-card.tone-warning strong { color:#92400e!important; }
.imecapi-summary-stat-card.tone-warning span { color:#b45309!important; }
.imecapi-summary-stat-card.tone-warning .imecapi-summary-stat-icon{
    background:#fde68a!important;
    color:#b45309!important;
}

.imecapi-summary-stat-card.tone-danger{
    border-color:#fecaca!important;
    background:linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%)!important;
}
.imecapi-summary-stat-card.tone-danger strong { color:#991b1b!important; }
.imecapi-summary-stat-card.tone-danger span { color:#b91c1c!important; }
.imecapi-summary-stat-card.tone-danger .imecapi-summary-stat-icon{
    background:#fecaca!important;
    color:#b91c1c!important;
}

.imecapi-summary-stat-card.tone-neutral{
    border-color:#e2e8f0!important;
    background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)!important;
}
.imecapi-summary-stat-card.tone-neutral strong { color:#334155!important; }
.imecapi-summary-stat-card.tone-neutral span { color:#475569!important; }
.imecapi-summary-stat-card.tone-neutral .imecapi-summary-stat-icon{
    background:#e2e8f0!important;
    color:#475569!important;
}

.imecapi-summary-stat-card.tone-progress {
    flex: 1 1 auto!important;
    border-color:#bfdbfe!important;
    background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%)!important;
}
.imecapi-summary-stat-card.tone-progress strong { color:#1e40af!important; }
.imecapi-summary-stat-card.tone-progress span { color:#1d4ed8!important; }
.imecapi-summary-stat-card.tone-progress .imecapi-summary-stat-icon{
    background:#bfdbfe!important;
    color:#1d4ed8!important;
}

.imecapi-summary-stat-card.tone-processes {
    border-color:#e9d5ff!important;
    background:linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%)!important;
}
.imecapi-summary-stat-card.tone-processes strong { color:#6b21a8!important; }
.imecapi-summary-stat-card.tone-processes span { color:#7e22ce!important; }
.imecapi-summary-stat-card.tone-processes .imecapi-summary-stat-icon{
    background:#e9d5ff!important;
    color:#7e22ce!important;
}

.imecapi-summary-stat-card.tone-start {
    border-color:#fde68a!important;
    background:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%)!important;
}
.imecapi-summary-stat-card.tone-start strong { color:#92400e!important; }
.imecapi-summary-stat-card.tone-start span { color:#b45309!important; }
.imecapi-summary-stat-card.tone-start .imecapi-summary-stat-icon{
    background:#fde68a!important;
    color:#b45309!important;
}
.imecapi-summary-progress-bar{
    display:block!important;
    height:6px!important;
    flex-grow:1!important;
    margin-top:0!important;
    margin-left:8px!important;
    min-width:100px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,0.6)!important;
    overflow:hidden!important;
}
.imecapi-summary-progress-bar span{
    display:block!important;
    height:100%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#3b82f6 0%,#06b6d4 100%)!important;
}
.imecapi-summary-financial-clean{
    margin-bottom:22px!important;
    border:1px solid rgba(226,232,240,0.8)!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.92) 100%)!important;
    box-shadow:0 8px 30px rgba(15,23,42,.04), inset 0 1px 0 #ffffff!important;
    backdrop-filter:blur(12px)!important;
    overflow:hidden!important;
    transition: box-shadow 0.3s ease!important;
}
.imecapi-summary-financial-clean:hover {
    box-shadow:0 12px 40px rgba(15,23,42,.06), inset 0 1px 0 #ffffff!important;
}
.imecapi-summary-financial-toggle{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:18px 20px!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
    text-align:left!important;
}
.imecapi-summary-financial-heading{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
}
.imecapi-summary-financial-mark{
    display:grid!important;
    place-items:center!important;
    width:50px!important;
    height:50px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%)!important;
    color:#16a34a!important;
    font-size:24px!important;
    font-weight:800!important;
    box-shadow: 0 6px 16px rgba(34,197,94,0.15), inset 0 1px 0 #ffffff!important;
}
.imecapi-summary-financial-heading strong{
    display:block!important;
    color:#0f172a!important;
    font-size:19px!important;
    font-weight:800!important;
}
.imecapi-summary-financial-heading span{
    display:block!important;
    margin-top:4px!important;
    color:#6b7d95!important;
    font-size:13px!important;
}
.imecapi-summary-accordion-chevron{
    display:inline-grid!important;
    place-items:center!important;
    width:18px!important;
    height:18px!important;
    color:#1d4ed8!important;
    font-style:normal!important;
    line-height:1!important;
    transition:transform .2s ease!important;
}
.imecapi-summary-accordion-chevron svg{
    display:block!important;
    width:16px!important;
    height:16px!important;
}
.imecapi-summary-financial-toggle i{
    color:#60748f!important;
    font-style:normal!important;
    font-size:22px!important;
    line-height:1!important;
    transition:transform .2s ease!important;
}
.imecapi-summary-financial-clean.is-collapsed .imecapi-summary-financial-toggle i{
    transform:rotate(180deg)!important;
}
.imecapi-summary-financial-body{
    padding:0 20px 20px!important;
}
.imecapi-summary-financial-clean.is-collapsed .imecapi-summary-financial-body{
    display:none!important;
}
.imecapi-summary-financial-progress{
    display:grid!important;
    gap:16px!important;
    margin-bottom:20px!important;
    padding:20px 22px!important;
    border-radius:20px!important;
    border:1px solid rgba(226,232,240,0.8)!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
    box-shadow:0 6px 20px rgba(15,23,42,.03)!important;
}
.imecapi-summary-financial-progress-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
}
.imecapi-summary-financial-progress-head strong{
    color:#102a4f!important;
    font-size:15px!important;
    font-weight:700!important;
}
.imecapi-summary-financial-progress-head span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:58px!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:#ffffff!important;
    color:#244c8c!important;
    font-size:14px!important;
    font-weight:700!important;
    box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
}
.imecapi-summary-financial-progress-bar{
    position:relative!important;
    height:20px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:#f1f5f9!important;
    box-shadow: inset 0 2px 4px rgba(15,23,42,0.03)!important;
}
.imecapi-summary-financial-progress-bar span{
    display:block!important;
    height:100%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#22c55e 0%,#10b981 100%)!important;
    box-shadow: inset 0 2px 4px rgba(255,255,255,0.2)!important;
}
.imecapi-summary-financial-progress-meta{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
}
.imecapi-summary-financial-progress-meta > div{
    display:grid!important;
    gap:3px!important;
}
.imecapi-summary-financial-progress-meta .is-pending{
    text-align:right!important;
    justify-items:end!important;
}
.imecapi-summary-financial-progress-meta b{
    color:#5d718c!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.imecapi-summary-financial-progress-meta strong{
    color:#102a4f!important;
    font-size:15px!important;
    font-weight:700!important;
}
.imecapi-summary-financial-progress-meta span{
    color:#6b7d95!important;
    font-size:11px!important;
}
.imecapi-summary-financial-progress-meta .is-paid strong{color:#0c8a4a!important}
.imecapi-summary-financial-progress-meta .is-pending strong{color:#c26c10!important}
.imecapi-summary-financial-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
}
.imecapi-summary-financial-grid article{
    padding:14px 15px!important;
    border-radius:16px!important;
    border:1px solid rgba(223,231,241,.95)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(249,252,255,.82) 100%)!important;
    box-shadow:0 10px 22px rgba(15,23,42,.035)!important;
    min-height:118px!important;
}
.imecapi-summary-financial-grid article span{
    display:block!important;
    margin-bottom:8px!important;
    color:#61758f!important;
    font-size:10px!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
    font-weight:700!important;
}
.imecapi-summary-financial-grid article strong{
    color:#102a4f!important;
    font-size:17px!important;
    font-weight:700!important;
    line-height:1.2!important;
}
.imecapi-summary-financial-grid article strong small{
    font-size:11px!important;
    color:#61758f!important;
}
.imecapi-summary-financial-grid article > small{
    display:block!important;
    margin-top:5px!important;
    color:#6c7f96!important;
    font-size:11px!important;
    line-height:1.35!important;
}
.imecapi-summary-financial-grid article.tone-primary{
    border-color:rgba(156,197,255,.92)!important;
    background:linear-gradient(180deg,rgba(247,251,255,.96) 0%,rgba(235,244,255,.9) 100%)!important;
}
.imecapi-summary-financial-grid article.tone-primary span,
.imecapi-summary-financial-grid article.tone-primary strong{
    color:#0b4fb3!important;
}
.imecapi-summary-financial-grid article.tone-primary strong small{
    color:#4f77b7!important;
}
.imecapi-summary-financial-grid article.is-pending{
    border-color:rgba(248,191,117,.78)!important;
    background:linear-gradient(180deg,rgba(255,251,245,.96) 0%,rgba(255,245,233,.92) 100%)!important;
}
.imecapi-summary-financial-grid article.is-pending span,
.imecapi-summary-financial-grid article.is-pending strong{
    color:#b45309!important;
}
.imecapi-summary-financial-grid article.tone-danger{
    border-color:rgba(245,176,176,.82)!important;
    background:linear-gradient(180deg,rgba(255,246,246,.96) 0%,rgba(254,236,236,.92) 100%)!important;
}
.imecapi-summary-financial-grid article.tone-danger span,
.imecapi-summary-financial-grid article.tone-danger strong{
    color:#c13b3b!important;
}
.imecapi-summary-financial-grid article.tone-danger strong small{
    color:#c56b6b!important;
}
.imecapi-summary-financial-grid article.tone-danger > small{
    color:#b14d4d!important;
}
.imecapi-summary-financial-metrics{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:14px!important;
    margin-bottom:18px!important;
}
.imecapi-summary-financial-metrics article{
    display:inline-flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    flex:0 0 auto!important;
    min-width:0!important;
    padding:10px 16px!important;
    border-radius:14px!important;
    border:1px solid #e2e8f0!important;
    background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)!important;
    box-shadow:0 4px 12px rgba(15,23,42,.02)!important;
}
.imecapi-summary-financial-metrics span{
    display:inline-block!important;
    color:#64748b!important;
    font-size:10px!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    font-weight:800!important;
}
.imecapi-summary-financial-metrics strong{
    display:inline-flex!important;
    align-items:baseline!important;
    gap:4px!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:900!important;
}
.imecapi-summary-financial-metrics strong small{
    font-size:9px!important;
    color:#64748b!important;
}
.imecapi-summary-financial-metrics small{
    display:inline-block!important;
    padding:2px 6px!important;
    border-radius:6px!important;
    background:rgba(255,255,255,0.6)!important;
    color:#64748b!important;
    font-size:10px!important;
    font-weight:700!important;
}
.imecapi-summary-financial-metrics article.tone-primary{
    border-color:#bfdbfe!important;
    background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%)!important;
}
.imecapi-summary-financial-metrics article.tone-primary span,
.imecapi-summary-financial-metrics article.tone-primary strong small,
.imecapi-summary-financial-metrics article.tone-primary small {
    color:#1d4ed8!important;
}
.imecapi-summary-financial-metrics article.tone-primary strong{
    color:#1e40af!important;
}
.imecapi-summary-financial-metrics article.tone-success{
    border-color:#bbf7d0!important;
    background:linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%)!important;
}
.imecapi-summary-financial-metrics article.tone-success span,
.imecapi-summary-financial-metrics article.tone-success strong small,
.imecapi-summary-financial-metrics article.tone-success small {
    color:#15803d!important;
}
.imecapi-summary-financial-metrics article.tone-success strong{
    color:#166534!important;
}
.imecapi-summary-financial-metrics article.tone-warning{
    border-color:#fde68a!important;
    background:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%)!important;
}
.imecapi-summary-financial-metrics article.tone-warning span,
.imecapi-summary-financial-metrics article.tone-warning strong small,
.imecapi-summary-financial-metrics article.tone-warning small {
    color:#b45309!important;
}
.imecapi-summary-financial-metrics article.tone-warning strong{
    color:#92400e!important;
}
.imecapi-summary-financial-metrics article.tone-danger{
    border-color:#fecaca!important;
    background:linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%)!important;
}
.imecapi-summary-financial-metrics article.tone-danger span,
.imecapi-summary-financial-metrics article.tone-danger strong small,
.imecapi-summary-financial-metrics article.tone-danger small {
    color:#b91c1c!important;
}
.imecapi-summary-financial-metrics article.tone-danger strong{
    color:#991b1b!important;
}
.imecapi-summary-financial-metrics article.tone-neutral{
    border-color:#e2e8f0!important;
    background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%)!important;
}
.imecapi-summary-financial-breakdown{
    margin-top:8px!important;
    border:1px solid rgba(223,231,241,.95)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(249,252,255,.82) 100%)!important;
}
.imecapi-summary-financial-breakdown-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:11px 14px 8px!important;
    border-bottom:1px solid rgba(231,237,244,.95)!important;
}
.imecapi-summary-financial-breakdown-head strong{
    display:block!important;
    color:#102a4f!important;
    font-size:13px!important;
    font-weight:700!important;
}
.imecapi-summary-financial-breakdown-head span{
    display:block!important;
    margin-top:2px!important;
    color:#6b7d95!important;
    font-size:10px!important;
}
.imecapi-summary-financial-breakdown-table{
    display:grid!important;
}
.imecapi-summary-financial-breakdown-row{
    display:grid!important;
    grid-template-columns:1.1fr 1.8fr .78fr!important;
    gap:12px!important;
    align-items:center!important;
    padding:12px 14px!important;
    border-bottom:1px solid rgba(226,232,240,0.6)!important;
    transition: background 0.2s ease!important;
}
.imecapi-summary-financial-breakdown-row:not(.is-head):hover {
    background: #f8fafc!important;
}
.imecapi-summary-financial-breakdown-row:last-of-type{
    border-bottom:0!important;
}
.imecapi-summary-financial-breakdown-row.is-head{
    background:#f8fbff!important;
}
.imecapi-summary-financial-breakdown-row.is-head span{
    color:#6d7f97!important;
    font-size:10px!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
}
.imecapi-summary-financial-breakdown-row > span{
    color:#17345d!important;
    font-size:11px!important;
    line-height:1.3!important;
}
.imecapi-summary-financial-breakdown-row > span:last-child{
    text-align:right!important;
    font-weight:700!important;
    white-space:nowrap!important;
}
.imecapi-summary-financial-breakdown-row > span:nth-child(2){
    color:#51657f!important;
}
.imecapi-summary-financial-breakdown-row .is-primary{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
}
.imecapi-summary-financial-breakdown-row .is-primary b{
    color:#17345d!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.3!important;
}
.imecapi-breakdown-icon{
    display:grid!important;
    place-items:center!important;
    width:24px!important;
    height:24px!important;
    border-radius:8px!important;
    flex:0 0 auto!important;
    background:rgba(240,244,255,.92)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.imecapi-breakdown-icon::before{
    content:"•"!important;
    font-size:10px!important;
    font-weight:800!important;
    color:#5d718c!important;
    line-height:1!important;
}
.imecapi-breakdown-icon.tone-reclutamiento::before{content:"R"!important;color:#2563eb!important}
.imecapi-breakdown-icon.tone-capacitacion::before{content:"C"!important;color:#7c3aed!important}
.imecapi-breakdown-icon.tone-consultoria::before{content:"S"!important;color:#0f9f7a!important}
.imecapi-breakdown-icon.tone-iso::before{content:"I"!important;color:#d97706!important}
.imecapi-breakdown-icon.tone-web::before{content:"W"!important;color:#4f46e5!important}
.imecapi-breakdown-icon.tone-marketing::before{content:"M"!important;color:#dc2626!important}
.imecapi-breakdown-icon.tone-briefcase::before,
.imecapi-breakdown-icon.tone-otro::before{content:"G"!important;color:#64748b!important}
.imecapi-breakdown-icon.tone-reclutamiento{background:rgba(239,246,255,.96)!important;border:1px solid rgba(147,197,253,.75)!important}
.imecapi-breakdown-icon.tone-capacitacion{background:rgba(245,243,255,.96)!important;border:1px solid rgba(196,181,253,.75)!important}
.imecapi-breakdown-icon.tone-consultoria{background:rgba(240,253,250,.96)!important;border:1px solid rgba(110,231,183,.68)!important}
.imecapi-breakdown-icon.tone-iso{background:rgba(255,247,237,.96)!important;border:1px solid rgba(253,186,116,.72)!important}
.imecapi-breakdown-icon.tone-web{background:rgba(238,242,255,.96)!important;border:1px solid rgba(165,180,252,.74)!important}
.imecapi-breakdown-icon.tone-marketing{background:rgba(254,242,242,.96)!important;border:1px solid rgba(252,165,165,.74)!important}
.imecapi-breakdown-icon.tone-briefcase,
.imecapi-breakdown-icon.tone-otro{background:rgba(241,245,249,.96)!important;border:1px solid rgba(203,213,225,.82)!important}
.imecapi-summary-financial-breakdown-total{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:12px 16px!important;
    background:linear-gradient(90deg, #f8fafc 0%, #f1f5f9 100%)!important;
    border-top:1px solid rgba(226,232,240,0.8)!important;
}
.imecapi-summary-financial-breakdown-total:last-child {
    background: linear-gradient(90deg, #0f172a 0%, #1e293b 100%)!important;
    border-radius: 0 0 16px 16px!important;
}
.imecapi-summary-financial-breakdown-total span{
    color:#64748b!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.imecapi-summary-financial-breakdown-total:last-child span{
    color:#94a3b8!important;
}
.imecapi-summary-financial-breakdown-total strong{
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:800!important;
}
.imecapi-summary-financial-breakdown-total:last-child strong{
    color:#ffffff!important;
    font-size:16px!important;
}
.imecapi-summary-financial-breakdown-total.is-secondary strong{
    color:#64748b!important;
    font-size:12px!important;
    font-weight:700!important;
}
.imecapi-service-documents-clean{
    margin-top:0!important;
    margin-bottom:0!important;
    border:1px solid rgba(226,232,240,0.8)!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.92) 100%)!important;
    box-shadow:0 8px 30px rgba(15,23,42,.04), inset 0 1px 0 #ffffff!important;
    backdrop-filter:blur(12px)!important;
    overflow:hidden!important;
    transition: box-shadow 0.3s ease!important;
}
.imecapi-service-documents-clean:hover {
    box-shadow:0 12px 40px rgba(15,23,42,.06), inset 0 1px 0 #ffffff!important;
}
.imecapi-service-documents-toggle{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:18px 20px!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
    text-align:left!important;
}
.imecapi-service-documents-heading{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
}
.imecapi-service-documents-mark{
    display:grid!important;
    place-items:center!important;
    width:50px!important;
    height:50px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%)!important;
    color:#9333ea!important;
    box-shadow: 0 6px 16px rgba(147,51,234,0.15), inset 0 1px 0 #ffffff!important;
}
.imecapi-service-documents-mark svg{
    width:24px!important;
    height:24px!important;
}
.imecapi-service-documents-heading strong{
    display:block!important;
    color:#0f172a!important;
    font-size:19px!important;
    font-weight:800!important;
}
.imecapi-service-documents-heading span{
    display:block!important;
    margin-top:4px!important;
    color:#6b7d95!important;
    font-size:13px!important;
}
.imecapi-service-documents-toggle i{
    color:#60748f!important;
    font-style:normal!important;
    font-size:22px!important;
    line-height:1!important;
    transition:transform .2s ease!important;
}
.imecapi-service-documents-clean.is-collapsed .imecapi-service-documents-toggle i{
    transform:rotate(180deg)!important;
}
.imecapi-service-documents-body{
    padding:0 20px 20px!important;
}
.imecapi-service-documents-clean.is-collapsed .imecapi-service-documents-body{
    display:none!important;
}
.imecapi-service-documents-table-shell{
    border:1px solid rgba(223,231,241,.95)!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(249,252,255,.82) 100%)!important;
}
.imecapi-service-documents-table{
    display:grid!important;
}
.imecapi-service-documents-row{
    display:grid!important;
    grid-template-columns:2.2fr 1fr .9fr .8fr .85fr!important;
    gap:16px!important;
    align-items:center!important;
    padding:16px 18px!important;
    border-bottom:1px solid rgba(226,232,240,0.6)!important;
    transition: background 0.2s ease!important;
}
.imecapi-service-documents-row:not(.is-head):hover {
    background: #f8fafc!important;
}
.imecapi-service-documents-row:last-child{
    border-bottom:0!important;
}
.imecapi-service-documents-row.is-head{
    background:#f8fbff!important;
}
.imecapi-service-documents-row.is-head span{
    color:#6d7f97!important;
    font-size:11px!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    letter-spacing:.1em!important;
}
.imecapi-service-documents-row > span{
    color:#17345d!important;
    font-size:14px!important;
}
.imecapi-service-document-primary{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
}
.imecapi-service-document-primary b{
    color:#17345d!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.35!important;
}
.imecapi-service-document-icon{
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    flex:0 0 auto!important;
    background:rgba(240,244,255,.92)!important;
}
.imecapi-service-document-icon svg{
    width:22px!important;
    height:22px!important;
}
.imecapi-service-document-icon.tone-contract{color:#ef4444!important;background:rgba(254,242,242,.96)!important;}
.imecapi-service-document-icon.tone-proposal{color:#7c3aed!important;background:rgba(245,243,255,.96)!important;}
.imecapi-service-document-icon.tone-invoice{color:#16a34a!important;background:rgba(240,253,244,.96)!important;}
.imecapi-service-document-icon.tone-generic{color:#f59e0b!important;background:rgba(255,247,237,.96)!important;}
.imecapi-service-document-download{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:36px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    border:0!important;
    background:#eff6ff!important;
    color:#2563eb!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing: 0.05em!important;
    text-transform: uppercase!important;
    transition: background 0.2s, color 0.2s!important;
}
.imecapi-service-document-download:hover {
    background:#dbeafe!important;
    color:#1d4ed8!important;
}
.imecapi-workboard-clean{
    display:grid!important;
    gap:18px!important;
    padding:22px!important;
    border-radius:24px!important;
    border:1px solid rgba(218,227,238,.96)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(248,251,255,.9) 100%)!important;
    box-shadow:0 18px 38px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.92)!important;
    backdrop-filter:blur(12px)!important;
}
.imecapi-workboard-head{
    display:flex!important;
    justify-content:space-between!important;
    gap:18px!important;
    align-items:flex-start!important;
}
.imecapi-workboard-head span{
    display:block!important;
    color:#0083ff!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}
.imecapi-workboard-head h2{
    margin:8px 0 6px!important;
    color:#102a4f!important;
    font-size:32px!important;
    line-height:1.08!important;
    font-weight:700!important;
}
.imecapi-workboard-head p{
    margin:0!important;
    color:#60748f!important;
    font-size:14px!important;
    line-height:1.55!important;
    max-width:760px!important;
}
.imecapi-workboard-head b{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:700!important;
    white-space:nowrap!important;
}
.imecapi-workboard-head b.tone-success{background:#e8faf0!important;color:#159947!important}
.imecapi-workboard-head b.tone-warning{background:#fff4e8!important;color:#d97706!important}
.imecapi-workboard-head b.tone-danger{background:#feecec!important;color:#dc2626!important}
.imecapi-workboard-head b.tone-neutral{background:#eef3f9!important;color:#60748f!important}
.imecapi-workboard-kpis{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
}
.imecapi-workboard-kpis article{
    padding:14px 15px!important;
    border-radius:16px!important;
    border:1px solid rgba(223,231,241,.95)!important;
    background:rgba(255,255,255,.82)!important;
}
.imecapi-workboard-kpis span{
    display:block!important;
    color:#70829b!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.1em!important;
    text-transform:uppercase!important;
}
.imecapi-workboard-kpis strong{
    display:block!important;
    margin-top:7px!important;
    color:#102a4f!important;
    font-size:18px!important;
    font-weight:700!important;
}
.imecapi-workboard-lanes{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}
.imecapi-workboard-lane{
    display:grid!important;
    gap:12px!important;
    padding:14px!important;
    border-radius:20px!important;
    border:1px solid rgba(223,231,241,.95)!important;
    background:rgba(247,250,255,.78)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.imecapi-workboard-lane header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
}
.imecapi-workboard-lane header strong{
    color:#102a4f!important;
    font-size:14px!important;
    font-weight:700!important;
}
.imecapi-workboard-lane header span{
    display:grid!important;
    place-items:center!important;
    min-width:28px!important;
    height:28px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:rgba(232,240,251,.96)!important;
    color:#56708e!important;
    font-size:12px!important;
    font-weight:700!important;
}
.imecapi-workboard-cards{
    display:grid!important;
    gap:10px!important;
}
.imecapi-workboard-card{
    display:grid!important;
    gap:6px!important;
    padding:13px 14px!important;
    border-radius:16px!important;
    border:1px solid rgba(219,228,239,.96)!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.04)!important;
}
.imecapi-workboard-card strong{
    color:#102a4f!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.35!important;
}
.imecapi-workboard-card span{
    color:#0083ff!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
}
.imecapi-workboard-card p{
    margin:0!important;
    color:#61758f!important;
    font-size:12px!important;
    line-height:1.5!important;
}
.imecapi-workboard-lane.tone-plan{background:rgba(246,250,255,.92)!important}
.imecapi-workboard-lane.tone-progress{background:rgba(247,251,255,.95)!important}
.imecapi-workboard-lane.tone-review{background:rgba(250,252,255,.95)!important}
@media(max-width:1180px){
    .imecapi-summary-hero-clean{
        grid-template-columns:1fr!important;
    }
    .imecapi-summary-hero-executive{
        padding-left:0!important;
        border-left:0!important;
        padding-top:6px!important;
    }
    .imecapi-summary-hero-executive > span,
    .imecapi-summary-whatsapp-clean{
        margin-left:0!important;
        padding-left:0!important;
    }
    .imecapi-summary-stats-clean,
    .imecapi-summary-financial-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .imecapi-summary-financial-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .imecapi-workboard-kpis,
    .imecapi-workboard-lanes{
        grid-template-columns:1fr!important;
    }
    .imecapi-summary-financial-breakdown-row{
        grid-template-columns:1.05fr 1.45fr .8fr!important;
    }
    .imecapi-service-documents-row{
        grid-template-columns:1.8fr .95fr .8fr .7fr .85fr!important;
    }
}
@media(max-width:720px){
    .imecapi-summary-card-clean{
        padding:18px!important;
    }
    .imecapi-summary-hero-service{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }
    .imecapi-summary-hero-mark{
        width:58px!important;
        height:58px!important;
        border-radius:18px!important;
    }
    .imecapi-summary-executive-card{
        grid-template-columns:64px minmax(0,1fr)!important;
    }
    .imecapi-summary-hero-copy h2{
        font-size:22px!important;
    }
    .imecapi-summary-stats-clean,
    .imecapi-summary-financial-grid{
        grid-template-columns:1fr!important;
    }
    .imecapi-summary-financial-progress-meta,
    .imecapi-summary-financial-metrics{
        grid-template-columns:1fr!important;
    }
    .imecapi-summary-financial-breakdown-row{
        grid-template-columns:1fr!important;
        gap:8px!important;
    }
    .imecapi-summary-financial-breakdown-row.is-head{
        display:none!important;
    }
    .imecapi-workboard-clean{
        padding:18px!important;
    }
    .imecapi-workboard-head{
        flex-direction:column!important;
    }
    .imecapi-workboard-head h2{
        font-size:24px!important;
    }
    .imecapi-service-documents-row{
        grid-template-columns:1fr!important;
        gap:6px!important;
    }
    .imecapi-service-documents-row.is-head{
        display:none!important;
    }
}
.imecapi-client-drawer-user-chevron{
    display:none!important;
}
@media(max-width:1180px){
    .imecapi-client-app-clean{
        grid-template-columns:52px minmax(0,1fr)!important;
        gap:12px!important;
        padding:4px 10px 24px 2px!important;
    }
    .imecapi-client-drawer{
        left:68px!important;
        width:min(336px,38vw)!important;
    }
}
@media(max-width:860px){
    .imecapi-client-app-clean{
        padding-top:0!important;
    }
    .imecapi-client-drawer{
        top:6px!important;
        bottom:10px!important;
        left:10px!important;
        right:auto!important;
        width:min(332px,88vw)!important;
        max-width:calc(100vw - 20px)!important;
        padding:16px 14px 12px!important;
    }
}

.imecapi-finalists-module{
    display:grid!important;
    gap:10px!important;
    overflow:hidden!important;
}
.imecapi-finalists-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:12px!important;
}
.imecapi-finalists-head-copy strong{
    display:block!important;
    color:#003366!important;
    font-size:clamp(13px,1vw,16px)!important;
    line-height:1.02!important;
    font-weight:800!important;
}
.imecapi-finalists-head-copy p{
    display:none!important;
}
.imecapi-finalists-head-meta{
    display:grid!important;
    justify-items:end!important;
    gap:4px!important;
    flex:0 0 auto!important;
}
.imecapi-finalists-head-meta>span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:22px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    border:1px solid rgba(0,131,255,.14)!important;
    background:rgba(255,255,255,.72)!important;
    color:#0083ff!important;
    font-size:7px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    box-shadow:0 10px 24px rgba(0,51,102,.06)!important;
}
.imecapi-finalists-head-nav{
    display:flex!important;
    gap:10px!important;
}
.imecapi-finalists-arrow{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    border:1px solid rgba(0,131,255,.15)!important;
    background:rgba(255,255,255,.86)!important;
    color:#5d7089!important;
    box-shadow:0 12px 24px rgba(0,51,102,.05)!important;
    transition:transform .2s ease, color .2s ease, border-color .2s ease, background .2s ease!important;
}
.imecapi-finalists-arrow svg{
    width:18px!important;
    height:18px!important;
}
.imecapi-finalists-arrow:hover:not(:disabled){
    transform:translateY(-1px)!important;
    color:#0083ff!important;
    border-color:rgba(0,131,255,.28)!important;
}
.imecapi-finalists-arrow:disabled{
    opacity:.35!important;
    cursor:default!important;
}
.imecapi-finalists-selector-wrap{
    position:relative!important;
}
.imecapi-finalists-selector-track{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:1px 1px 4px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
}
.imecapi-finalists-selector-track::-webkit-scrollbar{
    display:none!important;
}
.imecapi-finalist-card{
    position:relative!important;
    flex:1 1 calc(33.333% - 12px)!important;
    min-width:min(100%,210px)!important;
    display:grid!important;
    gap:7px!important;
    padding:9px!important;
    border-radius:16px!important;
    border:1px solid rgba(0,51,102,.10)!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.95))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 8px 18px rgba(0,51,102,.035)!important;
    text-align:left!important;
    color:#20354d!important;
    scroll-snap-align:start!important;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease!important;
}
.imecapi-finalist-card:hover{
    transform:translateY(-2px)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.94),
        0 14px 28px rgba(0,51,102,.06)!important;
}
.imecapi-finalist-card.is-active{
    border-color:rgba(0,131,255,.58)!important;
    background:linear-gradient(180deg,rgba(255,255,255,1),rgba(239,247,255,.98))!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        0 12px 24px rgba(0,131,255,.08)!important;
    transform:translateY(-2px)!important;
}
.imecapi-finalist-card::before{
    content:""!important;
    position:absolute!important;
    inset:0 auto auto 0!important;
    width:100%!important;
    height:3px!important;
    border-radius:16px 16px 0 0!important;
    background:linear-gradient(90deg,rgba(0,131,255,.0),rgba(0,131,255,.22),rgba(66,205,255,.0))!important;
    opacity:.45!important;
    pointer-events:none!important;
}
.imecapi-finalist-card.is-active::before{
    opacity:1!important;
    background:linear-gradient(90deg,#0083ff 0%,#3bd0ff 100%)!important;
}
.imecapi-finalist-card-top{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
}
.imecapi-finalist-avatar,
.imecapi-finalist-detail-avatar{
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:linear-gradient(180deg,#eef6ff 0%,#e5f0ff 100%)!important;
    border:1px solid rgba(0,131,255,.18)!important;
    color:#1672ff!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
}
.imecapi-finalist-avatar{
    width:34px!important;
    height:34px!important;
    font-size:14px!important;
}
.imecapi-finalist-card-copy{
    min-width:0!important;
    display:grid!important;
    gap:2px!important;
}
.imecapi-finalist-card-copy span{
    display:inline-flex!important;
    max-width:100%!important;
    margin-bottom:0!important;
    padding:2px 6px!important;
    border-radius:999px!important;
    background:rgba(0,131,255,.08)!important;
    color:#6a7b91!important;
    font-size:7px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.imecapi-finalist-card-copy strong{
    display:block!important;
    color:#0f315f!important;
    font-size:clamp(8px,.88vw,11px)!important;
    line-height:1.08!important;
    font-weight:800!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:unset!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    min-height:calc(1.08em * 2)!important;
}
.imecapi-finalist-card-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
}
.imecapi-finalist-card-grid>div{
    min-width:0!important;
    padding:5px 6px!important;
    border-radius:11px!important;
    border:1px solid rgba(0,51,102,.08)!important;
    background:rgba(255,255,255,.76)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.imecapi-finalist-card-grid>.metric-education{
    background:linear-gradient(180deg,rgba(244,248,255,.95),rgba(255,255,255,.96))!important;
    border-color:rgba(0,131,255,.14)!important;
}
.imecapi-finalist-card-grid>.metric-experience{
    background:linear-gradient(180deg,rgba(244,252,247,.95),rgba(255,255,255,.96))!important;
    border-color:rgba(72,187,120,.16)!important;
}
.imecapi-finalist-card-grid>.metric-salary{
    background:linear-gradient(180deg,rgba(248,252,255,.96),rgba(255,255,255,.96))!important;
    border-color:rgba(45,97,176,.12)!important;
}
.imecapi-finalist-card-grid>.metric-commute{
    background:linear-gradient(180deg,rgba(248,250,253,.96),rgba(255,255,255,.96))!important;
    border-color:rgba(89,106,135,.12)!important;
}
.imecapi-finalist-card-grid>div.is-positive{
    border-color:rgba(46,184,92,.28)!important;
    background:rgba(234,250,239,.92)!important;
}
.imecapi-finalist-card-grid>div.tone-success{
    border-color:rgba(46,184,92,.28)!important;
    background:rgba(234,250,239,.92)!important;
}
.imecapi-finalist-card-grid>div.tone-info{
    border-color:rgba(0,131,255,.22)!important;
    background:rgba(237,246,255,.92)!important;
}
.imecapi-finalist-card-grid>div.tone-warning{
    border-color:rgba(246,160,41,.24)!important;
    background:rgba(255,246,234,.94)!important;
}
.imecapi-finalist-card-grid small{
    display:block!important;
    margin-bottom:2px!important;
    color:#7a8aa0!important;
    font-size:6px!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.imecapi-finalist-card-grid b{
    display:block!important;
    color:#17345d!important;
    font-size:8px!important;
    line-height:1.14!important;
    font-weight:700!important;
    word-break:break-word!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}
.imecapi-finalist-card-flags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:3px!important;
}
.imecapi-finalist-card-flags em{
    display:inline-flex!important;
    align-items:center!important;
    min-height:18px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    background:rgba(0,51,102,.06)!important;
    color:#6f8097!important;
    font-size:6px!important;
    font-weight:800!important;
    font-style:normal!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
}
.imecapi-finalist-card-flags em.is-positive{
    background:rgba(37,179,84,.12)!important;
    color:#1f9d4f!important;
}
.imecapi-finalists-detail-stack{
    position:relative!important;
}
.imecapi-finalist-detail{
    display:none!important;
    padding:18px!important;
    border-radius:20px!important;
    border:1px solid rgba(0,131,255,.16)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,255,.96))!important;
    box-shadow:0 14px 34px rgba(0,51,102,.055)!important;
}
.imecapi-finalist-detail.is-active{
    display:block!important;
    animation:imecapiFinalistFade .28s ease!important;
}
@keyframes imecapiFinalistFade{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:translateY(0)}
}
.imecapi-finalist-detail-grid{
    display:grid!important;
    grid-template-columns:minmax(190px,.82fr) minmax(0,1.35fr) minmax(180px,.75fr)!important;
    gap:16px!important;
    align-items:start!important;
}
.imecapi-finalist-detail-left,
.imecapi-finalist-detail-center,
.imecapi-finalist-detail-right{
    min-width:0!important;
}
.imecapi-finalist-detail-left{
    padding-right:12px!important;
    border-right:1px solid rgba(0,51,102,.08)!important;
}
.imecapi-finalist-detail-right{
    padding-left:12px!important;
    border-left:1px solid rgba(0,51,102,.08)!important;
    display:grid!important;
    gap:8px!important;
}
.imecapi-finalist-detail-identity{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    margin-bottom:10px!important;
}
.imecapi-finalist-detail-avatar{
    width:52px!important;
    height:52px!important;
    font-size:20px!important;
}
.imecapi-finalist-detail-kicker{
    display:block!important;
    margin-bottom:3px!important;
    color:#6f829a!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:.1em!important;
    text-transform:uppercase!important;
}
.imecapi-finalist-detail-identity strong{
    display:block!important;
    color:#11315c!important;
    font-size:clamp(14px,1.2vw,18px)!important;
    line-height:1.06!important;
    font-weight:800!important;
    word-break:break-word!important;
}
.imecapi-finalist-detail-list{
    display:grid!important;
    gap:2px!important;
}
.imecapi-finalist-detail-list>div{
    display:grid!important;
    grid-template-columns:14px 1fr!important;
    grid-template-areas:"icon label" "icon value"!important;
    column-gap:7px!important;
    padding:6px 0!important;
    border-bottom:1px solid rgba(0,51,102,.07)!important;
}
.imecapi-finalist-detail-list>div:last-child{
    border-bottom:none!important;
}
.imecapi-finalist-detail-list i{
    grid-area:icon!important;
    width:14px!important;
    height:14px!important;
    color:#4473a8!important;
    align-self:start!important;
}
.imecapi-finalist-detail-list i svg{
    width:14px!important;
    height:14px!important;
    display:block!important;
}
.imecapi-finalist-detail-list span{
    grid-area:label!important;
    display:block!important;
    color:#72839a!important;
    font-size:8px!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.imecapi-finalist-detail-list b{
    grid-area:value!important;
    display:block!important;
    color:#17345d!important;
    font-size:11px!important;
    line-height:1.18!important;
    font-weight:700!important;
}
.imecapi-finalist-detail-list .tone-success b{color:#1f9d4f!important}
.imecapi-finalist-detail-list .tone-info b{color:#0e72dd!important}
.imecapi-finalist-detail-list .tone-warning b{color:#d67916!important}
.imecapi-finalist-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin-bottom:10px!important;
}
.imecapi-finalist-tabs button{
    padding:7px 10px!important;
    border-radius:999px!important;
    border:1px solid rgba(0,51,102,.08)!important;
    background:rgba(255,255,255,.74)!important;
    color:#607389!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.2!important;
    transition:all .2s ease!important;
}
.imecapi-finalist-tabs button.is-active,
.imecapi-finalist-tabs button:hover{
    color:#0083ff!important;
    border-color:rgba(0,131,255,.22)!important;
    background:rgba(237,246,255,.94)!important;
    box-shadow:0 10px 18px rgba(0,131,255,.08)!important;
}
.imecapi-finalist-tab-panel{
    display:none!important;
}
.imecapi-finalist-tab-panel.is-active{
    display:grid!important;
    gap:8px!important;
}
.imecapi-finalist-tab-panel article{
    padding:11px 13px!important;
    border-radius:15px!important;
    border:1px solid rgba(0,51,102,.08)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(249,252,255,.86))!important;
}
.imecapi-finalist-tab-panel article span{
    display:block!important;
    margin-bottom:7px!important;
    color:#003e82!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.imecapi-finalist-tab-panel article p{
    margin:0!important;
    color:#4d6078!important;
    font-size:11px!important;
    line-height:1.46!important;
}
.imecapi-finalist-chip-row{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
}
.imecapi-finalist-chip-row em{
    display:inline-flex!important;
    align-items:center!important;
    min-height:22px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    background:rgba(237,246,255,.94)!important;
    color:#335278!important;
    font-size:9px!important;
    font-style:normal!important;
    font-weight:700!important;
}
.imecapi-finalist-action-card{
    display:grid!important;
    grid-template-columns:16px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    border:1px solid rgba(0,51,102,.08)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(249,252,255,.85))!important;
    box-shadow:0 8px 18px rgba(0,51,102,.035)!important;
    text-decoration:none!important;
    color:inherit!important;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease!important;
}
.imecapi-finalist-action-card:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(0,131,255,.2)!important;
    box-shadow:0 12px 22px rgba(0,51,102,.05)!important;
}
.imecapi-finalist-action-card i{
    width:16px!important;
    height:16px!important;
    color:#0b72df!important;
}
.imecapi-finalist-action-card i svg{
    width:16px!important;
    height:16px!important;
    display:block!important;
}
.imecapi-finalist-action-card strong{
    display:block!important;
    color:#17345d!important;
    font-size:11px!important;
    line-height:1.24!important;
    font-weight:800!important;
}
.imecapi-finalist-action-card span{
    display:block!important;
    margin-top:2px!important;
    color:#71839b!important;
    font-size:9px!important;
    line-height:1.35!important;
}
.imecapi-finalist-action-card.is-disabled{
    opacity:.72!important;
    cursor:default!important;
}
.imecapi-finalist-action-card.is-button{
    width:100%!important;
    text-align:left!important;
}
@media (max-width:1320px){
    .imecapi-finalist-card{
        min-width:244px!important;
        flex:0 0 min(270px,calc(50vw - 52px))!important;
    }
    .imecapi-finalist-card-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    .imecapi-finalist-detail-grid{
        grid-template-columns:minmax(190px,.84fr) minmax(0,1.14fr)!important;
    }
    .imecapi-finalist-detail-right{
        grid-column:1 / -1!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        padding-left:0!important;
        border-left:none!important;
        border-top:1px solid rgba(0,51,102,.08)!important;
        padding-top:12px!important;
    }
}
@media (max-width:980px){
    .imecapi-finalists-head{
        flex-direction:column!important;
        align-items:stretch!important;
    }
    .imecapi-finalists-head-meta{
        justify-items:start!important;
    }
    .imecapi-finalist-detail-grid{
        grid-template-columns:1fr!important;
    }
    .imecapi-finalist-detail-left,
    .imecapi-finalist-detail-right{
        border:none!important;
        padding:0!important;
    }
    .imecapi-finalist-detail-right{
        grid-template-columns:1fr!important;
    }
}
@media (max-width:720px){
    .imecapi-finalists-module{
        gap:10px!important;
    }
    .imecapi-finalists-head-copy strong{
        font-size:15px!important;
    }
    .imecapi-finalist-card{
        min-width:218px!important;
        padding:10px!important;
    }
    .imecapi-finalist-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .imecapi-finalist-detail{
        padding:14px!important;
        border-radius:18px!important;
    }
    .imecapi-finalist-detail-identity{
        grid-template-columns:48px minmax(0,1fr)!important;
    }
    .imecapi-finalist-detail-avatar{
        width:48px!important;
        height:48px!important;
        font-size:18px!important;
    }
    .imecapi-finalist-detail-identity strong{
        font-size:16px!important;
    }
    .imecapi-finalist-tabs{
        overflow:auto!important;
        flex-wrap:nowrap!important;
        scrollbar-width:none!important;
    }
    .imecapi-finalist-tabs::-webkit-scrollbar{
        display:none!important;
    }
    .imecapi-finalist-tabs button{
        white-space:nowrap!important;
    }
}



/* --- NUEVA TERNA UNIFICADA --- */
.imecapi-unified-finalists-module {
    background: #fff;
    border-radius: 20px;
    padding: 20px 24px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.04);
    margin-bottom: 24px;
    font-family: inherit;
}
.imecapi-unified-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}
.imecapi-unified-head-copy span {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0083ff;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 4px;
}
.imecapi-unified-head-copy h2 {
    margin: 0 0 4px 0;
    font-size: 24px;
    font-weight: 800;
    color: #1a202c;
}
.imecapi-unified-head-copy p {
    margin: 0;
    font-size: 14px;
    color: #64748b;
}
.imecapi-unified-count-pill {
    background: #f1f5f9;
    color: #0083ff;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 20px;
}
.imecapi-unified-carousel-wrap {
    position: relative;
    margin: 0 -8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.imecapi-unified-carousel-track {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    justify-items: center;
    perspective: 1200px;
    width: 100%;
    padding: 16px 0;
}
.imecapi-unified-carousel-track::-webkit-scrollbar {
    display: none;
}
.imecapi-unified-card {
    grid-area: 1 / 1;
    width: 300px;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.6s ease, box-shadow 0.6s ease, filter 0.6s ease;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}
.imecapi-unified-card.is-active {
    transform: translateZ(0) scale(1);
    opacity: 1;
    z-index: 10;
    pointer-events: auto;
    cursor: default;
    border-color: #0083ff;
    box-shadow: 0 20px 50px rgba(0,131,255,0.18), 0 0 0 4px rgba(0,131,255,0.06);
}

.imecapi-unified-card:hover:not(.is-active) {
    opacity: 1;
}

/* Pills y Label */
.imecapi-unified-avatar-label {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    letter-spacing: 1px;
    margin-bottom: 8px;
}
.imecapi-unified-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin-top: 12px;
}
.imecapi-unified-pills span {
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 12px;
    text-transform: uppercase;
}
.imecapi-pill-positive { background: #dcfce7; color: #166534; }
.imecapi-pill-success { background: #dbeafe; color: #1e40af; }
.imecapi-pill-warning { background: #fef3c7; color: #92400e; }
.imecapi-pill-info { background: #e0f2fe; color: #075985; }
.imecapi-pill-neutral { background: #f1f5f9; color: #475569; }
.imecapi-unified-card-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 16px;
}
.imecapi-unified-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    color: #10b981;
}
.imecapi-unified-card:nth-child(2n) .imecapi-unified-avatar {
    color: #0083ff;
}
.imecapi-unified-card:nth-child(3n) .imecapi-unified-avatar {
    color: #f59e0b;
}
.imecapi-unified-avatar span {
    display: none;
}
.imecapi-unified-avatar strong {
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}
.imecapi-unified-name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #1a202c;
}
.imecapi-unified-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 16px;
}
.imecapi-unified-card-grid > div {
    display: grid;
    grid-template-columns: 24px 1fr 1fr;
    align-items: center;
    gap: 8px;
}
.imecapi-unified-card-grid > div i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0083ff;
}
.imecapi-unified-card-grid > div i svg {
    width: 18px;
    height: 18px;
}
.imecapi-unified-card-grid > div span {
    font-size: 12px;
    color: #64748b;
}
.imecapi-unified-card-grid > div b {
    font-size: 12px;
    font-weight: 600;
    color: #1a202c;
    text-align: right;
}
.imecapi-unified-card-comments {
    margin-top: auto;
    margin-bottom: 16px;
}
.imecapi-unified-card-comments span {
    font-size: 11px;
    font-weight: 700;
    color: #0083ff;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}
.imecapi-unified-comments-box {
    background: #f8fafc;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 13px;
    color: #475569;
    line-height: 1.5;
    min-height: 60px;
}
.imecapi-unified-card-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.imecapi-unified-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #0083ff;
    border: 1px solid #0083ff;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.imecapi-unified-btn.is-outline {
    background: #fff;
    color: #0083ff;
}
.imecapi-unified-btn:hover {
    background: #006bce;
    border-color: #006bce;
    color: #fff;
}
.imecapi-unified-btn.is-outline:hover {
    background: #f0f7ff;
    color: #0083ff;
    border-color: #0083ff;
}
.imecapi-unified-btn i svg {
    width: 16px;
    height: 16px;
}
.imecapi-unified-arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    z-index: 10;
    flex-shrink: 0;
    margin: 0 8px;
    transition: all 0.2s;
}
.imecapi-unified-arrow:hover:not(:disabled) {
    color: #0083ff;
    border-color: #0083ff;
    transform: scale(1.05);
}
.imecapi-unified-arrow:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    transform: none;
}
.imecapi-unified-carousel-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}
.imecapi-unified-carousel-dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cbd5e1;
    transition: background 0.2s;
}
.imecapi-unified-carousel-dots span.is-active {
    background: #0083ff;
}
.imecapi-unified-hint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 16px 0 0 0;
    font-size: 12px;
    color: #94a3b8;
}

@media (max-width: 768px) {
    .imecapi-unified-finalists-module {
        padding: 24px 16px;
    }
    .imecapi-unified-head {
        flex-direction: column;
    }
    .imecapi-unified-head-meta {
        margin-top: 12px;
    }
    .imecapi-unified-card {
        flex: 0 0 300px;
    }
    .imecapi-unified-arrow {
        display: none;
    }
    .imecapi-unified-carousel-track {
        padding-left: 16px;
        padding-right: 16px;
    }
    .imecapi-unified-carousel-wrap {
        margin: 0 -16px;
    }
}


/* v0.9.49 PDCA Diagnostic Block */
.imecapi-pdca-diagnostic-wrapper {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    margin-top: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.imecapi-pdca-diagnostic-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e8f0;
}

.imecapi-pdca-diagnostic-header h2 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
}

.imecapi-pdca-diagnostic-header p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.imecapi-pdca-diagnostic-meta {
    display: flex;
    gap: 16px;
}

.imecapi-pdca-diagnostic-meta span {
    background: #f8fafc;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    color: #334155;
    border: 1px solid #e2e8f0;
}

.imecapi-pdca-diagnostic-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.imecapi-pdca-col h3 {
    font-size: 16px;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.imecapi-pdca-desc article {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.imecapi-pdca-desc article h4 {
    margin: 0 0 8px;
    font-size: 14px;
    color: #334155;
    font-weight: 600;
}

.imecapi-pdca-desc article p {
    margin: 0;
    font-size: 14px;
    color: #475569;
    line-height: 1.5;
}

.imecapi-pdca-chart {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.imecapi-pdca-chart-bar {
    margin-bottom: 12px;
}

.imecapi-pdca-chart-bar:last-child {
    margin-bottom: 0;
}

.imecapi-pdca-chart-bar .bar-info {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #334155;
    margin-bottom: 4px;
}

.imecapi-pdca-chart-bar .bar-label {
    font-weight: 500;
}

.imecapi-pdca-chart-bar .bar-value {
    font-weight: 700;
}

.imecapi-pdca-chart-bar .bar-track {
    height: 8px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
}

.imecapi-pdca-chart-bar .bar-fill {
    height: 100%;
    background: #3b82f6;
    border-radius: 4px;
}

.imecapi-pdca-chart-bar:nth-child(1) .bar-fill { background: #ef4444; }
.imecapi-pdca-chart-bar:nth-child(2) .bar-fill { background: #f59e0b; }
.imecapi-pdca-chart-bar:nth-child(3) .bar-fill { background: #3b82f6; }

.imecapi-pdca-conclusion {
    background: #fff1f2;
    border: 1px solid #fecdd3;
    padding: 16px;
    border-radius: 8px;
}

.imecapi-pdca-conclusion h4 {
    margin: 0 0 8px;
    font-size: 14px;
    color: #be123c;
    font-weight: 600;
}

.imecapi-pdca-conclusion p {
    margin: 0;
    font-size: 14px;
    color: #9f1239;
    line-height: 1.5;
}

.imecapi-pdca-action-group {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
}

.imecapi-pdca-action-group h4 {
    margin: 0;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
}

.imecapi-pdca-action-group h4.pdca-plan { color: #3b82f6; border-left: 3px solid #3b82f6; }
.imecapi-pdca-action-group h4.pdca-do { color: #f59e0b; border-left: 3px solid #f59e0b; }
.imecapi-pdca-action-group h4.pdca-check { color: #10b981; border-left: 3px solid #10b981; }
.imecapi-pdca-action-group h4.pdca-act { color: #8b5cf6; border-left: 3px solid #8b5cf6; }

.imecapi-pdca-action-group h4 span {
    font-size: 12px;
    font-weight: 400;
    color: #64748b;
}

.imecapi-pdca-action-group ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.imecapi-pdca-action-group li {
    padding: 10px 16px;
    font-size: 13px;
    color: #334155;
    border-bottom: 1px solid #f1f5f9;
    position: relative;
    padding-left: 24px;
}

.imecapi-pdca-action-group li::before {
    content: "\2022";
    position: absolute;
    left: 12px;
    color: #cbd5e1;
}

.imecapi-pdca-action-group li:last-child {
    border-bottom: none;
}

.imecapi-pdca-action-group li.empty {
    color: #94a3b8;
    font-style: italic;
}

.imecapi-pdca-action-group li.empty::before {
    display: none;
}

@media (max-width: 992px) {
    .imecapi-pdca-diagnostic-grid {
        grid-template-columns: 1fr;
    }
}

/* Kanban Board Styling (overriding workboard) */
.imecapi-workboard-clean {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    margin-top: 24px;
}

.imecapi-workboard-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.imecapi-workboard-head span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 4px;
}

.imecapi-workboard-head h2 {
    margin: 0 0 8px;
    font-size: 24px;
    color: #1e293b;
}

.imecapi-workboard-head p {
    margin: 0;
    color: #475569;
    font-size: 14px;
}

.imecapi-workboard-head b {
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
}

.imecapi-workboard-head b.tone-success { background: #dcfce7; color: #166534; }
.imecapi-workboard-head b.tone-warning { background: #fef9c3; color: #854d0e; }
.imecapi-workboard-head b.tone-danger { background: #fee2e2; color: #991b1b; }
.imecapi-workboard-head b.tone-neutral { background: #f1f5f9; color: #475569; }

.imecapi-workboard-kpis {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}

.imecapi-workboard-kpis article {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 12px 16px;
    border-radius: 8px;
    flex: 1;
}

.imecapi-workboard-kpis span {
    display: block;
    font-size: 12px;
    color: #64748b;
    margin-bottom: 4px;
}

.imecapi-workboard-kpis strong {
    display: block;
    font-size: 18px;
    color: #1e293b;
}

.imecapi-workboard-lanes {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    align-items: start;
}

.imecapi-workboard-lane {
    background: #f1f5f9;
    border-radius: 12px;
    padding: 12px;
}

.imecapi-workboard-lane header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding: 0 4px;
}

.imecapi-workboard-lane header strong {
    font-size: 14px;
    font-weight: 600;
    color: #334155;
}

.imecapi-workboard-lane header span {
    background: #e2e8f0;
    color: #475569;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 999px;
    font-weight: 600;
}

.imecapi-workboard-lane.tone-plan header strong { color: #0284c7; }
.imecapi-workboard-lane.tone-plan header span { background: #e0f2fe; color: #0369a1; }
.imecapi-workboard-lane.tone-plan { border-top: 3px solid #38bdf8; }

.imecapi-workboard-lane.tone-progress header strong { color: #ca8a04; }
.imecapi-workboard-lane.tone-progress header span { background: #fef3c7; color: #b45309; }
.imecapi-workboard-lane.tone-progress { border-top: 3px solid #facc15; }

.imecapi-workboard-lane.tone-review header strong { color: #16a34a; }
.imecapi-workboard-lane.tone-review header span { background: #dcfce7; color: #15803d; }
.imecapi-workboard-lane.tone-review { border-top: 3px solid #4ade80; }

.imecapi-workboard-cards {
    display: grid;
    gap: 10px;
}

.imecapi-workboard-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
}

.imecapi-workboard-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
}

.imecapi-workboard-card strong {
    display: block;
    font-size: 14px;
    color: #1e293b;
    margin-bottom: 4px;
}

.imecapi-workboard-card span {
    display: block;
    font-size: 12px;
    color: #64748b;
    margin-bottom: 8px;
}

.imecapi-workboard-card p {
    margin: 0;
    font-size: 13px;
    color: #475569;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .imecapi-workboard-lanes {
        grid-template-columns: 1fr;
    }
}

/* v0.9.60 Imecapi Clone Redesign */
.imecapi-k-board {
    background: #f4f5f7;
    border-radius: 12px;
    padding: 8px 20px 20px;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 120px); /* Fill screen */
    min-height: 600px;
}

.imecapi-header-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 8px;
}

.imecapi-toolbar-left, .imecapi-toolbar-right {
    display: flex;
    align-items: center;
    gap: 16px;
}

.imecapi-subtitle {
    margin: 0;
    color: #475569;
    font-size: 14px;
    font-weight: 500;
}

.imecapi-filters {
    display: flex;
    gap: 12px;
}

.imecapi-filters select, .imecapi-filter-btn, .imecapi-export-btn, .imecapi-view-toggles button {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}

.imecapi-view-toggles {
    display: flex;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    overflow: hidden;
}

.imecapi-view-toggles button {
    border: none;
    border-radius: 0;
    border-right: 1px solid #cbd5e1;
}
.imecapi-view-toggles button:last-child {
    border-right: none;
}
.imecapi-view-toggles button.active {
    background: #e2e8f0;
    color: #0f172a;
}

.imecapi-k-board-main-area {
    display: flex;
    flex: 1;
    overflow: hidden;
    gap: 16px;
}

/* Sidebar Bandeja de Entrada (Inbox) */
.imecapi-inbox-sidebar {
    background: #46335a; /* Purple dark theme from screenshot */
    border-radius: 12px;
    width: 260px;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    color: #fff;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.3s;
    overflow: hidden;
}

.imecapi-inbox-sidebar.collapsed {
    width: 48px;
    min-width: 48px;
    cursor: pointer;
}

.imecapi-inbox-sidebar.collapsed:hover {
    background: #5a4273;
}

.imecapi-inbox-sidebar .sidebar-header {
    display: flex;
    align-items: center;
    padding: 16px;
    gap: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.sidebar-toggle-btn {
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: transform 0.3s;
}

.sidebar-toggle-btn:hover {
    background: rgba(255,255,255,0.1);
}

.imecapi-inbox-sidebar.collapsed .sidebar-toggle-btn {
    transform: rotate(180deg);
}

.sidebar-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    opacity: 1;
    transition: opacity 0.2s;
}

.imecapi-inbox-sidebar.collapsed .sidebar-title {
    opacity: 0;
    pointer-events: none;
}

.sidebar-title .badge {
    background: rgba(255,255,255,0.2);
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
}

.sidebar-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 16px;
    overflow-y: auto;
    opacity: 1;
    transition: opacity 0.2s;
}

.imecapi-inbox-sidebar.collapsed .sidebar-content {
    opacity: 0;
    pointer-events: none;
    padding: 0;
}

.inbox-cards {
    flex: 1;
}

.inbox-cards .imecapi-k-card {
    background: #2a1f36; /* Darker card in sidebar */
    border: 1px solid rgba(255,255,255,0.1);
    color: #e2e8f0;
}

.inbox-cards .imecapi-k-card-header strong {
    color: inherit;
}

.inbox-cards .imecapi-k-card-subtitle {
    color: #94a3b8;
}

.inbox-cards .imecapi-k-add-card-btn {
    color: #eab308;
}

.imecapi-k-board-title {
    margin: 0;
    font-size: 20px;
    color: #1e293b;
    font-weight: 700;
}

.imecapi-k-board-views {
    display: flex;
    gap: 8px;
    align-items: center;
}

.imecapi-k-board-views button {
    background: transparent;
    border: none;
    color: #475569;
    font-weight: 600;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}

.imecapi-k-board-views button:hover {
    background: #e2e8f0;
}

.imecapi-k-board-views button.active {
    background: #0f172a;
    color: #fff;
}

.imecapi-view-more {
    font-size: 12px !important;
}

/* Horizontal Scroll Container */
.imecapi-k-lanes-container {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding: 12px 12px 24px 12px;
    flex: 1;
    align-items: flex-start;
}

/* Custom Scrollbar for lanes */
.imecapi-k-lanes-container::-webkit-scrollbar {
    height: 10px;
}
.imecapi-k-lanes-container::-webkit-scrollbar-track {
    background: #e2e8f0;
    border-radius: 5px;
}
.imecapi-k-lanes-container::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 5px;
}

.imecapi-k-lane {
    min-width: 320px;
    width: 320px;
    background: #f4f5f7;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border: 1px solid rgba(255, 255, 255, 0.6);
    max-height: 100%;
    transition: width 0.3s ease, min-width 0.3s ease;
}

.imecapi-k-lane-header {
    padding: 16px;
    border-radius: 12px 12px 0 0;
    background-color: #0083ff;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.imecapi-k-lane.collapsed {
    min-width: 60px;
    width: 60px;
    overflow: hidden;
}

.imecapi-k-lane.collapsed .imecapi-k-cards-container,
.imecapi-k-lane.collapsed .imecapi-k-add-card-btn,
.imecapi-k-lane.collapsed .lane-progress-text,
.imecapi-k-lane.collapsed .lane-count-badge {
    display: none;
}

.imecapi-k-lane.collapsed .lane-title-row {
    flex-direction: column-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.imecapi-k-lane.collapsed .editable-col-name {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    margin-top: 16px;
    white-space: nowrap;
}

.lane-title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.lane-title-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: column; /* Cambiado a columna para cuando está colapsado no se rompa */
}
.imecapi-k-lane:not(.collapsed) .lane-title-right {
    flex-direction: row; /* En modo normal es fila */
}

/* Blur Background Class */
.board-blurred .imecapi-k-board-main-area {
    filter: blur(5px);
    pointer-events: none;
    transition: filter 0.3s ease;
}
.imecapi-k-col-menu-btn {
    background: transparent;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    padding: 2px 6px;
    border-radius: 4px;
}

.imecapi-k-col-menu-btn:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.editable-col-name {
    font-size: 15px;
    color: inherit;
    outline: none;
}

.editable-col-name:focus {
    background: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    box-shadow: 0 0 0 2px #3b82f6;
}

.lane-count-badge {
    background: #e2e8f0;
    color: #475569;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 12px;
    font-weight: 700;
}

.lane-progress-text {
    font-size: 12px;
    color: inherit;
    opacity: 0.8;
}

.imecapi-k-cards-container {
    padding: 12px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 50px;
}

.imecapi-k-cards-container.drag-over {
    background: #f1f5f9;
    border-radius: 8px;
}

.imecapi-k-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.5);
    border: 1px solid rgba(255, 255, 255, 0.4);
    cursor: pointer;
    overflow: hidden;
    transition: box-shadow 0.2s, transform 0.2s;
}

.imecapi-k-card:hover {
    box-shadow: 0 8px 16px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.6);
    transform: translateY(-2px);
}

.imecapi-k-card.note-card {
    background: #fef08a !important;
    border-radius: 2px 12px 2px 12px;
    box-shadow: 3px 4px 8px rgba(0,0,0,0.15);
    border: none;
}
.imecapi-k-card.note-card strong, .imecapi-k-card.note-card .imecapi-k-card-subtitle {
    color: #451a03 !important;
}

.imecapi-k-card.is-dragging {
    opacity: 0.5;
    transform: rotate(2deg);
}

.imecapi-k-lane.is-dragging {
    opacity: 0.5;
    transform: rotate(1deg);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.custom-range {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
}
.custom-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #3b82f6;
    cursor: pointer;
    margin-top: -6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #e2e8f0;
    border-radius: 2px;
}
.custom-range:focus {
    outline: none;
}
.custom-range::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #e2e8f0;
    border-radius: 2px;
}
.custom-range::-moz-range-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #3b82f6;
    cursor: pointer;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.imecapi-k-card-cover {
    height: 100px;
    background-size: cover;
    background-position: center;
}

.imecapi-k-card-header {
    padding: 12px 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.imecapi-k-card-header strong {
    font-size: 14px;
    color: inherit;
    line-height: 1.3;
}

.imecapi-k-card-menu-btn {
    background: none;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    font-weight: bold;
}

.imecapi-k-card-menu-btn:hover {
    background: #f1f5f9;
    color: #0f172a;
}

.imecapi-k-card-subtitle {
    display: block;
    padding: 0 12px;
    font-size: 12px;
    color: #64748b;
    margin-top: 4px;
}

.imecapi-k-card-date {
    display: inline-block;
    margin: 8px 12px 0;
    font-size: 11px;
    color: #64748b;
    background: #f1f5f9;
    padding: 2px 6px;
    border-radius: 4px;
}

.imecapi-k-card-footer {
    padding: 12px;
}

.imecapi-k-card-progress-bar {
    height: 4px;
    background: #e2e8f0;
    border-radius: 2px;
    margin-top: 12px;
    position: relative;
}

.imecapi-k-card-progress-bar .fill {
    height: 100%;
    border-radius: 2px;
}

.imecapi-k-card-progress-bar .pct {
    position: absolute;
    right: 0;
    top: -16px;
    font-size: 10px;
    font-weight: 700;
    color: #64748b;
}

.imecapi-k-card-avatars {
    display: flex;
    margin-top: 8px;
}

.imecapi-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #3b82f6;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    margin-left: -6px;
}
.imecapi-avatar:first-child {
    margin-left: 0;
}

.imecapi-k-add-card-btn {
    background: transparent;
    border: none;
    padding: 12px;
    color: #0083ff;
    font-size: 14px;
    font-weight: 600;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    transition: all 0.2s;
}

.imecapi-k-add-card-btn:hover {
    background: rgba(0, 131, 255, 0.1);
    color: #0083ff;
    border-radius: 0 0 10px 10px;
}

.imecapi-k-add-lane-wrapper {
    min-width: 50px;
    display: flex;
    align-items: flex-start;
}

.imecapi-k-add-lane-btn {
    background: #ef4444;
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding: 0;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(239, 68, 68, 0.4) !important;
    transition: transform 0.2s, box-shadow 0.2s;
}

.imecapi-k-add-lane-btn:hover {
    background-color: #dc2626 !important;
    border-radius: 50% !important;
    outline: none !important;
}

.imecapi-k-add-lane-btn::before, .imecapi-k-add-lane-btn::after {
    display: none !important;
}

/* Modal Imecapi Clone (Dark Theme) */
.imecapi-k-modal {
    border: none;
    border-radius: 12px;
    padding: 0;
    width: 90%;
    max-width: 900px;
    max-height: 90vh;
    background: #ffffff;
    color: #1e293b;
}

.imecapi-k-modal::backdrop {
    background: rgba(0, 0, 0, 0.75);
}

.imecapi-k-modal-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.imecapi-k-modal-header {
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.header-left {
    display: flex;
    gap: 12px;
    flex: 1;
}

.header-left svg {
    color: #9fadbc;
    margin-top: 4px;
}

#imecapi-k-modal-title {
    background: transparent;
    border: none;
    color: #1e293b;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    outline: none;
    margin-bottom: 4px;
}

#imecapi-k-modal-title:focus {
    background: #f8fafc;
    box-shadow: inset 0 0 0 2px #85b8ff;
    border-radius: 4px;
}

.in-list {
    font-size: 14px;
    color: #9fadbc;
}
.in-list a {
    color: #9fadbc;
    text-decoration: underline;
}

.header-right {
    display: flex;
    gap: 8px;
}

.icon-btn {
    background: transparent;
    border: none;
    color: #475569;
    cursor: pointer;
    border-radius: 4px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-btn:hover {
    background: #f1f5f9;
}

.imecapi-k-modal-body {
    display: flex;
    padding: 0 24px 24px;
    gap: 24px;
    overflow-y: auto;
}

.imecapi-k-modal-main {
    flex: 1;
}

.imecapi-action-buttons {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.imecapi-action-buttons button, .imecapi-btn-secondary {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.imecapi-action-buttons button:hover, .imecapi-btn-secondary:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.imecapi-section {
    margin-bottom: 32px;
}

.imecapi-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.imecapi-section-header h3 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 16px;
    color: #1e293b;
}

.imecapi-description-content textarea {
    width: 100%;
    min-height: 100px;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 12px;
    color: #1e293b;
    font-family: inherit;
    resize: vertical;
}

.imecapi-checklist-progress {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 12px;
    color: #9fadbc;
}

.imecapi-checklist-progress .bar {
    flex: 1;
    height: 8px;
    background: #2c333a;
    border-radius: 4px;
}

.imecapi-checklist-progress .fill {
    height: 100%;
    background: #579dff;
    border-radius: 4px;
    transition: width 0.3s;
}

.imecapi-k-modal-sidebar {
    width: 200px;
}

.sidebar-module h4 {
    font-size: 12px;
    color: #9fadbc;
    margin-top: 0;
    margin-bottom: 8px;
}

.sidebar-btn {
    width: 100%;
    text-align: left;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.sidebar-btn:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.sidebar-btn.text-red {
    color: #f87171;
}

.imecapi-k-modal-comments {
    padding: 0 24px 24px;
}

.comment-input-area {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.comment-input-area textarea {
    flex: 1;
    background: #22272b;
    border: 1px solid #738496;
    border-radius: 4px;
    padding: 12px;
    color: #b6c2cf;
    min-height: 40px;
    resize: none;
}

.comment-input-area textarea:focus {
    background: #2c333a;
    border-color: #85b8ff;
    outline: none;
}

.activity-item {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.activity-content {
    font-size: 14px;
    color: #b6c2cf;
}

.activity-time {
    display: block;
    font-size: 12px;
    color: #9fadbc;
    margin-top: 4px;
}
ction-btn {
    padding: 2px 6px;
    font-size: 10px;
}

/* Modal Inputs Styling */
.imecapi-k-modal input[type="text"],
.imecapi-k-modal input[type="number"],
.imecapi-k-modal select,
.imecapi-k-modal textarea {
    width: 100%;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 10px 12px;
    color: #1e293b;
    font-size: 14px;
    outline: none;
    transition: all 0.2s;
    box-sizing: border-box;
    margin-top: 6px;
}

.imecapi-k-modal input[type="text"]:focus,
.imecapi-k-modal textarea:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.imecapi-k-modal input[type="text"]:focus,
.imecapi-k-modal input[type="number"]:focus,
.imecapi-k-modal select:focus {
    border-color: #85b8ff;
    box-shadow: 0 0 0 2px rgba(133, 184, 255, 0.2);
}

.imecapi-k-modal label {
    font-size: 13px;
    color: #9fadbc;
    font-weight: 600;
    margin-bottom: 4px;
    display: block;
    margin-top: 16px;
}

.imecapi-k-modal input[type="color"] {
    -webkit-appearance: none;
    border: none;
    width: 100%;
    height: 40px;
    border-radius: 6px;
    cursor: pointer;
    background: transparent;
    margin-top: 6px;
}
.imecapi-k-modal input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}
.imecapi-k-modal input[type="color"]::-webkit-color-swatch {
    border: 1px solid #738496;
    border-radius: 6px;
}

.imecapi-k-modal input[type="range"] {
    width: 100%;
    margin-top: 12px;
    accent-color: #579dff;
}

.imecapi-k-modal input[type="file"] {
    color: #1e293b;
    font-size: 14px;
    margin-top: 8px;
}