/* ==========================================================================
   AC UNIRIA ERP
   DESIGN SYSTEM V2
   ENTERPRISE GRAPHITE
   FASE UI-G2-A1

   Capa visual no destructiva.
   Requiere .app-shell.uniria-theme-v2.
   ========================================================================== */


/* ==========================================================================
   1. DESIGN TOKENS
   ========================================================================== */

.app-shell.uniria-theme-v2 {

    /* Identidad */

    --uniria-brand-700: #0e5e59;
    --uniria-brand-600: #16756f;
    --uniria-brand-500: #218a82;
    --uniria-brand-400: #43a79f;

    --uniria-brand-soft: #e2f0ed;
    --uniria-brand-subtle: #f1f7f5;


    /* Graphite */

    --uniria-graphite-950: #191e24;
    --uniria-graphite-900: #20262e;
    --uniria-graphite-850: #262e36;
    --uniria-graphite-800: #313a44;


    /* Neutrales */

    --text-main: #20242a;
    --text-soft: #667085;
    --text-light: #8a929d;

    --border: #dee2df;
    --border-soft: #e9ece9;

    --surface: #ffffff;
    --surface-soft: #f9faf8;
    --background: #f5f6f4;


    /* Semánticos */

    --success: #16805f;
    --warning: #b7791f;
    --danger: #b42318;
    --info: #16756f;


    /* Geometría */

    --radius-lg: 14px;
    --radius-md: 10px;
    --radius-sm: 7px;

    --shadow:
        0 12px 30px rgba(28, 35, 40, .055);


    /* --------------------------------------------------------------
       Puente temporal V1 -> V2

       Permite modernizar componentes existentes sin modificar
       todavía uniria.css ni cada módulo.
       -------------------------------------------------------------- */

    --navy-950: #191e24;
    --navy-900: #20262e;
    --navy-850: #262e36;
    --navy-800: #313a44;

    --blue-700: #0e5e59;
    --blue-600: #16756f;
    --blue-500: #218a82;
    --cyan-400: #43a79f;

    --primary-color: #16756f;
    --border-color: #dee2df;

    --q-primary: #16756f;
    --q-primary-soft: #e2f0ed;

    --quote-blue: #16756f;
    --quote-blue-soft: #e2f0ed;
}


/* ==========================================================================
   2. APP SHELL
   ========================================================================== */

.app-shell.uniria-theme-v2 {
    background: var(--background);
}

.uniria-theme-v2 .main-content {
    background: var(--background);
}


/* ==========================================================================
   3. SIDEBAR
   ========================================================================== */

.uniria-theme-v2 .sidebar {
    padding:
        20px
        14px;

    border-right:
        1px solid
        rgba(255, 255, 255, .045);

    background:
        linear-gradient(
            180deg,
            #20262e 0%,
            #1d2329 52%,
            #191e24 100%
        );

    box-shadow:
        8px 0 28px
        rgba(18, 23, 28, .045);
}


.uniria-theme-v2 .sidebar-brand {
    gap: 11px;

    padding:
        4px
        8px
        23px;
}


.uniria-theme-v2 .uniria-mark-sidebar {
    width: 48px;
    height: 30px;
}


.uniria-theme-v2 .brand-copy strong {
    color: #f4f6f7;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: -.15px;
}


.uniria-theme-v2 .brand-copy span {
    color: #87929d;

    font-size: 9px;
    font-weight: 500;
}


.uniria-theme-v2 .nav-label,
.uniria-theme-v2 .nav-group summary {
    color: #75818c;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: 1.15px;
}


.uniria-theme-v2 .nav-group summary:hover {
    color: #aeb7c0;
}


.uniria-theme-v2 .nav-item {
    min-height: 39px;

    margin:
        2px
        0;

    padding:
        0
        11px;

    border-radius: 8px;

    color: #b7c0c9;

    font-size: 11px;
    font-weight: 550;

    transition:
        background-color .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}


.uniria-theme-v2 .nav-item:not(.disabled):hover {
    color: #f5f7f7;

    background:
        rgba(255, 255, 255, .045);
}


