/*----------------------------------------------------------------
  Textil (Rollos de Tela) - Admin Theme (Tierra / Espresso)
  Base de marca:
  - Primario:   #ac835d (cobre / tierra)
  - Secundario: #14100c (espresso)
  - Acento:     #0b7285 (teal profundo)
------------------------------------------------------------------*/

/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/*--------------------------------------------------------------
  Base Variables
--------------------------------------------------------------*/
:root {
    /* Fuente */
    --vz-font-sans-serif: 'Inter', sans-serif;

    /* =========================
       Sistema 60-30-10
       60% Dominante (fondos): tints cálidos derivados del primario
       30% Secundario (estructura / texto): espresso
       10% Acento (interacción / highlights): teal profundo
       ========================= */

    /* Paleta de Marca */
    --vz-primary: #ac835d;       /* Cobre (brand) */
    --vz-secondary: #14100c;     /* Espresso (secundario solicitado) */
    --vz-accent: #0b7285;        /* Contraste (acento) */

    /* Estados principales (derivados del primario) */
    --vz-primary-hover: #9b7654;
    --vz-primary-active: #8d6b4c;
    --vz-primary-tint: #f5f0ec;

    /* Variantes (tonalidades) del primario */
    --vz-primary-50:  #fbf9f7;
    --vz-primary-100: #f8f5f2;
    --vz-primary-200: #f0e9e2;
    --vz-primary-300: #eae0d6;
    --vz-primary-400: #cdb59e;
    --vz-primary-500: #ac835d;
    --vz-primary-600: #9b7654;
    --vz-primary-700: #8a694a;
    --vz-primary-800: #674f38;
    --vz-primary-900: #453425;

    /* Variantes del acento */
    --vz-accent-hover: #0a6778;
    --vz-accent-active: #095d6d;
    --vz-accent-tint: #e2eef0;

    /* Core semantic (se mantienen, con ajuste a acento para "info") */
    --vz-success: #16A34A;
    --vz-info: var(--vz-accent);
    --vz-warning: #F59E0B;
    --vz-danger: #DC2626;

    /* Fondos / texto */
    --vz-light: var(--vz-primary-50); /* Dominante (canvas) */
    --vz-dark: var(--vz-secondary);   /* Texto principal */
    --vz-white: #FFFFFF;

    /* RGB derivados (para overlays) */
    --vz-primary-rgb: 172, 131, 93;      /* #ac835d */
    --vz-secondary-rgb: 20, 16, 12;      /* #14100c */
    --vz-accent-rgb: 11, 114, 133;       /* #0b7285 */

    --vz-success-rgb: 22, 163, 74;
    --vz-info-rgb: var(--vz-accent-rgb);
    --vz-warning-rgb: 245, 158, 11;
    --vz-danger-rgb: 220, 38, 38;

    --vz-light-rgb: 251, 249, 247;       /* aproximación del canvas */
    --vz-dark-rgb: 20, 16, 12;
    --vz-white-rgb: 255, 255, 255;
    --vz-black-rgb: 0, 0, 0;

    /* =========================
       Layout Colors (Administración)
       ========================= */
    --vz-vertical-menu-bg: var(--vz-primary-100); /* 60% dominante */
    --vz-vertical-menu-item-color: #4a4038;       /* warm charcoal */
    --vz-vertical-menu-item-hover-color: var(--vz-primary-hover);
    --vz-vertical-menu-item-active-color: var(--vz-primary);

    --vz-vertical-menu-sub-item-color: #4a4038;
    --vz-vertical-menu-sub-item-hover-color: var(--vz-primary-hover);
    --vz-vertical-menu-sub-item-active-color: var(--vz-primary);
    --vz-vertical-menu-title-color: var(--vz-primary);

    --vz-header-bg: #FFFFFF;
    --vz-header-item-color: var(--vz-secondary);

    --vz-footer-bg: var(--vz-primary-100);
    --vz-footer-color: #4a4038;

    --vz-boxed-body-bg: var(--vz-light);
    --vz-heading-color: var(--vz-secondary);

    /* Links / acciones (10% acento) */
    --vz-link-color: var(--vz-accent);
    --vz-link-hover-color: var(--vz-accent-hover);

    /* Resto */
    --vz-topbar-search-bg: var(--vz-white);
    --vz-topbar-user-bg: var(--vz-white);
    --vz-topbar-user-bg-dark: var(--vz-secondary);

    --vz-topnav-bg: var(--vz-light);
    --vz-topnav-item-color: var(--vz-secondary);
    --vz-topnav-item-color-active: var(--vz-primary);

    --vz-twocolumn-menu-iconview-bg: var(--vz-light);
    --vz-twocolumn-menu-bg: var(--vz-light);
    --vz-twocolumn-menu-iconview-bg-dark: #0e0b08;
    --vz-twocolumn-menu-bg-dark: #0e0b08;
    --vz-twocolumn-menu-item-color-dark: #f0e9e2;
    --vz-twocolumn-menu-item-active-color-dark: var(--vz-accent);
    --vz-twocolumn-menu-item-active-bg-dark: rgba(var(--vz-accent-rgb), .16);

    /* Bordes / Cards / Inputs */
    --vz-border-color: #dfd6cd; /* warm border */
    --vz-card-bg-custom: var(--vz-white);
    --vz-card-logo-dark: block;
    --vz-card-logo-light: none;
    --vz-list-group-hover-bg: var(--vz-primary-200);

    --vz-input-bg: var(--vz-white);
    --vz-input-border: #dfd6cd;
    --vz-input-focus-border: var(--vz-secondary);
    --vz-input-disabled-bg: var(--vz-primary-100);
    --vz-input-group-addon-bg: var(--vz-primary-200);
    --vz-input-check-border: var(--vz-input-border);

    --vz-border-radius: 1.5rem;
    --vz-card-border-radius: 1rem;
    --vz-modal-border-radius: 1rem;
    --vz-modal-inner-border-radius: 1rem;

    /* Secundario: estados para botones/superficies oscuras */
    --vz-secondary-hover: #27231f;
    --vz-secondary-active: #120e0b;
}

/* Tabs active background */
:root .nav-tabs {
    --vz-nav-tabs-link-active-bg: rgba(var(--vz-accent-rgb), .10);
}

/* Dropdowns / Selects / Editors */
:root .choices,
:root .flatpickr-calendar,
:root .ck.ck-toolbar,
:root .ql-toolbar,
:root .select2-container,
:root .menu-dropdown {
    --vz-choices-bg: var(--vz-white);
    --vz-choices-link-color: var(--vz-secondary);
    --vz-choices-link-hover-bg: var(--vz-primary-100);
    --vz-choices-link-active-color: var(--vz-primary);
}

/*--------------------------------------------------------------
  Dark Mode Overrides
--------------------------------------------------------------*/
[data-layout-mode=dark] {
    --vz-body-bg: #0e0b08;
    --vz-body-bg-rgb: 14, 11, 8;
    --vz-body-color: #f0e9e2;
    --vz-body-color-rgb: 240, 233, 226;

    --vz-vertical-menu-bg: var(--vz-secondary);
    --vz-header-bg: var(--vz-secondary);
    --vz-footer-bg: var(--vz-secondary);
    --vz-boxed-body-bg: #0e0b08;

    /* En dark, mantenemos el acento para interacción */
    --vz-link-color: var(--vz-accent);
    --vz-link-hover-color: #2a8da1;
}

/*--------------------------------------------------------------
  Color Palette Definitions (utilitarias)
--------------------------------------------------------------*/
:root {
    /* Bootstrap-like palette mapping */
    --vz-blue: var(--vz-accent);
    --vz-indigo: #1B244F;
    --vz-purple: #7C3AED;
    --vz-pink: #DB2777;
    --vz-red: var(--vz-danger);
    --vz-orange: #FFB703;
    --vz-yellow: var(--vz-warning);
    --vz-green: var(--vz-success);
    --vz-teal: var(--vz-accent);
    --vz-cyan: var(--vz-accent);

    /* Grises (Warm neutrals) */
    --vz-gray: #8b7e74;
    --vz-gray-dark: #4a4038;
    --vz-gray-100: var(--vz-primary-100);
    --vz-gray-200: var(--vz-primary-200);
    --vz-gray-300: #dfd6cd;
    --vz-gray-400: #b8a99c;
    --vz-gray-500: #8b7e74;
    --vz-gray-600: #6a5f57;
    --vz-gray-700: #4a4038;
    --vz-gray-800: #2b231d;
    --vz-gray-900: var(--vz-secondary);

    /* Base */
    --vz-border-width: 1px;
    --vz-border-style: solid;
    --vz-border-radius: 0.5rem;
    --vz-body-font-family: var(--vz-font-sans-serif);
    --vz-body-color: var(--vz-dark);
    --vz-body-bg: var(--vz-light);
}