.uniria-theme-v2 .nav-item.active {
    color: #ffffff;

    background:
        linear-gradient(
            90deg,
            rgba(22, 117, 111, .30),
            rgba(22, 117, 111, .13)
        );

    box-shadow:
        inset 3px 0 0
        #43a79f;
}


.uniria-theme-v2 .nav-icon {
    color: #84939e;
}


.uniria-theme-v2 .nav-item.active .nav-icon {
    color: #73c5bc;
}


.uniria-theme-v2 .sidebar-nav {
    scrollbar-color:
        #414b54
        transparent;
}


.uniria-theme-v2 .sidebar-nav::-webkit-scrollbar-thumb {
    background: #414b54;
}


.uniria-theme-v2 .sidebar-footer {
    border-top:
        1px solid
        rgba(255, 255, 255, .065);
}


.uniria-theme-v2 .user-avatar {
    background:
        rgba(67, 167, 159, .15);

    color: #7bcbc3;
}


.uniria-theme-v2 .sidebar-user span {
    color: #7e8994;
}


.uniria-theme-v2 .logout-button {
    color: #8d98a3;
}


.uniria-theme-v2 .logout-button:hover {
    color: #ffffff;

    background:
        rgba(255, 255, 255, .05);
}


/* ==========================================================================
   4. TOPBAR
   ========================================================================== */

.uniria-theme-v2 .topbar {
    height: 64px;

    padding:
        0
        30px;

    border-bottom:
        1px solid
        #e1e4e1;

    background:
        rgba(255, 255, 255, .94);

    backdrop-filter:
        blur(14px);

    box-shadow:
        0 1px 0
        rgba(30, 38, 43, .025);
}


.uniria-theme-v2 .topbar-org-mark {
    border-radius: 8px;

    color: var(--uniria-brand-700);

    background:
        var(--uniria-brand-soft);
}


.uniria-theme-v2 .topbar-identity strong {
    color: #343b42;

    font-weight: 650;
}


.uniria-theme-v2 .topbar-identity span {
    color: #8a929d;
}


.uniria-theme-v2 .organization-switcher select {
    border-color: #dfe3e0;

    color: #384047;

    background: #ffffff;
}


/* ==========================================================================
   5. WORKSPACE / HEADERS
   ========================================================================== */

.uniria-theme-v2 .content-wrapper {
    padding:
        28px
        32px
        54px;
}


.uniria-theme-v2 .page-header {
    margin-bottom: 20px;
}


.uniria-theme-v2 .page-header h1 {
    margin:
        5px
        0
        5px;

    color: #20242a;

    font-size: 28px;

    letter-spacing: -.75px;
}


.uniria-theme-v2 .premium-page-header h1 {
    font-size: 29px;

    letter-spacing: -.8px;
}


.uniria-theme-v2 .page-header p {
    color: #737c85;

    font-size: 11px;
}


.uniria-theme-v2 .eyebrow,
.uniria-theme-v2 .login-heading .eyebrow {
    color: var(--uniria-brand-600);

    font-size: 9px;
    font-weight: 750;

    letter-spacing: 1.15px;
}


/* ==========================================================================
   6. PRIMARY / SECONDARY ACTIONS
   ========================================================================== */

.uniria-theme-v2 .btn-primary-inline {
    border:
        1px solid
        var(--uniria-brand-600);

    border-radius: 8px;

    color: #ffffff;

    background:
        var(--uniria-brand-600);

    box-shadow:
        0 4px 12px
        rgba(22, 117, 111, .13);

    transition:
        background-color .15s ease,
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}


.uniria-theme-v2 .btn-primary-inline:hover {
    border-color:
        var(--uniria-brand-700);

    background:
        var(--uniria-brand-700);

    box-shadow:
        0 5px 14px
        rgba(22, 117, 111, .17);
}


.uniria-theme-v2 .btn-primary-inline:active {
    transform:
        translateY(1px);
}