/* ============================
   Bootstrap Buttons – Textil Tierra
   ============================ */
.btn {
    --vz-btn-border-radius: .5rem;
}

.btn-topbar {
    --vz-btn-hover-color: var(--vz-primary);
    --vz-btn-hover-bg: rgba(var(--vz-accent-rgb), 0.12);
}

/* Primary */
.btn-primary {
    --vz-btn-color: #FFFFFF; /* mejor contraste con #ac835d */
    --vz-btn-bg: var(--vz-primary);
    --vz-btn-border-color: var(--vz-primary);
    --vz-btn-hover-color: #FFFFFF;
    --vz-btn-hover-bg: var(--vz-primary-hover);
    --vz-btn-hover-border-color: var(--vz-primary-hover);
    --vz-btn-focus-shadow-rgb: var(--vz-primary-rgb);
    --vz-btn-active-color: var(--vz-secondary);
    --vz-btn-active-bg: var(--vz-primary-active);
    --vz-btn-active-border-color: var(--vz-primary-active);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-secondary);
    --vz-btn-disabled-bg: var(--vz-primary);
    --vz-btn-disabled-border-color: var(--vz-primary);
}

/* Secondary */
.btn-secondary {
    --vz-btn-color: var(--vz-white);
    --vz-btn-bg: var(--vz-secondary);
    --vz-btn-border-color: var(--vz-secondary);
    --vz-btn-hover-color: var(--vz-white);
    --vz-btn-hover-bg: var(--vz-secondary-hover);
    --vz-btn-hover-border-color: var(--vz-secondary-hover);
    --vz-btn-focus-shadow-rgb: var(--vz-secondary-rgb);
    --vz-btn-active-color: var(--vz-white);
    --vz-btn-active-bg: var(--vz-secondary-active);
    --vz-btn-active-border-color: var(--vz-secondary-active);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-white);
    --vz-btn-disabled-bg: var(--vz-secondary);
    --vz-btn-disabled-border-color: var(--vz-secondary);
}

/* Success */
.btn-success {
    --vz-btn-color: var(--vz-white);
    --vz-btn-bg: var(--vz-success);
    --vz-btn-border-color: var(--vz-success);
    --vz-btn-hover-color: var(--vz-white);
    --vz-btn-hover-bg: rgba(var(--vz-success-rgb), .88);
    --vz-btn-hover-border-color: rgba(var(--vz-success-rgb), .88);
    --vz-btn-focus-shadow-rgb: var(--vz-success-rgb);
    --vz-btn-active-color: var(--vz-white);
    --vz-btn-active-bg: rgba(var(--vz-success-rgb), .78);
    --vz-btn-active-border-color: rgba(var(--vz-success-rgb), .78);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-white);
    --vz-btn-disabled-bg: var(--vz-success);
    --vz-btn-disabled-border-color: var(--vz-success);
}

/* Info (usa acento) */
.btn-info {
    --vz-btn-color: var(--vz-white);
    --vz-btn-bg: var(--vz-info);
    --vz-btn-border-color: var(--vz-info);
    --vz-btn-hover-color: var(--vz-white);
    --vz-btn-hover-bg: var(--vz-accent-hover);
    --vz-btn-hover-border-color: var(--vz-accent-hover);
    --vz-btn-focus-shadow-rgb: var(--vz-accent-rgb);
    --vz-btn-active-color: var(--vz-white);
    --vz-btn-active-bg: var(--vz-accent-active);
    --vz-btn-active-border-color: var(--vz-accent-active);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-white);
    --vz-btn-disabled-bg: var(--vz-info);
    --vz-btn-disabled-border-color: var(--vz-info);
}

/* Warning */
.btn-warning {
    --vz-btn-color: var(--vz-dark);
    --vz-btn-bg: var(--vz-warning);
    --vz-btn-border-color: var(--vz-warning);
    --vz-btn-hover-color: var(--vz-dark);
    --vz-btn-hover-bg: rgba(var(--vz-warning-rgb), .88);
    --vz-btn-hover-border-color: rgba(var(--vz-warning-rgb), .88);
    --vz-btn-focus-shadow-rgb: var(--vz-warning-rgb);
    --vz-btn-active-color: var(--vz-dark);
    --vz-btn-active-bg: rgba(var(--vz-warning-rgb), .78);
    --vz-btn-active-border-color: rgba(var(--vz-warning-rgb), .78);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-dark);
    --vz-btn-disabled-bg: var(--vz-warning);
    --vz-btn-disabled-border-color: var(--vz-warning);
}

/* Danger */
.btn-danger {
    --vz-btn-color: var(--vz-white);
    --vz-btn-bg: var(--vz-danger);
    --vz-btn-border-color: var(--vz-danger);
    --vz-btn-hover-color: var(--vz-white);
    --vz-btn-hover-bg: rgba(var(--vz-danger-rgb), .88);
    --vz-btn-hover-border-color: rgba(var(--vz-danger-rgb), .88);
    --vz-btn-focus-shadow-rgb: var(--vz-danger-rgb);
    --vz-btn-active-color: var(--vz-white);
    --vz-btn-active-bg: rgba(var(--vz-danger-rgb), .78);
    --vz-btn-active-border-color: rgba(var(--vz-danger-rgb), .78);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-white);
    --vz-btn-disabled-bg: var(--vz-danger);
    --vz-btn-disabled-border-color: var(--vz-danger);
}

/* Light */
.btn-light {
    --vz-btn-color: var(--vz-secondary);
    --vz-btn-bg: var(--vz-light);
    --vz-btn-border-color: var(--vz-gray-300);
    --vz-btn-hover-color: var(--vz-secondary);
    --vz-btn-hover-bg: var(--vz-primary-100);
    --vz-btn-hover-border-color: var(--vz-gray-300);
    --vz-btn-focus-shadow-rgb: var(--vz-light-rgb);
    --vz-btn-active-color: var(--vz-secondary);
    --vz-btn-active-bg: var(--vz-primary-200);
    --vz-btn-active-border-color: var(--vz-gray-300);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .08);
    --vz-btn-disabled-color: var(--vz-secondary);
    --vz-btn-disabled-bg: var(--vz-light);
    --vz-btn-disabled-border-color: var(--vz-gray-300);
}

/* Dark */
.btn-dark {
    --vz-btn-color: var(--vz-white);
    --vz-btn-bg: var(--vz-dark);
    --vz-btn-border-color: var(--vz-dark);
    --vz-btn-hover-color: var(--vz-white);
    --vz-btn-hover-bg: var(--vz-secondary-hover);
    --vz-btn-hover-border-color: var(--vz-secondary-hover);
    --vz-btn-focus-shadow-rgb: var(--vz-dark-rgb);
    --vz-btn-active-color: var(--vz-white);
    --vz-btn-active-bg: var(--vz-secondary-active);
    --vz-btn-active-border-color: var(--vz-secondary-active);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-white);
    --vz-btn-disabled-bg: var(--vz-dark);
    --vz-btn-disabled-border-color: var(--vz-dark);
}

/* ===== Outline Variants ===== */
.btn-outline-primary {
    --vz-btn-color: var(--vz-primary);
    --vz-btn-border-color: var(--vz-primary);
    --vz-btn-hover-color: var(--vz-secondary);
    --vz-btn-hover-bg: var(--vz-primary);
    --vz-btn-hover-border-color: var(--vz-primary);
    --vz-btn-focus-shadow-rgb: var(--vz-primary-rgb);
    --vz-btn-active-color: var(--vz-secondary);
    --vz-btn-active-bg: var(--vz-primary);
    --vz-btn-active-border-color: var(--vz-primary);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-primary);
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: var(--vz-primary);
    --vz-gradient: none;
}