.uniria-theme-v2 .btn-secondary-inline {
    border:
        1px solid
        #d9dedb;

    border-radius: 8px;

    color: #495159;

    background: #ffffff;

    box-shadow:
        0 1px 2px
        rgba(28, 35, 40, .025);

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease;
}


.uniria-theme-v2 .btn-secondary-inline:hover {
    border-color: #cbd2ce;

    color: #252c32;

    background: #f8f9f7;
}


.uniria-theme-v2 .btn-primary-inline:focus-visible,
.uniria-theme-v2 .btn-secondary-inline:focus-visible {
    outline:
        3px solid
        rgba(22, 117, 111, .18);

    outline-offset: 2px;
}


/* ==========================================================================
   7. FORMS
   ========================================================================== */

.uniria-theme-v2 .erp-form input[type="text"],
.uniria-theme-v2 .erp-form input[type="email"],
.uniria-theme-v2 .erp-form input[type="url"],
.uniria-theme-v2 .erp-form input[type="password"],
.uniria-theme-v2 .erp-form input[type="tel"],
.uniria-theme-v2 .erp-form input[type="search"],
.uniria-theme-v2 .erp-form input[type="number"],
.uniria-theme-v2 .erp-form input[type="date"],
.uniria-theme-v2 .erp-form input[type="time"],
.uniria-theme-v2 .erp-form input[type="datetime-local"],
.uniria-theme-v2 .erp-form select,
.uniria-theme-v2 .erp-form textarea {
    border:
        1px solid
        #d8ddda;

    border-radius: 8px;

    color: #292f35;

    background: #ffffff;
}


.uniria-theme-v2 .erp-form input:focus,
.uniria-theme-v2 .erp-form select:focus,
.uniria-theme-v2 .erp-form textarea:focus {
    border-color:
        var(--uniria-brand-500);

    box-shadow:
        0 0 0 3px
        rgba(22, 117, 111, .10);
}


.uniria-theme-v2 .form-group label {
    color: #4b535b;

    font-weight: 650;
}


.uniria-theme-v2 .field-help {
    color: #8a929d;
}


/* ==========================================================================
   8. FILTERS
   ========================================================================== */

.uniria-theme-v2 .crm-filters {
    border-bottom:
        1px solid
        #e3e7e3;

    background:
        #fafbf9;
}


.uniria-theme-v2 .crm-filters input,
.uniria-theme-v2 .crm-filters select,
.uniria-theme-v2 .list-toolbar input,
.uniria-theme-v2 .list-toolbar select {
    border:
        1px solid
        #d8ddda;

    border-radius: 8px;

    color: #384047;

    background: #ffffff;
}


.uniria-theme-v2 .crm-filters input:focus,
.uniria-theme-v2 .crm-filters select:focus,
.uniria-theme-v2 .list-toolbar input:focus,
.uniria-theme-v2 .list-toolbar select:focus {
    border-color:
        var(--uniria-brand-500);

    box-shadow:
        0 0 0 3px
        rgba(22, 117, 111, .09);
}


.uniria-theme-v2 .crm-search .uniria-icon {
    color: #929b9f;
}


/* ==========================================================================
   9. CARDS / SURFACES
   ========================================================================== */

.uniria-theme-v2 .mini-stats article {
    padding:
        14px
        15px;

    border:
        1px solid
        #e0e4e1;

    border-radius: 10px;

    background: #ffffff;

    box-shadow:
        0 3px 12px
        rgba(29, 36, 41, .025);
}


.uniria-theme-v2 .mini-stats span {
    color: #8a929d;

    font-size: 8px;
    font-weight: 750;
}


.uniria-theme-v2 .mini-stats strong {
    color: #252b30;

    font-size: 20px;
    font-weight: 700;
}


.uniria-theme-v2 .list-card,
.uniria-theme-v2 .settings-card,
.uniria-theme-v2 .panel {
    border:
        1px solid
        #e0e4e1;

    border-radius: 12px;

    background: #ffffff;

    box-shadow:
        0 5px 18px
        rgba(29, 36, 41, .028);
}


.uniria-theme-v2 .list-toolbar {
    border-bottom:
        1px solid
        #e5e8e5;

    background:
        #fafbf9;
}