.btn-outline-secondary {
    --vz-btn-color: var(--vz-secondary);
    --vz-btn-border-color: var(--vz-secondary);
    --vz-btn-hover-color: var(--vz-white);
    --vz-btn-hover-bg: var(--vz-secondary);
    --vz-btn-hover-border-color: var(--vz-secondary);
    --vz-btn-focus-shadow-rgb: var(--vz-secondary-rgb);
    --vz-btn-active-color: var(--vz-white);
    --vz-btn-active-bg: var(--vz-secondary);
    --vz-btn-active-border-color: var(--vz-secondary);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-secondary);
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: var(--vz-secondary);
    --vz-gradient: none;
}

.btn-outline-success {
    --vz-btn-color: var(--vz-success);
    --vz-btn-border-color: var(--vz-success);
    --vz-btn-hover-color: var(--vz-white);
    --vz-btn-hover-bg: var(--vz-success);
    --vz-btn-hover-border-color: var(--vz-success);
    --vz-btn-focus-shadow-rgb: var(--vz-success-rgb);
    --vz-btn-active-color: var(--vz-white);
    --vz-btn-active-bg: var(--vz-success);
    --vz-btn-active-border-color: var(--vz-success);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-success);
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: var(--vz-success);
    --vz-gradient: none;
}

.btn-outline-info {
    --vz-btn-color: var(--vz-info);
    --vz-btn-border-color: var(--vz-info);
    --vz-btn-hover-color: var(--vz-white);
    --vz-btn-hover-bg: var(--vz-info);
    --vz-btn-hover-border-color: var(--vz-info);
    --vz-btn-focus-shadow-rgb: var(--vz-accent-rgb);
    --vz-btn-active-color: var(--vz-white);
    --vz-btn-active-bg: var(--vz-info);
    --vz-btn-active-border-color: var(--vz-info);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-info);
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: var(--vz-info);
    --vz-gradient: none;
}

.btn-outline-warning {
    --vz-btn-color: var(--vz-warning);
    --vz-btn-border-color: var(--vz-warning);
    --vz-btn-hover-color: var(--vz-dark);
    --vz-btn-hover-bg: var(--vz-warning);
    --vz-btn-hover-border-color: var(--vz-warning);
    --vz-btn-focus-shadow-rgb: var(--vz-warning-rgb);
    --vz-btn-active-color: var(--vz-dark);
    --vz-btn-active-bg: var(--vz-warning);
    --vz-btn-active-border-color: var(--vz-warning);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-warning);
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: var(--vz-warning);
    --vz-gradient: none;
}

.btn-outline-danger {
    --vz-btn-color: var(--vz-danger);
    --vz-btn-border-color: var(--vz-danger);
    --vz-btn-hover-color: var(--vz-white);
    --vz-btn-hover-bg: var(--vz-danger);
    --vz-btn-hover-border-color: var(--vz-danger);
    --vz-btn-focus-shadow-rgb: var(--vz-danger-rgb);
    --vz-btn-active-color: var(--vz-white);
    --vz-btn-active-bg: var(--vz-danger);
    --vz-btn-active-border-color: var(--vz-danger);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-danger);
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: var(--vz-danger);
    --vz-gradient: none;
}

.btn-outline-light {
    --vz-btn-color: var(--vz-gray-600);
    --vz-btn-border-color: var(--vz-gray-300);
    --vz-btn-hover-color: var(--vz-secondary);
    --vz-btn-hover-bg: var(--vz-primary-100);
    --vz-btn-hover-border-color: var(--vz-gray-300);
    --vz-btn-focus-shadow-rgb: 223, 214, 205;
    --vz-btn-active-color: var(--vz-secondary);
    --vz-btn-active-bg: var(--vz-primary-200);
    --vz-btn-active-border-color: var(--vz-gray-300);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .08);
    --vz-btn-disabled-color: var(--vz-gray-300);
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: var(--vz-gray-200);
    --vz-gradient: none;
}

.btn-outline-dark {
    --vz-btn-color: var(--vz-dark);
    --vz-btn-border-color: var(--vz-dark);
    --vz-btn-hover-color: var(--vz-white);
    --vz-btn-hover-bg: var(--vz-dark);
    --vz-btn-hover-border-color: var(--vz-dark);
    --vz-btn-focus-shadow-rgb: var(--vz-dark-rgb);
    --vz-btn-active-color: var(--vz-white);
    --vz-btn-active-bg: var(--vz-dark);
    --vz-btn-active-border-color: var(--vz-dark);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --vz-btn-disabled-color: var(--vz-dark);
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: var(--vz-dark);
    --vz-gradient: none;
}