/* ==========================================================================
   10. DASHBOARD
   ========================================================================== */

.uniria-theme-v2 .welcome-card {
    min-height: 164px;

    padding: 30px;

    border:
        1px solid
        rgba(255, 255, 255, .04);

    border-radius: 14px;

    background:
        radial-gradient(
            circle at 88% 18%,
            rgba(67, 167, 159, .20),
            transparent 27%
        ),
        linear-gradient(
            125deg,
            #20262e 0%,
            #252e34 56%,
            #214441 100%
        );

    box-shadow:
        0 14px 34px
        rgba(27, 34, 39, .10);
}


.uniria-theme-v2 .card-kicker {
    color: #85d2c9;
}


.uniria-theme-v2 .welcome-card p {
    color: #c1cacb;
}


.uniria-theme-v2 .metric-card {
    border:
        1px solid
        #e0e4e1;

    border-radius: 11px;

    background: #ffffff;

    box-shadow:
        0 4px 16px
        rgba(29, 36, 41, .028);
}


.uniria-theme-v2 .metric-icon {
    color:
        var(--uniria-brand-600);

    background:
        var(--uniria-brand-soft);
}


.uniria-theme-v2 .panel-badge {
    color:
        var(--uniria-brand-700);

    background:
        var(--uniria-brand-soft);
}


/* ==========================================================================
   11. TABLES
   ========================================================================== */

.uniria-theme-v2 .table-responsive {
    scrollbar-color:
        #c9cfcb
        transparent;
}


.uniria-theme-v2 .erp-table {
    color: #343b42;

    font-size: 11px;
}


.uniria-theme-v2 .erp-table th {
    padding:
        11px
        14px;

    border-bottom:
        1px solid
        #dde2de;

    color: #717a82;

    background:
        #f7f8f6;

    font-size: 8px;
    font-weight: 750;

    letter-spacing: .65px;
}


.uniria-theme-v2 .erp-table td {
    padding:
        13px
        14px;

    border-bottom:
        1px solid
        #e8ebe8;

    color: #3e464d;
}


.uniria-theme-v2 .erp-table tbody tr {
    transition:
        background-color .12s ease;
}


.uniria-theme-v2 .erp-table tbody tr:hover {
    background:
        #f3f7f5;
}


.uniria-theme-v2 .table-actions a {
    color:
        var(--uniria-brand-600);
}


/* ==========================================================================
   12. CRM / ENTITY VISUALS
   ========================================================================== */

.uniria-theme-v2 .customer-avatar {
    border-radius: 8px;

    color:
        var(--uniria-brand-700);

    background:
        var(--uniria-brand-soft);
}


.uniria-theme-v2 .customer-name-link {
    color: #252b30;
}


.uniria-theme-v2 .customer-name-link:hover {
    color:
        var(--uniria-brand-600);
}


/* ==========================================================================
   13. STATUS / SEMANTICS
   ========================================================================== */

.uniria-theme-v2 .status-chip {
    border-radius: 999px;

    font-weight: 750;
}


.uniria-theme-v2 .status-chip.primary {
    color:
        var(--uniria-brand-700);

    background:
        var(--uniria-brand-soft);
}


.uniria-theme-v2 .status-chip.success {
    color: #176b50;

    background: #e8f5ef;
}


.uniria-theme-v2 .status-chip.inactive {
    color: #707982;

    background: #f0f2f1;
}


/* ==========================================================================
   14. DETAIL HEADERS
   ========================================================================== */

.uniria-theme-v2 .detail-panel-header {
    border-bottom-color:
        #e6e9e6;
}


.uniria-theme-v2 .detail-header-actions {
    gap: 7px;
}


/* ==========================================================================
   15. EMPTY STATES
   ========================================================================== */

.uniria-theme-v2 .quote-empty-state,
.uniria-theme-v2 .empty-state,
.uniria-theme-v2 .dashboard-no-metrics {
    color: #69727a;
}


.uniria-theme-v2 .empty-state-icon {
    color:
        var(--uniria-brand-600);

    background:
        var(--uniria-brand-subtle);
}


/* ==========================================================================
   16. ACCESSIBILITY / SELECTION
   ========================================================================== */

.uniria-theme-v2 ::selection {
    color: #18312f;

    background: #cbe7e2;
}


.uniria-theme-v2 a:focus-visible,
.uniria-theme-v2 button:focus-visible,
.uniria-theme-v2 input:focus-visible,
.uniria-theme-v2 select:focus-visible,
.uniria-theme-v2 textarea:focus-visible {
    outline-color:
        rgba(22, 117, 111, .34);
}


/* ==========================================================================
   17. RESPONSIVE
   ========================================================================== */

@media (max-width: 820px) {

    .uniria-theme-v2 .topbar {
        padding:
            0
            18px;
    }

    .uniria-theme-v2 .content-wrapper {
        padding:
            24px
            18px
            44px;
    }

}


@media (max-width: 560px) {

    .uniria-theme-v2 .page-header h1,
    .uniria-theme-v2 .premium-page-header h1 {
        font-size: 25px;
    }

    .uniria-theme-v2 .welcome-card {
        padding: 23px;
    }

}


/* ==========================================================================
   END - UNIRIA ENTERPRISE GRAPHITE / UI-G2-A1
   ========================================================================== */


/* ==========================================================================
   UI-G2-A2-P1 GLOBAL BRAND NORMALIZATION

   Garantía visual transversal:
   la identidad primaria de UNIRIA es petróleo.
   ========================================================================== */


/* Controles nativos */

.uniria-theme-v2 input[type="checkbox"],
.uniria-theme-v2 input[type="radio"] {
    accent-color:
        var(--uniria-brand-600);
}


/* Numeradores / identificadores de secciones */

.uniria-theme-v2 .section-icon {
    color:
        var(--uniria-brand-700);

    border-color:
        #cfe5e1;

    background:
        var(--uniria-brand-soft);
}


/* Estados vacíos */

.uniria-theme-v2 .premium-empty-icon,
.uniria-theme-v2 .empty-state-icon {
    color:
        var(--uniria-brand-600);

    border-color:
        #cfe5e1;

    background:
        var(--uniria-brand-subtle);
}


/* Badges visuales no semánticos */

.uniria-theme-v2 .detail-count-badge,
.uniria-theme-v2 .brand-pill {
    color:
        var(--uniria-brand-700);

    border-color:
        #cfe5e1;

    background:
        var(--uniria-brand-soft);
}


/* Formularios */

.uniria-theme-v2 .form-section {
    border-color:
        #e0e4e1;
}


.uniria-theme-v2 .form-section-heading p,
.uniria-theme-v2 .form-section-heading small {
    color:
        #7b848b;
}


/* Catálogo */

.uniria-theme-v2 .catalog-eyebrow {
    color:
        var(--uniria-brand-600);
}


.uniria-theme-v2 .catalog-btn.primary {
    border-color:
        var(--uniria-brand-600);

    background:
        var(--uniria-brand-600);
}


.uniria-theme-v2 .catalog-btn.primary:hover {
    border-color:
        var(--uniria-brand-700);

    background:
        var(--uniria-brand-700);
}


.uniria-theme-v2 .catalog-badge {
    color:
        var(--uniria-brand-700);

    background:
        var(--uniria-brand-soft);
}


.uniria-theme-v2 .catalog-note {
    border-color:
        #dce7e3;

    color:
        #5f6f6c;

    background:
        var(--uniria-brand-subtle);
}


/* Cotizaciones */

.uniria-theme-v2 .quote-premium-v3 {
    --q-primary:
        var(--uniria-brand-600);

    --q-primary-soft:
        var(--uniria-brand-soft);

    --q-border:
        #d8ddda;

    --q-border-soft:
        #e8ebe8;

    --q-surface-soft:
        #f9faf8;

    --q-text:
        #20242a;

    --q-muted:
        #667085;

    --quote-blue:
        var(--uniria-brand-600);

    --quote-blue-soft:
        var(--uniria-brand-soft);
}