/* ===== Login ===== */
.auth-one-bg .bg-overlay {
    opacity: 0.7;
}

.auth-one-bg {
    background-image: url(/build/icons/11.jpg);
}

/* ===== Modals ===== */
.modal-header {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

.modal-content {
    border-radius: 1rem !important;
}

/* ===== Link ===== */
.btn-link {
    --vz-btn-font-weight: 400;
    --vz-btn-color: var(--vz-link-color);
    --vz-btn-bg: transparent;
    --vz-btn-border-color: transparent;
    --vz-btn-hover-color: var(--vz-link-hover-color);
    --vz-btn-active-color: var(--vz-link-hover-color);
    --vz-btn-disabled-color: var(--vz-gray-400);
    --vz-btn-focus-shadow-rgb: var(--vz-accent-rgb);
    text-decoration: underline;
}

/* UI Extras */
.menu-title span {
    padding: 10px 20px 0px 20px;
    display: inline-block;
}

.nav-pills {
    --vz-nav-pills-border-radius: .25rem;
    --vz-nav-pills-link-active-color: #fff;
    --vz-nav-pills-link-active-bg: var(--vz-primary);
}

@media (min-width: 992px) {
    .custom-verti-nav-pills .nav-link.active:before {
        border-left-color: var(--vz-primary);
    }
}

.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
    background-color: var(--vz-primary) !important;
    color: var(--vz-secondary) !important;
    border-color: var(--vz-primary) !important;
    font-weight: 600 !important;
}

.card {
    --vz-card-border-radius: 1rem;
}

.rounded {
    --vz-border-radius: 1.5rem;
}

.choices__inner,
.form-control {
    border-radius: 0.5rem !important;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group-text {
    border-radius: .5rem;
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
    border-radius: .5rem !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    border-radius: .5rem !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

/* ===== Grid js ===== */
.gridjs-pagination .gridjs-pages button {
    border-radius: .5rem !important;
}

.gridjs-wrapper,
.gridjs {
    border-radius: .5rem !important;
}

/*--------------------------------------------------------------
  Utilitarios “subtle” (fondos translúcidos)
--------------------------------------------------------------*/

/* Primary */
.bg-primary-subtle {
    background-color: rgba(var(--vz-primary-rgb), .14) !important;
    color: var(--vz-primary) !important;
}

/* Secondary */
.bg-secondary-subtle {
    background-color: rgba(var(--vz-secondary-rgb), .10) !important;
    color: var(--vz-secondary) !important;
}

/* Success */
.bg-success-subtle {
    background-color: rgba(var(--vz-success-rgb), .14) !important;
    color: var(--vz-success) !important;
}

/* Info (acento) */
.bg-info-subtle {
    background-color: rgba(var(--vz-accent-rgb), .14) !important;
    color: var(--vz-accent) !important;
}

/* Warning – texto oscuro para mejor legibilidad */
.bg-warning-subtle {
    background-color: rgba(var(--vz-warning-rgb), .16) !important;
    color: var(--vz-dark) !important;
}

/* Danger */
.bg-danger-subtle {
    background-color: rgba(var(--vz-danger-rgb), .14) !important;
    color: var(--vz-danger) !important;
}

/* Light – fondo muy claro; texto oscuro */
.bg-light-subtle {
    background-color: rgba(251, 249, 247, .70) !important;
    color: var(--vz-secondary) !important;
}

/* Dark – fondo oscuro translúcido; texto claro */
.bg-dark-subtle {
    background-color: rgba(var(--vz-secondary-rgb), .32) !important;
    color: var(--vz-white) !important;
}

/* Detalles más legibles */
.detail-label {
    font-weight: 600;
    color: var(--vz-primary);
}

.accordion-button:not(.collapsed) {
    background: rgba(var(--vz-accent-rgb), .06);
}

.accordion-button {
    padding-top: .65rem;
    padding-bottom: .65rem;
}

.accordion-body {
    padding-top: .75rem !important;
}

.card.shadow-sm {
    border-radius: .5rem;
}

.gridjs-pagination .gridjs-pages button {
    color: var(--vz-secondary);
}

.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
    color: var(--vz-white) !important;
}