.uniria-theme-v2 .quote-smart-indicator,
.uniria-theme-v2 .quote-status-pill,
.uniria-theme-v2 .quote-summary-currency {
    border-color:
        #cfe5e1;

    color:
        var(--uniria-brand-700);

    background:
        var(--uniria-brand-soft);
}


.uniria-theme-v2 .quote-section-kicker {
    color:
        var(--uniria-brand-600);
}


.uniria-theme-v2 .quote-summary-total {
    border-color:
        #dce7e3;

    background:
        var(--uniria-brand-subtle);
}


/* Links y acciones primarias de tablas */

.uniria-theme-v2 .table-primary,
.uniria-theme-v2 .table-actions a {
    color:
        var(--uniria-brand-600);
}


/* Focus transversal */

.uniria-theme-v2 input:focus,
.uniria-theme-v2 select:focus,
.uniria-theme-v2 textarea:focus {
    border-color:
        var(--uniria-brand-500);

    box-shadow:
        0 0 0 3px
        rgba(22, 117, 111, .10);
}


/* ==========================================================================
   END UI-G2-A2-P1
   ========================================================================== */


/* ==========================================================================
   BRAND-V2-A1 PRODUCT IDENTITY

   UNIRIA = marca principal
   ERP    = descriptor de producto
   ========================================================================== */


.uniria-theme-v2 .sidebar-brand {
    gap: 11px;
}


.uniria-theme-v2 .uniria-mark-sidebar {
    display: block;

    width: 57px;
    height: auto;

    flex: 0 0 auto;

    object-fit: contain;

    filter:
        drop-shadow(
            0 4px 9px
            rgba(22, 117, 111, .13)
        );
}


.uniria-theme-v2 .brand-copy {
    min-width: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;
}


.uniria-theme-v2 .uniria-brand-wordmark {
    display: flex;

    align-items: baseline;

    gap: 5px;

    margin: 0;

    line-height: 1;
}


.uniria-theme-v2
.uniria-brand-wordmark
.uniria-brand-name {
    margin: 0;

    color: #f7f9f9;

    font-size: 14px;
    font-weight: 800;

    letter-spacing: -.35px;

    line-height: 1;
}


.uniria-theme-v2
.uniria-brand-wordmark
.uniria-brand-product {
    margin: 0;

    color: #61c7bd;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: .25px;

    line-height: 1;
}


.uniria-theme-v2
.brand-copy
.uniria-brand-tagline {
    margin-top: 5px;

    color: #7f8a94;

    font-size: 8px;
    font-weight: 550;

    letter-spacing: .10px;
}


/* Evita que la regla legacy de .brand-copy span
   altere la geometría interna del wordmark. */

.uniria-theme-v2
.uniria-brand-wordmark
span {
    line-height: 1;
}


/* ==========================================================================
   END BRAND-V2-A1
   ========================================================================== */


/* ==========================================================================
   BRAND-V2-A3 LOGIN EXPERIENCE

   - Brand block centrado
   - UNIRIA como producto principal
   - Soporte AC Soluciones vía WhatsApp
   ========================================================================== */


/* --------------------------------------------------------------------------
   PANEL IZQUIERDO
   -------------------------------------------------------------------------- */

.uniria-login-v2 .login-brand {
    justify-content: center;

    padding:
        clamp(48px, 6vw, 88px);

    background:
        radial-gradient(
            circle at 18% 84%,
            rgba(22, 117, 111, .18),
            transparent 32%
        ),
        radial-gradient(
            circle at 74% 25%,
            rgba(67, 167, 159, .08),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #081522 0%,
            #071421 50%,
            #071a22 100%
        );
}


.uniria-login-v2 .login-brand-content {
    width: 100%;
    max-width: 570px;

    margin:
        0
        auto;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}


.uniria-login-v2 .uniria-mark-login {
    width: 150px;
    height: auto;

    margin:
        0
        auto
        18px;

    object-fit: contain;

    filter:
        drop-shadow(
            0 8px 20px
            rgba(22, 117, 111, .16)
        );
}


.uniria-login-v2 .login-brand-name {
    margin-top: 0;

    text-align: center;
}


.uniria-login-v2 .login-brand-content h1 {
    max-width: 560px;

    margin-left: auto;
    margin-right: auto;

    text-align: center;
}


.uniria-login-v2 .login-brand-content p {
    max-width: 540px;

    margin-left: auto;
    margin-right: auto;

    text-align: center;
}


.uniria-login-v2 .login-brand-content > * {
    align-self: center;
}


/* La leyenda inferior también pertenece visualmente
   al eje central del panel. */

.uniria-login-v2 .login-brand-footer {
    left: 50%;

    width: max-content;

    max-width: calc(100% - 80px);

    transform:
        translateX(-50%);

    text-align: center;
}


/* --------------------------------------------------------------------------
   PANEL DERECHO
   -------------------------------------------------------------------------- */

.uniria-login-v2 .login-panel {
    background:
        linear-gradient(
            180deg,
            #f7fbfa 0%,
            #eef7f5 100%
        );
}


.uniria-login-v2 .login-panel-content {
    width: 100%;
    max-width: 460px;
}


/* --------------------------------------------------------------------------
   SOPORTE
   -------------------------------------------------------------------------- */

.uniria-login-v2 .uniria-login-support {
    width: 100%;

    margin-top: 18px;

    padding:
        17px
        18px
        18px;

    border:
        1px solid
        #d9e6e2;

    border-radius: 12px;

    background:
        rgba(255, 255, 255, .72);

    box-shadow:
        0 8px 24px
        rgba(29, 50, 46, .035);

    text-align: center;
}


.uniria-login-v2 .uniria-login-support-icon {
    width: 30px;
    height: 30px;

    margin:
        0
        auto
        9px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 999px;

    color:
        #16756f;

    background:
        #e2f0ed;

    font-size: 13px;
    font-weight: 800;
}


.uniria-login-v2 .uniria-login-support-copy strong {
    display: block;

    color:
        #20242a;

    font-size: 12px;
    font-weight: 750;
}


.uniria-login-v2 .uniria-login-support-copy p {
    max-width: 350px;

    margin:
        7px
        auto
        13px;

    color:
        #738079;

    font-size: 10px;
    line-height: 1.55;
}


.uniria-login-v2 .uniria-login-whatsapp {
    min-height: 42px;

    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding:
        10px
        14px;

    border:
        1px solid
        #8ed7b1;

    border-radius: 9px;

    color:
        #087844;

    background:
        #ecfbf3;

    text-decoration: none;

    font-size: 11px;
    font-weight: 750;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        transform .15s ease;
}


.uniria-login-v2 .uniria-login-whatsapp:hover {
    border-color:
        #61c391;

    background:
        #e2f8ec;
}


.uniria-login-v2 .uniria-login-whatsapp:active {
    transform:
        translateY(1px);
}


.uniria-login-v2 .uniria-login-whatsapp-dot {
    width: 8px;
    height: 8px;

    display: inline-block;

    border-radius: 999px;

    background:
        #16a765;

    box-shadow:
        0 0 0 4px
        rgba(22, 167, 101, .10);
}


/* --------------------------------------------------------------------------
   FOOTER DE ACCESO
   -------------------------------------------------------------------------- */

.uniria-login-v2 .login-footnote {
    margin-top: 16px;

    color:
        #8a9793;
}


/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width: 1100px) {

    .uniria-login-v2 {
        grid-template-columns:
            minmax(380px, 1fr)
            minmax(400px, .92fr);
    }


    .uniria-login-v2 .login-brand {
        padding:
            54px
            46px;
    }

}


@media (max-width: 820px) {

    .uniria-login-v2 {
        grid-template-columns: 1fr;
    }


    .uniria-login-v2 .login-panel-content {
        max-width: 480px;
    }


    .uniria-login-v2 .uniria-login-support {
        margin-top: 16px;
    }

}


/* ==========================================================================
   END BRAND-V2-A3
   ========================================================================== */