/* =========================================================
   ANMAT.CSS — ESTILO DEFINITIVO DEL SISTEMA

   Hoja consolidada para producción.
   - Una única carga de estilos ANMAT.
   - Módulos visuales consolidados.
   - Sin dependencia V1 -> V2.
   - Se preserva la estética validada durante la migración.
   - Permanecen únicamente compatibilidades que aún pueden ser
     utilizadas por componentes heredados del sistema.
========================================================= */

/* =========================================================
   1. TOKENS DEFINITIVOS
========================================================= */

:root {
    --anmat-primary: #242C4F;
    --anmat-primary-deep: #1D3156;
    --anmat-secondary: #45658D;
    --anmat-accent: #E7BA61;
    --anmat-white: #FFFFFF;

    --anmat-success: #166534;
    --anmat-success-soft: rgba(34, 197, 94, .12);
    --anmat-success-border: rgba(34, 197, 94, .22);

    --anmat-danger: #7F1D1D;
    --anmat-danger-soft: rgba(239, 68, 68, .09);
    --anmat-danger-border: rgba(239, 68, 68, .20);

    --anmat-warning: rgba(20, 20, 20, .85);
    --anmat-warning-soft: #FFFBEA;
    --anmat-warning-border: rgba(231, 186, 97, .55);

    --anmat-info-soft: rgba(69, 101, 141, .12);
    --anmat-info-border: rgba(69, 101, 141, .22);

    --anmat-page: #F5F7FA;
    --anmat-surface: #FFFFFF;
    --anmat-surface-soft: #F9FAFC;
    --anmat-text: #171A22;
    --anmat-muted: #697181;

    --anmat-line: rgba(36, 44, 79, .13);
    --anmat-line-strong: rgba(36, 44, 79, .23);

    --anmat-radius-sm: 8px;
    --anmat-radius: 12px;
    --anmat-radius-lg: 16px;
    --anmat-radius-pill: 999px;

    --anmat-shadow-sm: 0 3px 10px rgba(24, 38, 67, .055);
    --anmat-shadow: 0 8px 24px rgba(24, 38, 67, .075);
    --anmat-shadow-hover: 0 14px 30px rgba(24, 38, 67, .11);

    --font-sans: "Montserrat", Arial, sans-serif;
    --font-serif: "Lora", Georgia, serif;
    --anmat-focus: 0 0 0 .2rem rgba(69, 101, 141, .22);
    --footer-h: 56px;

    /* Compatibilidad V1 temporal */
    --bg-page: #F7F8FB;
    --bg-card: #FFFFFF;
    --bg-soft: #F9FAFC;
    --text: #141414;
    --muted: rgba(20, 20, 20, .65);
    --border: rgba(36, 44, 79, .16);
    --border-strong: rgba(36, 44, 79, .28);
    --border-soft: rgba(36, 44, 79, .10);
    --radius: 16px;
    --radius-sm: 12px;
    --radius-lg: 18px;
    --radius-xl: 22px;
    --radius-pill: 999px;
    --shadow-sm: 0 8px 18px rgba(0, 0, 0, .06);
    --shadow: 0 10px 25px rgba(20, 20, 20, .08);
    --shadow-md: 0 14px 36px rgba(0, 0, 0, .12);
    --shadow-lg: 0 18px 36px rgba(0, 0, 0, .12);
    --shadow-xl: 0 18px 42px rgba(36, 44, 79, .16);
    --focus: 0 0 0 .22rem rgba(69, 101, 141, .28);
}

/* =========================================================
   2. BASE GLOBAL DEFINITIVA
========================================================= */

html,
body {
    height: 100%;
}

body {
    margin: 0;
    padding-bottom: 0;
    font-family: var(--font-sans);
    line-height: 1.5;
    color: var(--anmat-text);
    background: var(--anmat-page);
}

h1,
h2,
h3,
h4 {
    font-family: var(--font-serif);
    color: var(--anmat-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -.015em;
}

a {
    color: var(--anmat-secondary);
    text-decoration: none;
}

a:hover {
    color: var(--anmat-primary);
    text-decoration: underline;
}

::selection {
    background: rgba(231, 186, 97, .45);
}


/* =========================================================
   3. UTILIDADES Y COMPONENTES BASE DEFINITIVOS
========================================================= */

/* UTILIDADES */
.text-anmat {
    color: var(--anmat-primary) !important;
}

.text-anmat-secondary {
    color: var(--anmat-secondary) !important;
}

.text-accent {
    color: var(--anmat-accent) !important;
}

.text-anmat-muted {
    color: var(--anmat-muted) !important;
}

.bg-anmat {
    background: var(--anmat-primary) !important;
    color: #fff !important;
}

.bg-card {
    background: var(--anmat-surface) !important;
}

.border-anmat {
    border: 1px solid var(--anmat-line) !important;
}

.rounded-anmat {
    border-radius: var(--anmat-radius-lg) !important;
}

.shadow-anmat {
    box-shadow: var(--anmat-shadow) !important;
}

.anmat-maxw-650 {
    max-width: 650px;
}


/* SUPERFICIES */
.anmat-page-surface,
.anmat-home-wrap,
.anmat-admin-areas-wrap,
.anmat-confarea-wrap,
.anmat-consultas-wrap {
    background: transparent;
    border-radius: 0;
}


/* CARDS */
.anmat-card {
    background: var(--anmat-surface);
    border: 1px solid var(--anmat-line);
    border-radius: var(--anmat-radius-lg);
    box-shadow: var(--anmat-shadow-sm);
    overflow: hidden;
}


/* LABELS Y AYUDAS */
.anmat-label,
.anmat-login-label {
    display: inline-block;
    margin-bottom: 6px;
    color: var(--anmat-text);
    font-weight: 800;
}

.anmat-help,
.anmat-home-tip,
.anmat-stats-hint,
.anmat-admin-areas-text,
.text-muted {
    color: var(--anmat-muted) !important;
}

.anmat-help,
.anmat-home-tip,
.anmat-stats-hint {
    font-size: .9rem;
}


/* SECCIONES DE PÁGINA */
.anmat-page-section {
    margin-top: 36px;
}

.anmat-page-section + .anmat-page-section {
    margin-top: 44px;
}


/* =========================================================
   4. ALERTAS DEFINITIVAS
========================================================= */

.anmat-alert {
    padding: 12px 14px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: var(--anmat-radius-sm);
    box-shadow: none;
}

.anmat-alert--ok {
    background: #F3FFF6;
    border-color: #BFE7C7;
    border-left: 4px solid #2F7A3B;
    color: #214F2A;
}

.anmat-alert--err,
.anmat-alert--danger-soft {
    background: #FFF7F7;
    border-color: #F2D3D3;
    border-left: 4px solid #9B4A4A;
    color: #4F2A2A;
}

.anmat-alert--warn {
    background: var(--anmat-warning-soft);
    border-color: var(--anmat-warning-border);
    border-left: 4px solid var(--anmat-accent);
    color: var(--anmat-warning);
}

.anmat-alert--info {
    background: var(--anmat-info-soft);
    border-color: var(--anmat-info-border);
    border-left: 4px solid var(--anmat-secondary);
    color: rgba(20, 20, 20, .85);
}


/* =========================================================
   5. INPUTS DEFINITIVOS
========================================================= */

.anmat-input,
.form-control.anmat-input,
.anmat-select,
.form-select.anmat-select,
.anmat-login-input {
    min-height: 44px;
    padding: 10px 13px;
    border: 1px solid var(--anmat-line-strong);
    border-radius: var(--anmat-radius-sm);
    background: #fff;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background-color .2s ease;
}

.anmat-input:hover,
.anmat-select:hover,
.anmat-login-input:hover {
    border-color: rgba(69, 101, 141, .45);
}

.anmat-input:focus,
.form-control.anmat-input:focus,
.anmat-select:focus,
.form-select.anmat-select:focus,
.anmat-login-input:focus {
    background: #fff;
    border-color: rgba(69, 101, 141, .65);
    box-shadow: var(--anmat-focus);
    outline: none;
}

.anmat-textarea {
    min-height: 140px;
    resize: vertical;
}

.anmat-input-icon {
    position: relative;
}

.anmat-input-icon__icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(36, 44, 79, .65);
    font-size: 1.05rem;
    pointer-events: none;
}

.anmat-input-icon__control {
    padding-left: 42px !important;
}


/* =========================================================
   7. BOTONES DEFINITIVOS
========================================================= */

.btn-anmat,
.btn-anmat-secondary,
.btn-anmat-outline,
.btn-anmat-accent,
.btn-anmat-soft,
.btn-anmat-outline-pill,
.btn-anmat-danger-outline,
.btn-anmat-danger-soft {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    padding: .62rem 1rem;

    border-radius: var(--anmat-radius-sm);

    font-size: .91rem;
    font-weight: 700;
    letter-spacing: .005em;

    box-shadow: none;

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


/* PRIMARIO */
.btn-anmat {
    background: var(--anmat-secondary);
    border: 1px solid var(--anmat-secondary);
    color: #fff;
}

.btn-anmat:hover {
    background: #385878;
    border-color: #385878;
    color: #fff;
    text-decoration: none;

    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(69, 101, 141, .18);
}


/* SECUNDARIO */
.btn-anmat-secondary {
    background: var(--anmat-primary);
    border: 1px solid var(--anmat-primary);
    color: #fff;
}

.btn-anmat-secondary:hover {
    background: #1B2442;
    border-color: #1B2442;
    color: #fff;
    text-decoration: none;

    transform: translateY(-1px);
}


/* OUTLINE */
.btn-anmat-outline {
    background: #fff;
    border: 1px solid rgba(36, 44, 79, .42);
    color: var(--anmat-primary);
}

.btn-anmat-outline:hover {
    background: rgba(36, 44, 79, .045);
    border-color: var(--anmat-primary);
    color: var(--anmat-primary);
    text-decoration: none;
}


/* SOFT */
.btn-anmat-soft {
    background: rgba(69, 101, 141, .08);
    border: 1px solid rgba(69, 101, 141, .16);
    color: var(--anmat-primary);
}

.btn-anmat-soft:hover {
    background: rgba(69, 101, 141, .14);
    color: var(--anmat-primary);
    text-decoration: none;
}


/* ACCENT */
.btn-anmat-accent {
    background: var(--anmat-accent);
    border: 1px solid rgba(180, 132, 34, .45);
    color: var(--anmat-primary);
}

.btn-anmat-accent:hover {
    background: #DDB052;
    border-color: rgba(180, 132, 34, .58);
    color: var(--anmat-primary);
    text-decoration: none;

    transform: translateY(-1px);
}


/* DANGER */
.btn-anmat-danger-outline,
.btn-anmat-danger-soft {
    background: #fff;
    border: 1px solid rgba(185, 28, 28, .28);
    color: #991B1B;
}

.btn-anmat-danger-outline:hover,
.btn-anmat-danger-soft:hover {
    background: rgba(239, 68, 68, .07);
    border-color: rgba(185, 28, 28, .45);
    color: #7F1D1D;
    text-decoration: none;
}


/* BOTÓN OUTLINE TIPO PILL */
.btn-anmat-outline-pill {
    background: #fff;
    border: 1px solid rgba(36, 44, 79, .42);
    color: var(--anmat-primary);
}

.btn-anmat-outline-pill:hover {
    background: rgba(36, 44, 79, .045);
    border-color: var(--anmat-primary);
    color: var(--anmat-primary);
    text-decoration: none;
}


/* COMPATIBILIDAD PARA CLASE PILL */
.anmat-btn-pill {
    border-radius: var(--anmat-radius-sm) !important;
}


/* FOCUS */
.btn-anmat:focus,
.btn-anmat-secondary:focus,
.btn-anmat-outline:focus,
.btn-anmat-soft:focus,
.btn-anmat-accent:focus,
.btn-anmat-outline-pill:focus,
.btn-anmat-danger-outline:focus,
.btn-anmat-danger-soft:focus {
    outline: none;
    box-shadow: var(--anmat-focus);
}


/* ACTIVE */
.btn-anmat:active,
.btn-anmat-secondary:active,
.btn-anmat-outline:active,
.btn-anmat-soft:active,
.btn-anmat-accent:active,
.btn-anmat-outline-pill:active,
.btn-anmat-danger-outline:active,
.btn-anmat-danger-soft:active {
    transform: translateY(1px);
}


/* DISABLED */
.btn:disabled,
.btn.disabled,
.btn-anmat:disabled,
.btn-anmat-secondary:disabled,
.btn-anmat-outline:disabled,
.btn-anmat-accent:disabled,
.btn-anmat-soft:disabled,
.btn-anmat-outline-pill:disabled,
.btn-anmat-danger-outline:disabled,
.btn-anmat-danger-soft:disabled {
    opacity: .45 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}


/* =========================================================
   8. HEROES Y ENCABEZADOS INSTITUCIONALES DEFINITIVOS
========================================================= */

/* HERO GENERAL DEFINITIVO */
.anmat-hero,
.anmat-admin-areas-hero,
.anmat-confarea-hero,
.anmat-admin-hero,
.anmat-qe-hero,
.anmat-stats-hero {
    position: relative;
    overflow: hidden;
    padding: 22px 28px;
    border: 0;
    border-radius: 0;
    background: linear-gradient(
        105deg,
        var(--anmat-primary-deep),
        var(--anmat-primary)
    );
    box-shadow: var(--anmat-shadow-sm);
    color: #fff;
}

/* El hero definitivo no utiliza la decoración circular heredada */
.anmat-hero::after,
.anmat-admin-areas-hero::after,
.anmat-confarea-hero::after,
.anmat-admin-hero::after,
.anmat-qe-hero::after,
.anmat-stats-hero::after {
    display: none;
}

/* TÍTULOS */
.anmat-hero-title,
.anmat-admin-areas-hero h3,
.anmat-confarea-hero h3,
.anmat-admin-hero h3,
.anmat-qe-title,
.anmat-stats-hero h3 {
    margin: 0;
    font-family: var(--font-sans);
    font-size: clamp(1.55rem, 2.6vw, 2rem);
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -.025em;
    text-shadow: none;
    color: #fff;
}

/* SUBTÍTULOS */
.anmat-hero-subtitle,
.anmat-admin-areas-subtitle,
.anmat-confarea-subtitle,
.anmat-qe-subtitle,
.anmat-stats-hero .anmat-stats-sub {
    max-width: 760px;
    margin: 7px auto 0;
    line-height: 1.45;
    color: rgba(255, 255, 255, .86) !important;
    text-shadow: none;
}

/* BADGE DEL HERO */
.anmat-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: var(--anmat-radius-sm);
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .16);
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: uppercase;
}

/* Contraste garantizado para contenido dentro del hero general */
.anmat-hero,
.anmat-hero * {
    color: #fff !important;
}


/* ---------------------------------------------------------
   ENCABEZADOS ESPECÍFICOS
   Login, consultas y formulario público mantienen su diseño.
--------------------------------------------------------- */

.anmat-consultas-header,
.anmat-login-header,
.anmat-survey-header {
    position: relative;
    overflow: hidden;
    padding: 28px 22px;
    background: linear-gradient(
        135deg,
        var(--anmat-primary),
        rgba(36, 44, 79, .88)
    );
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: var(--shadow-md);
}

.anmat-consultas-header h3,
.anmat-login-header h3,
.anmat-survey-title {
    margin: 0;
    color: #fff;
    font-weight: 900;
    letter-spacing: .3px;
}

.anmat-consultas-subtitle,
.anmat-survey-subtitle {
    color: rgba(255, 255, 255, .88);
    opacity: 1;
}

/* Decoración específica de Consultas */



/* =========================================================
   6. SWITCHES DEFINITIVOS
========================================================= */

.anmat-switch-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    color: var(--anmat-primary);
}

.anmat-switch-wrap {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border: 1px solid var(--anmat-line);
    border-radius: var(--anmat-radius-sm);
    background: #fff;
}

.anmat-switch-wrap input[type="checkbox"],
.anmat-switch input[type="checkbox"],
.anmat-qe-switch input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    width: 48px;
    height: 26px;

    position: relative;
    cursor: pointer;

    border: 1px solid rgba(36, 44, 79, .22);
    border-radius: 999px;

    transition: .2s ease;
}

.anmat-switch input[type="checkbox"] {
    background: rgba(36, 44, 79, .18);
}

.anmat-switch-wrap input[type="checkbox"] {
    flex: 0 0 auto;
    background: rgba(239, 68, 68, .20);
}

.anmat-qe-switch input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: middle;
    background: rgba(36, 44, 79, .18);
}

.anmat-switch-wrap input[type="checkbox"]::before,
.anmat-switch input[type="checkbox"]::before,
.anmat-qe-switch input[type="checkbox"]::before {
    content: "";

    position: absolute;
    top: 3px;
    left: 3px;

    width: 18px;
    height: 18px;

    border-radius: 50%;
    background: #fff;

    box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
    transition: .2s ease;
}

.anmat-switch input[type="checkbox"]::before {
    top: 2px;
}

.anmat-switch-wrap input[type="checkbox"]:checked {
    background: rgba(34, 197, 94, .22);
    border-color: rgba(34, 197, 94, .35);
}

.anmat-switch input[type="checkbox"]:checked {
    background: rgba(34, 197, 94, .85);
    border-color: rgba(34, 197, 94, .85);
}

.anmat-qe-switch input[type="checkbox"]:checked {
    background: rgba(69, 101, 141, .95);
    border-color: rgba(69, 101, 141, .95);
}

.anmat-switch-wrap input[type="checkbox"]:checked::before,
.anmat-switch input[type="checkbox"]:checked::before,
.anmat-qe-switch input[type="checkbox"]:checked::before {
    transform: translateX(22px);
}

.anmat-switch-wrap label,
.anmat-qe-switch label,
.anmat-qe-switch span {
    margin: 0;
    color: rgba(20, 20, 20, .75);
    font-weight: 800;
    user-select: none;
}


/* TABLAS / GRIDS */
.anmat-table-wrap {
    border: 1px solid var(--border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(20,20,20,.06);
    background: #fff;
}

.anmat-grid-header th {
    background: rgba(36,44,79,.92) !important;
    color: #fff !important;
    text-align: center;
    font-weight: 900;
    position: sticky;
    top: 0;
    z-index: 2;
    border-color: rgba(255,255,255,.14) !important;
}

.anmat-grid-row td {
    vertical-align: middle;
}

.anmat-grid-row:hover {
    background: rgba(69,101,141,.08) !important;
}

.anmat-cell-center {
    text-align: center;
}

.anmat-cell-right {
    text-align: right;
}

.anmat-cell-date {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: rgba(20,20,20,.72);
}

.anmat-cell-email {
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    color: var(--anmat-secondary);
}

.anmat-cell-wrap,
.anmat-comments-cell,
.anmat-stats-qcell {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.35;
}

.anmat-comments-cell {
    max-width: 520px;
}

.anmat-stats-qhead {
    min-width: 170px;
}

.anmat-stats-qcell {
    max-width: 320px;
}

/* =========================================================
   9. LAYOUT GLOBAL DEFINITIVO
========================================================= */

.anmat-site {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.anmat-site-main {
    flex: 1;
    display: block;
    padding-block: 18px 36px;
}

.container,
.container-fluid {
    --bs-gutter-x: 2rem;
}


/* =========================================================
   NAVEGACIÓN DEFINITIVA
========================================================= */

.anmat-navbar {
    min-height: 68px;
    padding: 0;

    background: var(--anmat-primary) !important;

    border-bottom: 1px solid rgba(255, 255, 255, .12);

    box-shadow: 0 6px 18px rgba(36, 44, 79, .18);
}

.anmat-navbar-container {
    min-height: 68px;

    padding: 8px 24px;

    gap: 24px;
}

.anmat-navbar-appname {
    display: flex;
    align-items: center;

    max-width: 310px;

    margin-right: 24px;
    padding: 0;

    white-space: normal;

    line-height: 1.15;

    text-decoration: none;
}

.anmat-navbar-appname:hover {
    text-decoration: none;
}

.anmat-navbar-appname .NombreApp {
    color: #fff;

    font-family: var(--font-sans);

    font-size: .94rem;
    font-weight: 800;

    letter-spacing: .1px;
}

.anmat-navbar-links {
    align-items: center;
    gap: 4px;
}

.anmat-navbar .nav-link {
    padding: 9px 12px;

    border-radius: 8px;

    color: rgba(255, 255, 255, .90) !important;

    font-size: .9rem;
    font-weight: 700;

    white-space: nowrap;

    transition: background .15s ease;
}

.anmat-navbar .nav-link:hover,
.anmat-navbar .nav-link:focus {
    color: #fff !important;

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

    text-decoration: none;
}

.anmat-navbar .nav-link:focus {
    outline: none;

    box-shadow: 0 0 0 .22rem rgba(231, 186, 97, .22);
}

.anmat-navbar-logout {
    color: rgba(255, 255, 255, .82) !important;
}

.anmat-navbar-brands {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 16px;

    flex-shrink: 0;
}

.anmat-navbar-brand-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    line-height: 0;
}

.anmat-navbar-brand-link:hover,
.anmat-navbar-brand-link:focus {
    background: rgba(255, 255, 255, .08);

    text-decoration: none;
}

.anmat-navbar-logo,
.anmat-navbar-logo2 {
    display: block;

    width: auto !important;
    height: 38px !important;

    max-width: none;
    max-height: 38px !important;

    object-fit: contain;
    object-position: center;
}

.anmat-navbar-brand-divider {
    width: 1px;
    height: 38px;

    flex: 0 0 1px;

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

.anmat-navbar-toggler {
    padding: 6px 9px;

    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 8px;
}

.anmat-navbar-toggler:focus {
    box-shadow: 0 0 0 .2rem rgba(231, 186, 97, .25);
}


/* DROPDOWN */
.anmat-dropdown {
    min-width: 230px;

    margin-top: 8px;
    padding: 7px;

    border: 1px solid rgba(36, 44, 79, .12);
    border-radius: 12px;

    box-shadow: 0 16px 34px rgba(20, 20, 20, .14);
}

.anmat-dropdown .dropdown-item {
    padding: 10px 12px;

    border-radius: 8px;

    color: var(--anmat-primary);

    font-size: .88rem;
    font-weight: 700;
}

.anmat-dropdown .dropdown-item:hover,
.anmat-dropdown .dropdown-item:focus {
    background: rgba(69, 101, 141, .10);

    color: var(--anmat-primary);
}


/* =========================================================
   FOOTER DEFINITIVO
========================================================= */

.anmat-footerbar {
    min-height: 50px;
    padding: 0;

    background: var(--anmat-primary) !important;

    border-top: 1px solid rgba(255, 255, 255, .10);

    box-shadow: none;
}

.anmat-footerbar .container-fluid,
.anmat-footerbar-container {
    min-height: 50px;

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

    width: 100%;

    gap: 20px;

    padding: 8px 24px;
}

.anmat-footerbar-text {
    margin: 0 !important;

    color: rgba(255, 255, 255, .86) !important;

    font-size: .76rem;
    font-weight: 600;

    line-height: 1.3;

    letter-spacing: .15px;
}

.anmat-footerbar-user {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-right: auto;
}

.anmat-footerbar-user::before {
    content: "";

    width: 7px;
    height: 7px;

    flex: 0 0 auto;

    border-radius: 50%;

    background: #6EE7B7;

    box-shadow: 0 0 0 3px rgba(110, 231, 183, .13);
}

.anmat-footerbar-version {
    margin-left: auto;

    text-align: right;

    opacity: .92;
}


/* =========================================================
   AUTENTICACIÓN — COMPONENTES COMPARTIDOS
========================================================= */

.anmat-ajax-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;

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

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

.anmat-ajax-center img {
    width: 64px;
    height: auto;
}


/* =========================
   9) ADMIN / ÁREAS
========================= */
.anmat-confarea-wrap {
    background: radial-gradient(1000px 500px at 15% 0%, rgba(36,44,79,.10), transparent 55%), radial-gradient(900px 400px at 85% 10%, rgba(36,44,79,.08), transparent 50%);
    border-radius: 18px;
}


.anmat-confarea-sectiontitle,
.anmat-stats-subtitle {
    font-weight: 900;
    color: var(--anmat-primary);
}


.anmat-admin-actions {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* =========================
   10) ADMIN / FORMS AREA
========================= */
.anmat-admin-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
    width: 100%;
}

.anmat-admin-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 18px;
    height: 100%;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    position: relative;
    overflow: hidden;
}

    .anmat-admin-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--anmat-primary);
    }

.anmat-admin-card-topbar {
    height: 6px;
    background: linear-gradient(90deg, var(--anmat-primary), var(--anmat-secondary), var(--anmat-accent));
    border-radius: 999px;
    margin: -18px -18px 14px;
}

.anmat-admin-logo {
    background: var(--anmat-primary);
    border-radius: 14px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
}

    .anmat-admin-logo img {
        max-width: 160px;
        width: 100%;
        height: auto;
    }

.anmat-admin-title {
    font-size: 1.15rem;
    font-weight: 900;
    text-align: center;
    color: var(--anmat-primary);
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(1.25em * 2);
    margin-bottom: 12px;
}

.anmat-admin-section {
    font-size: .9rem;
    font-weight: 800;
    color: var(--muted);
    margin: 6px 0;
}

.anmat-admin-cta-card {
    background: linear-gradient(180deg, #ffffff, #f9fbff);
    border: 1px solid rgba(69,101,141,.18);
    box-shadow: 0 14px 32px rgba(36,44,79,.08);
}

.anmat-admin-card .anmat-qe-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
}

.anmat-admin-card.pregunta-activa .anmat-qe-badge {
    background: var(--anmat-success-soft);
    border-color: var(--anmat-success-border);
    color: var(--anmat-success);
}

.anmat-admin-card.pregunta-inactiva .anmat-qe-badge {
    background: var(--anmat-danger-soft);
    border-color: var(--anmat-danger-border);
    color: var(--anmat-danger);
}

/* =========================
   12) RADIO / CHECK / SCALE
========================= */
.anmat-rbl,
.anmat-cbl {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-top: 6px;
}

.anmat-cbl {
    flex-direction: column;
    gap: 10px;
}

    .anmat-rbl span,
    .anmat-cbl span {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border: 1px solid var(--border);
        border-radius: 14px;
        background: #fff;
        transition: transform .08s ease, box-shadow .15s ease, border-color .15s ease;
    }

        .anmat-rbl span:hover,
        .anmat-cbl span:hover {
            border-color: rgba(36,44,79,.32);
            box-shadow: 0 10px 18px rgba(0,0,0,.08);
            transform: translateY(-1px);
        }

    .anmat-rbl input[type="radio"],
    .anmat-cbl input[type="checkbox"] {
        accent-color: var(--anmat-primary);
        width: 18px;
        height: 18px;
        margin: 0;
    }

    .anmat-rbl label,
    .anmat-cbl label {
        margin: 0;
        font-weight: 700;
        color: var(--text);
    }


.anmat-scale {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) max-content minmax(130px, 1fr);
    grid-template-areas:
        "min escala max";
    align-items: center;
    column-gap: 18px;
    width: 100%;
    min-width: 0;
}

.anmat-scale-label {
    min-width: 0;
    font-size: .92rem;
    color: var(--muted);
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.anmat-scale-label--min {
    grid-area: min;
    text-align: right;
}

.anmat-scale-label--max {
    grid-area: max;
    text-align: left;
}

.anmat-scale-rbl {
    grid-area: escala;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: max-content;
    max-width: 100%;
    margin: 0;
}

@media (max-width: 850px) {

    .anmat-scale {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "min max"
            "escala escala";
        row-gap: 12px;
        column-gap: 20px;
    }

    .anmat-scale-label--min {
        text-align: left;
    }

    .anmat-scale-label--max {
        text-align: right;
    }

    .anmat-scale-rbl {
        justify-self: center;
        max-width: 100%;
        overflow-x: auto;
        padding: 4px 6px 8px;
    }
}

@media (max-width: 480px) {

    .anmat-scale {
        grid-template-columns: 1fr;
        grid-template-areas:
            "min"
            "escala"
            "max";
        row-gap: 10px;
    }

    .anmat-scale-label--min,
    .anmat-scale-label--max {
        text-align: center;
    }

    .anmat-scale-rbl {
        justify-self: stretch;
        justify-content: flex-start;
    }
}

    .anmat-scale-rbl span {
        position: relative;
        display: inline-flex;
        flex: 0 0 auto;
    }

    .anmat-scale-rbl input[type="radio"] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .anmat-scale-rbl label {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        min-width: 44px;
        max-width: 44px;
        flex: 0 0 44px;
        aspect-ratio: 1 / 1;
        padding: 0;
        margin: 0;
        line-height: 1;
        box-sizing: border-box;
        border-radius: 50%;
        border: 1px solid rgba(36,44,79,.22);
        background: #fff;
        color: var(--anmat-primary);
        font-weight: 900;
        cursor: pointer;
        user-select: none;
        transition: transform .08s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
    }

        .anmat-scale-rbl label:hover {
            transform: translateY(-1px);
            box-shadow: 0 12px 20px rgba(0,0,0,.10);
            border-color: rgba(36,44,79,.38);
        }

    .anmat-scale-rbl input[type="radio"]:focus + label {
        outline: none;
        box-shadow: var(--focus);
    }

    .anmat-scale-rbl input[type="radio"]:checked + label {
        background: rgba(69,101,141,.12);
        border-color: rgba(69,101,141,.65);
        box-shadow: 0 0 0 .22rem rgba(69,101,141,.18);
    }

@media (max-width: 768px) {

    .anmat-scale {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .anmat-scale-label--min,
    .anmat-scale-label--max {
        text-align: center;
    }

    .anmat-scale-rbl {
        justify-content: flex-start;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        padding: 4px 2px 10px;
        scrollbar-width: thin;
    }

        .anmat-scale-rbl label {
            width: 42px;
            height: 42px;
        }
}
/* =========================================================
   ESTADÍSTICAS / ENCUESTA DEFINITIVO
========================================================= */

.anmat-stats-wrap.anmat-stats-v2 {
    padding: 30px 0 40px;
}


/* ENCABEZADO */

.anmat-stats-heading {
    max-width: 800px;

    margin: 0 auto 30px;
}

.anmat-stats-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 10px;
    padding: 6px 10px;

    border: 1px solid rgba(69, 101, 141, .16);
    border-radius: 8px;

    background: rgba(69, 101, 141, .07);
    color: var(--anmat-secondary);

    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-stats-page-title {
    margin: 0;

    color: var(--anmat-primary);

    font-family: var(--font-sans);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.anmat-stats-page-subtitle {
    margin-top: 8px;

    color: var(--anmat-muted);

    font-size: .92rem;
    line-height: 1.55;
}


/* CARDS */

.anmat-stats-filters-v2,
.anmat-stats-results-v2 {
    overflow: hidden;

    border: 1px solid var(--anmat-line);
    border-radius: 13px;

    background: #fff;

    box-shadow: 0 4px 14px rgba(24, 38, 67, .05);
}

.anmat-stats-card-header {
    padding: 20px 23px;

    border-bottom: 1px solid rgba(69, 101, 141, .11);

    background: linear-gradient(
        135deg,
        rgba(69, 101, 141, .075),
        rgba(69, 101, 141, .025)
    );
}

.anmat-stats-card-body {
    padding: 23px;
}

.anmat-stats-section-kicker {
    margin-bottom: 4px;

    color: var(--anmat-secondary);

    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.anmat-stats-section-title {
    margin: 0 0 5px;

    color: var(--anmat-primary);

    font-size: 1rem;
    font-weight: 800;
}

.anmat-stats-section-description {
    color: var(--anmat-muted);

    font-size: .8rem;
    line-height: 1.45;
}


/* INPUTS */

.anmat-stats-v2 .anmat-input {
    min-height: 43px;

    border-radius: 8px;

    background: #fff;
}


/* DEBUG */

.anmat-debug {
    color: #B42323;

    font-weight: 800;
}


/* BOTONES */

.anmat-stats-btn {
    min-height: 41px;

    padding: 8px 15px !important;

    border-radius: 8px !important;

    font-size: .82rem;
    font-weight: 700 !important;
}


/* TABLA */

.anmat-stats-tablewrap-v2 {
    overflow: hidden;

    border: 1px solid rgba(69, 101, 141, .13);
    border-radius: 10px;

    background: #fff;

    box-shadow: none;
}

.anmat-stats-table-responsive {
    max-height: 66vh;

    overflow-x: auto;
    overflow-y: auto;
}

.anmat-stats-table-v2 {
    width: 100%;
    min-width: 900px;

    border-collapse: separate;
    border-spacing: 0;
}

.anmat-stats-gridhead th {
    position: sticky;
    top: 0;
    z-index: 6;

    padding: 11px 12px;

    border-color: rgba(255, 255, 255, .08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;

    background: var(--anmat-primary) !important;
    color: #fff !important;

    font-size: .74rem;
    font-weight: 700;

    text-align: center;

    white-space: nowrap;
}

.anmat-stats-gridrow td {
    padding: 10px 12px;

    border-color: rgba(69, 101, 141, .08) !important;

    color: var(--anmat-text);

    font-size: .78rem;
    line-height: 1.4;

    vertical-align: middle;
}

.anmat-stats-gridrow:nth-child(even) {
    background: rgba(69, 101, 141, .022);
}

.anmat-stats-gridrow:hover {
    background: rgba(69, 101, 141, .055);
}


/* PAGINADOR */

.anmat-stats-pager td {
    padding: 14px !important;

    border: 0 !important;
    border-top: 1px solid rgba(69, 101, 141, .10) !important;

    background: rgba(69, 101, 141, .035) !important;
}

.anmat-stats-pager table {
    margin: 0 auto;
}

.anmat-stats-pager a,
.anmat-stats-pager span {
    min-width: 30px;
    height: 30px;

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

    margin: 0 2px;

    border-radius: 6px;

    font-size: .75rem;
    font-weight: 700;

    text-decoration: none;
}

.anmat-stats-pager a {
    border: 1px solid rgba(69, 101, 141, .18);

    background: #fff;
    color: var(--anmat-secondary);
}

.anmat-stats-pager a:hover {
    background: rgba(69, 101, 141, .07);
    color: var(--anmat-primary);
}

.anmat-stats-pager span {
    border: 1px solid var(--anmat-primary);

    background: var(--anmat-primary);
    color: #fff;
}


/* ACCIONES */

.anmat-stats-actions-v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-top: 22px;
    padding-top: 18px;

    border-top: 1px solid var(--anmat-line);
}

.anmat-stats-actions-v2 .btn-anmat-accent {
    min-width: 155px;

    box-shadow: 0 3px 8px rgba(231, 186, 97, .13);
}


/* RESPONSIVE */

@media (max-width: 767.98px) {
    .anmat-stats-wrap.anmat-stats-v2 {
        padding-top: 20px;
    }

    

    

    .anmat-stats-table-responsive {
        max-height: 70vh;
    }

    

    
}


/* =========================================================
   EDITAR PREGUNTA / QUESTION EDITOR DEFINITIVO
========================================================= */

.anmat-qe {
    --qe-soft: #F8F9FC;
    --qe-border: rgba(36, 44, 79, .14);
    --qe-border-strong: rgba(36, 44, 79, .22);
}

.anmat-qe-v2 {
    padding: 30px 0 40px;
}


/* MENSAJES */

.anmat-qe-msg {
    border-left: 6px solid var(--anmat-secondary);
    border-radius: 9px;

    background: rgba(69, 101, 141, .08);

    box-shadow: none;
}


/* TABS */

.anmat-qe-tabs-v2 {
    gap: 5px;

    padding: 6px;

    border: 1px solid rgba(69, 101, 141, .12);
    border-radius: 10px;

    background: rgba(69, 101, 141, .035);
}

.anmat-qe-tabs-v2 .nav-link {
    padding: 9px 14px;

    border: 0 !important;
    border-radius: 7px !important;

    color: var(--anmat-muted);

    font-size: .82rem;
    font-weight: 700;
}

.anmat-qe-tabs-v2 .nav-link:hover {
    background: rgba(69, 101, 141, .06);
    color: var(--anmat-primary);
}

.anmat-qe-tabs-v2 .nav-link.active {
    background: var(--anmat-primary);
    color: #fff !important;

    box-shadow: 0 3px 8px rgba(36, 44, 79, .14);
}

.anmat-qe-tab-content-v2 {
    padding-top: 4px;
}


/* PANELES PRINCIPALES */

.anmat-qe-panel-v2,
.anmat-qe-filters-v2 {
    border: 1px solid var(--anmat-line);
    border-radius: 13px;

    background: linear-gradient(
        180deg,
        rgba(69, 101, 141, .035),
        #fff 150px
    );

    box-shadow: 0 4px 14px rgba(24, 38, 67, .05);
}


/* CONSTRUCTOR */

.anmat-qe-action-grid,
.anmat-qe-config-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;
}

.anmat-qe-action-box-v2,
.anmat-qe-config-box-v2 {
    border: 1px solid rgba(69, 101, 141, .12);
    border-radius: 10px;

    background: #fff;

    box-shadow: none;
}

.anmat-qe-action-box-v2 {
    padding: 18px;
}

.anmat-qe-config-box-v2 {
    padding: 20px;
}

.anmat-qe-action-box-v2:first-child {
    border-top: 3px solid var(--anmat-secondary);
}

.anmat-qe-action-box-v2:last-child {
    border-top: 3px solid var(--anmat-accent);
}

.anmat-qe-action-title,
.anmat-qe-config-title {
    margin-bottom: 6px;

    color: var(--anmat-primary);

    font-size: .88rem;
    font-weight: 800;
}

.anmat-qe-action-desc {
    margin-top: 4px;
    margin-bottom: 13px;

    color: var(--anmat-muted);

    font-size: .77rem;
    line-height: 1.45;
}

.anmat-qe-v2 .anmat-section-chip {
    padding: 5px 9px;

    border-radius: 7px;

    background: rgba(69, 101, 141, .08);

    font-size: .72rem;
}

.anmat-qe-tip {
    padding: 13px 15px;

    border: 1px solid rgba(231, 186, 97, .24);
    border-left: 4px solid var(--anmat-accent);
    border-radius: 8px;

    background: rgba(231, 186, 97, .08);
    color: #5F5540;

    font-size: .8rem;
}


/* CONFIGURACIÓN */

.anmat-qe-config-box-v2:nth-child(1) {
    border-top: 3px solid var(--anmat-secondary);
}

.anmat-qe-config-box-v2:nth-child(2) {
    border-top: 3px solid rgba(69, 101, 141, .55);
}

.anmat-qe-config-box-v2:nth-child(3) {
    border-top: 3px solid var(--anmat-accent);
}

.anmat-qe-config-box-v2:nth-child(4) {
    border-top: 3px solid #7B8AA3;
}


/* CONTROLES */

.anmat-qe-v2 .anmat-switch-wrap,
.anmat-qe-v2 .anmat-qe-switch {
    border: 1px solid rgba(69, 101, 141, .12);
    border-radius: 8px;

    background: rgba(69, 101, 141, .045);
}

.anmat-qe-switch {
    display: flex;
    justify-content: flex-end;
}

.anmat-qe-v2 .anmat-input,
.anmat-qe-v2 .form-control,
.anmat-qe-v2 .form-select {
    border-radius: 8px;

    background: #fff;
}


/* FILTROS */

.anmat-qe-filters-v2 {
    background: linear-gradient(
        135deg,
        rgba(69, 101, 141, .055),
        rgba(69, 101, 141, .018)
    );
}

.anmat-qe-filters-v2 h5 {
    color: var(--anmat-primary);

    font-size: .98rem;
    font-weight: 800;
}


/* LISTADO DE ÍTEMS */

.anmat-qe-card {
    position: relative;

    padding: 1rem 1.25rem !important;

    border: 1px solid rgba(69, 101, 141, .13);
    border-radius: 11px;

    background: #fff;

    box-shadow: 0 3px 11px rgba(24, 38, 67, .045);

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

.anmat-qe-card:hover {
    border-color: rgba(69, 101, 141, .28);

    box-shadow: 0 6px 16px rgba(24, 38, 67, .07);
}

.anmat-qe-card + .anmat-qe-card {
    margin-top: .85rem;
}

.anmat-qe-card.pregunta-inactiva {
    opacity: .72;

    background: #F8F9FA;
}

.anmat-qe-card.pregunta-editando {
    border-color: rgba(69, 101, 141, .30);

    background: linear-gradient(
        180deg,
        #fff,
        #FBFCFF
    );
}

.anmat-qe-card.pregunta-editando::before {
    content: "";

    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 0;

    width: 4px;

    border-radius: 0 999px 999px 0;

    background: var(--anmat-secondary);
}


/* ELEMENTOS: SECCIÓN / INFORMACIÓN */

.anmat-qe .anmat-card.anmat-qe-card.anmat-qe-card--seccion,
.anmat-qe-card--seccion {
    border: 1px solid rgba(69, 101, 141, .36) !important;
    border-left: 8px solid var(--anmat-secondary) !important;

    background: #EAF1FB !important;

    box-shadow: 0 12px 28px rgba(36, 44, 79, .10) !important;
}

.anmat-qe .anmat-card.anmat-qe-card.anmat-qe-card--info,
.anmat-qe-card--info {
    border: 1px solid rgba(231, 186, 97, .48) !important;
    border-left: 8px solid var(--anmat-accent) !important;

    background: #FFF4D8 !important;

    box-shadow: 0 12px 28px rgba(231, 186, 97, .16) !important;
}

.anmat-qe-title--seccion {
    color: var(--anmat-primary) !important;
}

.anmat-qe-title--info {
    color: #7A5A16 !important;
}


/* HANDLE / META / ESTADO */

.anmat-qe-handle {
    width: 28px;
    min-width: 28px;

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

    flex: 0 0 auto;

    margin-top: 2px;

    color: var(--anmat-secondary);

    font-size: 1.4rem;
    line-height: 1;

    opacity: .7;

    user-select: none;
}

.anmat-qe-card--info .anmat-qe-handle {
    color: #B58116 !important;
}

.anmat-qe-meta {
    color: var(--anmat-muted);

    font-size: .75rem;
}

.anmat-qe-badge {
    display: inline-flex;
    align-items: center;

    flex: 0 0 auto;

    margin-left: auto;
    padding: 6px 10px;

    border: 1px solid transparent;
    border-radius: 6px;

    font-size: .68rem;
    font-weight: 800;

    white-space: nowrap;
}

.anmat-qe-card.pregunta-activa .anmat-qe-badge {
    border-color: var(--anmat-success-border);

    background: var(--anmat-success-soft);
    color: var(--anmat-success);
}

.anmat-qe-card.pregunta-inactiva .anmat-qe-badge {
    border-color: var(--anmat-danger-border);

    background: var(--anmat-danger-soft);
    color: var(--anmat-danger);
}

.anmat-qe-card .flex-grow-1 {
    min-width: 0;
}


/* EDITOR INTERNO */

.anmat-qe-editor-v2,
.anmat-qe-element-editor {
    border: 1px solid rgba(231, 186, 97, .30);
    border-left: 4px solid var(--anmat-accent);
    border-radius: 8px;

    background: linear-gradient(
        135deg,
        rgba(231, 186, 97, .09),
        rgba(231, 186, 97, .025)
    );
}

.anmat-qe-editor-v2 {
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: -24px;

    padding: 22px 24px 24px !important;

    border-top: 1px solid rgba(231, 186, 97, .30) !important;
}

.anmat-qe-element-editor {
    padding: 18px;
}

.anmat-qe-editor-v2 > h6,
.anmat-qe-editor-v2 .anmat-label,
.anmat-qe-element-editor h6 {
    color: var(--anmat-primary);
}

.anmat-qe-editor-v2 h6,
.anmat-qe-element-editor h6 {
    font-size: .86rem;
    font-weight: 800;
}

.anmat-qe-help {
    color: var(--anmat-muted);

    font-size: .75rem;
}


/* OPCIONES */

.anmat-opciones-compact {
    display: flex;
    flex-direction: column;

    gap: 7px;
}

.anmat-opcion-mini-row-v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 1rem;

    padding: 10px 12px;

    border: 1px solid rgba(69, 101, 141, .11);
    border-radius: 8px;

    background: #fff;

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

.anmat-opcion-mini-row-v2:hover {
    border-color: rgba(69, 101, 141, .22);

    background: rgba(69, 101, 141, .035);
}


.anmat-opcion-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;
}

.anmat-opcion-editor-v2 {
    margin-top: 1rem;
    padding: 15px;

    border: 1px solid rgba(231, 186, 97, .24);
    border-radius: 8px;

    background: rgba(231, 186, 97, .065);
}

.anmat-opcion-editor-v2 .border-top {
    border-color: rgba(69, 101, 141, .12) !important;
}

.anmat-qe-option--new {
    padding: 12px;

    border: 1px dashed rgba(69, 101, 141, .28);
    border-radius: 8px;

    background: rgba(69, 101, 141, .025);
}


/* BOTONES */

.anmat-qe-btn {
    min-height: 39px;

    padding: 8px 13px !important;

    border-radius: 7px !important;

    font-size: .79rem;
    font-weight: 700 !important;
}

.anmat-qe-btn-sm {
    min-height: 32px;

    padding: 6px 10px !important;

    font-size: .72rem;
}

.anmat-qe-toggle-state {
    border-color: rgba(181, 65, 65, .22) !important;
}

.anmat-qe-toggle-state:hover {
    border-color: rgba(181, 65, 65, .40) !important;

    background: rgba(181, 65, 65, .055) !important;
    color: #9D3B3B !important;
}


/* OBLIGATORIA */

.anmat-required-chip {
    display: inline-block;

    margin-left: .35rem;
    padding: .12rem .45rem;

    border: 1px solid rgba(220, 53, 69, .25);
    border-radius: 999px;

    background: #FFF5F5;
    color: #B02A37;

    font-size: .78rem;
    font-weight: 700;
}


/* RESPONSIVE */

@media (max-width: 992px) {
    .anmat-qe-action-grid,
    .anmat-qe-config-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .anmat-qe-v2 {
        padding-top: 20px;
    }

    .anmat-qe-tabs-v2 {
        display: flex;
        flex-direction: column;
    }

    .anmat-qe-tabs-v2 .nav-item,
    .anmat-qe-tabs-v2 .nav-link {
        width: 100%;
    }

    .anmat-qe-editor-v2 {
        margin-left: -24px;
        margin-right: -24px;
    }
}


/* =========================
   15) RESPONSIVE
========================= */
@media (max-width: 992px) {
    .anmat-admin-areas-col {
        flex: 0 0 calc(50% - 12px);
        max-width: calc(50% - 12px);
    }
}

@media (max-width: 768px) {
    .anmat-admin-areas-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .anmat-footerbar .container-fluid {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 4px;
    }

    .anmat-footerbar .navbar-text + .navbar-text {
        margin-left: 0;
    }
}

@media (max-width: 576px) {
    .anmat-hero,
    .anmat-admin-areas-hero,
    .anmat-confarea-hero,
    .anmat-admin-hero,
    .anmat-qe-hero,
    .anmat-stats-hero {
        padding: 28px 20px;
    }

    .anmat-scale {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .anmat-scale-label--min,
    .anmat-scale-label--max {
        text-align: center;
    }

    .anmat-consultas-card {
        border-radius: 18px;
    }

    .anmat-consultas-body {
        padding: 22px 18px !important;
    }

    .anmat-consultas-actions .btn-anmat,
    .anmat-consultas-actions .btn-anmat-outline {
        width: 100%;
    }

    .anmat-section-block {
        padding: 16px;
    }

    .anmat-section-card {
        padding: 14px;
        border-radius: 16px;
    }

        .anmat-section-card::before {
            margin: -14px -14px 14px -14px;
        }

        .anmat-section-card .anmat-question-block {
            padding: 10px 4px 10px 14px;
        }

    .anmat-section-title {
        font-size: 1.05rem;
    }

    .anmat-section-desc {
        font-size: 0.92rem;
    }

    .anmat-question-ok {
        border: 2px solid #22c55e !important;
        background: #f0fdf4;
    }

    .anmat-question-bad {
        border: 2px solid #ef4444 !important;
        background: #fef2f2;
    }

    .anmat-question-empty {
        border: 2px solid #f59e0b !important;
        background: #fffbeb;
    }

    /* =========================
   FORMS_AREA / ADMIN FORMULARIOS
========================= */

    .anmat-forms-toolbar {
        border-radius: 20px;
        border: 1px solid rgba(36,44,79,.10);
        box-shadow: 0 10px 24px rgba(36,44,79,.08);
        background: linear-gradient(180deg, #ffffff, #fbfcff);
    }

    .anmat-toolbar-filter {
        display: flex;
        align-items: center;
        justify-content: stretch;
        height: 100%;
    }

    .anmat-forms-grid {
        margin-top: 4px;
    }

    .anmat-form-card {
        position: relative;
        border-radius: 22px;
        padding: 22px 20px 18px 20px;
        overflow: hidden;
        transition: transform .16s ease, box-shadow .18s ease, border-color .18s ease;
        border: 1px solid rgba(36,44,79,.12);
        box-shadow: 0 12px 28px rgba(36,44,79,.08);
        background: linear-gradient(180deg, #ffffff, #fbfcff);
    }

        .anmat-form-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 18px 34px rgba(36,44,79,.14);
            border-color: rgba(36,44,79,.20);
        }

    .anmat-form-card-status {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 6px;
        background: linear-gradient(90deg, #242C4F, #45658D, #E7BA61);
    }

    .anmat-form-card-head {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 14px;
    }

    .anmat-form-logo {
        width: 68px;
        height: 68px;
        border-radius: 18px;
        background: rgba(36,44,79,.05);
        border: 1px solid rgba(36,44,79,.10);
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 68px;
        overflow: hidden;
    }

        .anmat-form-logo img {
            max-width: 42px;
            max-height: 42px;
            object-fit: contain;
            opacity: .95;
        }

    .anmat-form-head-content {
        min-width: 0;
        flex: 1;
    }

    .anmat-form-title {
        font-family: var(--font-sans);
        font-weight: 900;
        font-size: 1.08rem;
        color: var(--anmat-primary);
        line-height: 1.3;
        margin: 0;
        text-align: left;
    }

    .anmat-form-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .anmat-badge-soft-ok {
        background: rgba(34,197,94,.12);
        border: 1px solid rgba(34,197,94,.28);
        color: #166534;
    }

    .anmat-badge-soft-off {
        background: rgba(239,68,68,.10);
        border: 1px solid rgba(239,68,68,.24);
        color: #991b1b;
    }

    .anmat-form-detail {
        min-height: 84px;
        padding: 14px 14px 12px 14px;
        border-radius: 16px;
        background: rgba(36,44,79,.04);
        border: 1px solid rgba(36,44,79,.08);
    }

    .anmat-form-description {
        color: rgba(20,20,20,.70);
        line-height: 1.5;
    }

    .anmat-form-meta {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .anmat-form-meta-item {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 8px 10px;
        border-radius: 12px;
        background: rgba(255,255,255,.75);
        border: 1px solid rgba(36,44,79,.07);
    }

    .anmat-form-meta-label {
        font-weight: 800;
        color: rgba(36,44,79,.80);
    }

    .anmat-form-meta-value {
        font-weight: 700;
        color: rgba(20,20,20,.78);
        text-align: right;
    }

    .anmat-form-actions {
        margin-top: 16px;
    }

        .anmat-form-actions > .btn-anmat {
            margin-bottom: 8px;
        }

    @media (max-width: 767.98px) {
        .anmat-form-card {
            padding: 18px 16px 16px 16px;
        }

        .anmat-form-card-head {
            align-items: flex-start;
        }

        .anmat-form-logo {
            width: 58px;
            height: 58px;
            flex-basis: 58px;
            border-radius: 16px;
        }

        .anmat-form-title {
            font-size: 1rem;
        }

        .anmat-form-detail {
            min-height: auto;
        }
    }

    .anmat-admin-actions-panel {
        background: rgba(36, 44, 79, 0.035);
        border: 1px solid rgba(36, 44, 79, 0.08);
        border-radius: 18px;
        padding: 1rem;
    }

    .anmat-switch-wrap {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        color: var(--anmat-primary);
        font-weight: 600;
    }

        .anmat-switch-wrap input[type="checkbox"] {
            margin-right: .45rem;
        }

    @media (min-width: 992px) {
        .anmat-switch-wrap.justify-content-lg-end {
            justify-content: flex-end;
        }
    }
}

.anmat-rbl--vertical {
    display: block;
    width: 100%;
    max-width: 900px;
}

    .anmat-rbl--vertical table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 8px;
    }

    .anmat-rbl--vertical td {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 10px 12px;
        border: 1px solid rgba(36, 44, 79, 0.12);
        border-radius: 12px;
        background: #fff;
    }

    .anmat-rbl--vertical input[type="radio"] {
        margin-top: 4px;
        flex: 0 0 auto;
    }

    .anmat-rbl--vertical label {
        display: block;
        width: 100%;
        margin: 0;
        line-height: 1.4;
    }

    .anmat-rbl--vertical td {
        display: flex;
        align-items: flex-start;
        gap: 14px; /* antes 10px */
        padding: 10px 12px;
        border: 1px solid rgba(36, 44, 79, 0.12);
        border-radius: 12px;
        background: #fff;
    }

    .anmat-rbl--vertical input[type="radio"] {
        margin-top: 3px;
        margin-right: 6px;
    }

.anmat-exam-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.anmat-exam-action-main,
.anmat-exam-action-admin {
    min-width: 220px;
}

@media (max-width: 576px) {
    .anmat-exam-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .anmat-exam-action-main,
    .anmat-exam-action-admin {
        width: 100%;
        min-width: 0;
    }
}
/* =========================================================
   COMPONENTES ADMINISTRATIVOS COMPARTIDOS
========================================================= */

.anmat-admin-card {
    justify-content: space-between;
}

.anmat-admin-logo img {
    max-width: 120px !important;
}


.anmat-form-meta-mini-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}

.anmat-form-meta-mini {
    background: rgba(36,44,79,.05);
    border: 1px solid rgba(36,44,79,.08);
    border-radius: 12px;
    padding: 8px 10px;
    font-size: .84rem;
    font-weight: 700;
    color: rgba(20,20,20,.72);
}

    .anmat-form-meta-mini strong {
        color: var(--anmat-primary);
        font-weight: 900;
    }

/* =========================================================
   CONFIG EXAMEN
========================================================= */

.anmat-exam-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 18px;
}

.anmat-exam-box {
    background: rgba(36,44,79,.035);
    border: 1px solid rgba(36,44,79,.08);
    border-radius: 20px;
    padding: 18px;
}

.anmat-exam-box-title {
    color: var(--anmat-primary);
    font-weight: 900;
    margin-bottom: 12px;
}

.anmat-exam-section-primary {
    background: linear-gradient(180deg,#f7faff,#ffffff);
}

.anmat-exam-section-success {
    border-left: 6px solid #22c55e;
}

.anmat-exam-section-info {
    border-left: 6px solid var(--anmat-secondary);
}

.anmat-exam-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.anmat-exam-counter {
    background: rgba(69,101,141,.08);
    border: 1px solid rgba(69,101,141,.18);
    border-radius: 999px;
    padding: 6px 12px;
    font-size: .85rem;
    font-weight: 800;
    color: var(--anmat-primary);
}
/* =========================================================
   CONFIGURAR EXAMEN - WORKSPACE
========================================================= */

.anmat-exam-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.anmat-exam-dni-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.anmat-exam-box {
    background: rgba(36,44,79,.035);
    border: 1px solid rgba(36,44,79,.09);
    border-radius: 20px;
    padding: 18px;
}

.anmat-exam-box-title {
    color: var(--anmat-primary);
    font-weight: 900;
    margin-bottom: 14px;
}

.anmat-exam-section-primary {
    background: linear-gradient(180deg, #f7faff, #ffffff);
}

.anmat-exam-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    flex-wrap: wrap;
}

.anmat-exam-note {
    background: rgba(231,186,97,.10);
    border: 1px solid rgba(231,186,97,.28);
    border-left: 5px solid var(--anmat-accent);
    border-radius: 14px;
    padding: 10px 12px;
    color: rgba(20,20,20,.70);
    font-size: .88rem;
    line-height: 1.45;
}

@media (max-width: 992px) {
    .anmat-exam-grid,
    .anmat-exam-dni-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   CONFIGURAR EXAMEN - PREGUNTAS
========================================================= */

.anmat-exam-section-success {
    border-left: 6px solid #22c55e;
    background: linear-gradient(180deg, #f7fff9, #ffffff);
}

.anmat-exam-section-info {
    border-left: 6px solid var(--anmat-secondary);
    background: linear-gradient(180deg, #f7faff, #ffffff);
}

.anmat-exam-bank-filters {
    background: linear-gradient(180deg, #ffffff, #fbfcff);
    border-radius: 20px;
}

.anmat-exam-question-card {
    border-radius: 18px !important;
    box-shadow: 0 8px 18px rgba(36,44,79,.06) !important;
}

    .anmat-exam-question-card:hover {
        border-color: rgba(69,101,141,.32) !important;
        box-shadow: 0 12px 24px rgba(36,44,79,.10) !important;
    }

.anmat-exam-question-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.anmat-exam-action-bar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.anmat-exam-empty {
    background: rgba(36,44,79,.04);
    border: 1px dashed rgba(36,44,79,.18);
    border-radius: 16px;
    padding: 18px;
    color: var(--muted);
    font-weight: 700;
    text-align: center;
}

.anmat-badge-activo {
    background: rgba(34,197,94,.12) !important;
    border: 1px solid rgba(34,197,94,.28) !important;
    color: #166534 !important;
}

.anmat-badge-inactivo {
    background: rgba(239,68,68,.10) !important;
    border: 1px solid rgba(239,68,68,.24) !important;
    color: #991b1b !important;
}

@media (max-width: 768px) {
    .anmat-exam-action-bar {
        width: 100%;
        justify-content: stretch;
    }

        .anmat-exam-action-bar .btn-anmat,
        .anmat-exam-action-bar .btn-anmat-secondary {
            width: 100%;
        }
}
/* =========================================================
   CONFIGURAR EXAMEN - TABS
========================================================= */



    

        

        


/* =========================================================
   EDITAR PREGUNTAS - TABS
========================================================= */

.anmat-exam-tabs {
    border-bottom: 1px solid rgba(36,44,79,.14);
    gap: 8px;
    flex-wrap: wrap;
}

    .anmat-exam-tabs .nav-link {
        border: 1px solid rgba(36,44,79,.14);
        border-radius: 999px;
        color: var(--anmat-primary);
        font-weight: 900;
        background: #ffffff;
        padding: 10px 16px;
        box-shadow: 0 6px 14px rgba(36,44,79,.05);
    }

        .anmat-exam-tabs .nav-link:hover {
            background: rgba(69,101,141,.08);
            border-color: rgba(69,101,141,.28);
        }

        .anmat-exam-tabs .nav-link.active {
            background: var(--anmat-primary);
            color: #ffffff;
            border-color: var(--anmat-primary);
        }

.anmat-exam-tab-content {
    min-height: 420px;
}

.historial-detalle {
    line-height: 1.5;
    font-size: .95rem;
}

#pane-historial .table td {
    vertical-align: top;
}
.is-invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .15) !important;
}
.anmat-timer-clock {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .06em;
    color: #0b3c6f;
}
.anmat-timer-card {
    border: 1px solid rgba(11,60,111,.12);
    border-left: 5px solid #0b3c6f;
    border-radius: 18px;
    background: linear-gradient( 180deg, #ffffff 0%, #f7faff 100% );
    box-shadow: 0 6px 18px rgba(0,0,0,.04);
}
.anmat-timer-warning {
    color: #c27a00;
}
.anmat-timer-danger {
    color: #c62828;
    animation: pulseTimer 1s infinite;
}

@keyframes pulseTimer {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.04);
        opacity: .85;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.anmat-timer-card{
    position: sticky;
    top: 85px;
    z-index: 20;
}


.anmat-opcion-mini-main {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex: 1;
}

.anmat-opcion-mini-text {
    font-weight: 500;
}


.anmat-qe-card--pool {
    border: 1px solid rgba(36,44,79,.08);
    box-shadow: 0 4px 14px rgba(36,44,79,.06);
    transition: .18s ease;
}

    .anmat-qe-card--pool:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 22px rgba(36,44,79,.10);
    }


.anmat-page-section + 


/* =========================================================
   7. FORMULARIOS DEL ÁREA
========================================================= */

.anmat-admin-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    align-items: stretch;
}

.anmat-admin-grid > span {
    display: contents;
}

.anmat-admin-card {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 0;
    border: 1px solid var(--anmat-line);
    box-shadow: var(--anmat-shadow-sm);
    background: #fff;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.anmat-admin-card:hover {
    transform: translateY(-3px);
    border-color: rgba(36, 44, 79, .30);
    box-shadow: var(--anmat-shadow-hover);
}

.anmat-admin-grid .anmat-admin-card {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.anmat-admin-card-topbar {
    height: 4px;
    margin: 0;
    border-radius: 0;
    background: var(--anmat-primary);
}

.anmat-admin-logo {
    min-height: 58px;
    margin: 0;
    padding: 10px 18px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--anmat-primary);
}

.anmat-admin-logo img {
    width: auto;
    height: auto;
    max-width: 132px;
    max-height: 32px;
    object-fit: contain;
}

.anmat-admin-card > :not(.anmat-admin-card-topbar):not(.anmat-admin-logo) {
    margin-left: 20px;
    margin-right: 20px;
}

.anmat-admin-title {
    min-height: 2.6em;
    margin-top: 20px;
    margin-bottom: 12px;
    font-family: var(--font-sans);
    font-size: 1.04rem;
    line-height: 1.3;
    font-weight: 800;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.anmat-admin-section {
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: .78rem;
    line-height: 1.35;
}

.anmat-form-card {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.anmat-form-card .anmat-admin-title {
    min-height: calc(1.3em * 3);
    margin-bottom: 14px;
}

.anmat-form-card__area {
    display: flex;
    justify-content: center;
}

.anmat-admin-actions {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 20px !important;
    margin-top: auto !important;
    padding-top: 16px;
    border-top: 1px solid rgba(36, 44, 79, .09);
}

.anmat-admin-actions .btn,
.anmat-admin-actions .btn-anmat,
.anmat-admin-actions .btn-anmat-secondary,
.anmat-admin-actions .btn-anmat-outline,
.anmat-admin-actions .btn-anmat-accent,
.anmat-admin-actions .btn-anmat-soft,
.anmat-admin-actions .btn-anmat-danger-outline,
.anmat-admin-actions .btn-anmat-danger-soft {
    width: 100%;
    min-height: 40px;
    padding: .48rem .75rem;
}


/* =========================================================
   8. BARRA DE ACCIONES DE FORMS_AREA
========================================================= */

.anmat-admin-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 26px;
    align-items: center;
    margin-bottom: 34px;
    padding: 22px 24px;
    border: 1px solid var(--anmat-line);
    background: #fff;
    box-shadow: var(--anmat-shadow-sm);
}

.anmat-admin-toolbar__content {
    min-width: 0;
}

.anmat-admin-toolbar__title {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 1.35rem;
    font-weight: 800;
}

.anmat-admin-toolbar__text {
    margin: 6px 0 0;
    color: var(--anmat-muted);
    font-size: .9rem;
}

.anmat-admin-toolbar__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    gap: 12px;
}

.anmat-admin-toolbar__buttons {
    display: contents;
}

.anmat-admin-toolbar__filter {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--anmat-line);
}


/* =========================================================
   9. BADGES Y ESTADOS
========================================================= */

.anmat-status-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 10px;
}

.anmat-status-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 750;
    line-height: 1.15;
    white-space: nowrap;
}

.anmat-status-chip--type {
    color: var(--anmat-primary);
    background: rgba(69, 101, 141, .10);
    border: 1px solid rgba(69, 101, 141, .24);
}

.anmat-status-chip--active {
    color: var(--anmat-success);
    background: var(--anmat-success-soft);
    border: 1px solid var(--anmat-success-border);
}

.anmat-status-chip--inactive {
    color: var(--anmat-danger);
    background: var(--anmat-danger-soft);
    border: 1px solid var(--anmat-danger-border);
}

.anmat-status-chip--area {
    color: rgba(20, 20, 20, .76);
    background: rgba(36, 44, 79, .05);
    border: 1px solid rgba(36, 44, 79, .14);
}


/* =========================================================
   10. CONFIGURACIÓN DE ÁREA Y TABLAS
========================================================= */

.anmat-confarea-card {
    overflow: hidden;
    border-radius: var(--anmat-radius-lg);
    border: 1px solid var(--anmat-line);
    box-shadow: var(--anmat-shadow-sm);
}

.anmat-confarea-sectiontitle {
    font-family: var(--font-sans);
    font-size: 1.08rem;
    letter-spacing: -.01em;
}

.anmat-table-wrap {
    border-radius: var(--anmat-radius);
    border-color: var(--anmat-line);
    box-shadow: none;
}

.anmat-grid-header th {
    background: var(--anmat-primary) !important;
    font-size: .82rem;
    letter-spacing: .015em;
}

.anmat-grid-row:hover {
    background: rgba(69, 101, 141, .045) !important;
}


/* =========================================================
   14. RESPONSIVE
========================================================= */

@media (max-width: 1199.98px) {
    .anmat-admin-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .anmat-navbar-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .anmat-navbar-logo,
    .anmat-navbar-logo2 {
        width: auto !important;
        height: 34px !important;
        max-height: 34px !important;
    }

    .anmat-navbar-brand-divider {
        height: 34px;
    }

    .anmat-navbar-brands {
        gap: 12px;
    }

    .anmat-navbar-appname {
        max-width: 245px;
        margin-right: 12px;
    }

    .anmat-navbar .nav-link {
        padding-left: 8px;
        padding-right: 8px;
        font-size: .84rem;
    }
}

@media (max-width: 991.98px) {
    

    .anmat-admin-toolbar {
        grid-template-columns: 1fr;
    }

    .anmat-admin-toolbar__actions {
        width: 100%;
    }

    .anmat-navbar-container {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .anmat-navbar-appname {
        max-width: calc(100% - 70px);
    }

    .anmat-navbar .navbar-collapse {
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid rgba(255, 255, 255, .14);
    }

    .anmat-navbar-links {
        align-items: stretch;
        gap: 3px;
    }

    .anmat-navbar .nav-link {
        width: 100%;
        padding: 10px 12px;
        font-size: .9rem;
    }

    .anmat-navbar-brands {
        justify-content: flex-start;
        padding-top: 16px;
        margin-top: 10px;
        border-top: 1px solid rgba(255, 255, 255, .12);
    }
}

@media (max-width: 767.98px) {
    .anmat-site-main {
        padding-block: 10px 24px;
    }

    .container,
    .container-fluid {
        --bs-gutter-x: 1.25rem;
    }

    .anmat-hero,
    .anmat-admin-areas-hero,
    .anmat-confarea-hero,
    .anmat-admin-hero,
    .anmat-qe-hero,
    .anmat-stats-hero {
        padding: 20px 18px;
    }

    

    

    .anmat-admin-grid {
        grid-template-columns: 1fr !important;
    }

    .anmat-admin-toolbar {
        padding: 18px;
        gap: 20px;
    }

    .anmat-admin-toolbar__actions {
        grid-template-columns: 1fr;
    }

    .anmat-admin-toolbar__filter {
        align-items: flex-start;
        flex-direction: column;
    }

    .anmat-form-card {
        min-height: auto;
    }

    .anmat-status-chip {
        white-space: normal;
        text-align: center;
    }
}

@media (max-width: 575.98px) {
    .anmat-navbar-container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .anmat-navbar-appname .NombreApp {
        font-size: .84rem;
    }

    .anmat-navbar-brands {
        gap: 10px;
        flex-wrap: nowrap;
    }

    .anmat-navbar-logo,
    .anmat-navbar-logo2 {
        width: auto !important;
        height: 30px !important;
        max-height: 30px !important;
    }

    .anmat-navbar-brand-divider {
        height: 30px;
    }

    .anmat-footerbar-container {
        flex-direction: column;
        justify-content: center;
        gap: 3px;
        padding: 9px 14px;
        text-align: center;
    }

    .anmat-footerbar-version {
        margin-left: 0;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .anmat-admin-areas-card,
    .anmat-admin-card,
    .btn-anmat,
    .btn-anmat-secondary,
    .btn-anmat-outline,
    .btn-anmat-accent,
    .btn-anmat-soft,
    .btn-anmat-danger-outline,
    .btn-anmat-danger-soft {
        transition: none !important;
    }
}

/* =========================================================
   LOGIN ADMINISTRATIVO DEFINITIVO

   Nota:
   Las clases genéricas .anmat-login-* anteriores se conservan
   temporalmente porque también son utilizadas por
   AccesoInternoFormulario.aspx. Este bloque deja explícito el
   aspecto final del Login administrativo actual.
========================================================= */

.anmat-login-bg.anmat-login-v2 {
    min-height: calc(100vh - 145px);

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

    gap: .6rem;

    padding: 40px 20px;

    background: transparent;
}

.anmat-login-shell {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
}


/* PRESENTACIÓN */

.anmat-login-intro {
    margin-bottom: 24px;
}

.anmat-login-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid rgba(69, 101, 141, .18);
    border-radius: 8px;
    background: rgba(69, 101, 141, .07);
    color: var(--anmat-secondary);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-login-title {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.025em;
    color: var(--anmat-primary);
}

.anmat-login-subtitle {
    margin-top: 8px;
    color: var(--anmat-muted);
    font-size: .92rem;
    line-height: 1.5;
}


/* CARD */

.anmat-login-card.anmat-login-card-v2 {
    width: 100%;
    max-width: 440px;

    overflow: hidden;

    border: 1px solid var(--anmat-line);
    border-radius: var(--radius-xl) !important;

    background: #fff;

    box-shadow: 0 6px 18px rgba(24, 38, 67, .07);
}


/* HEADER INTERNO */

.anmat-login-card-header {
    padding: 20px 26px 18px;
    border-bottom: 1px solid var(--anmat-line);
    background: var(--anmat-primary);
}

.anmat-login-card-header__title {
    margin-bottom: 3px;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
}

.anmat-login-card-header__text {
    color: rgba(255, 255, 255, .78);
    font-size: .82rem;
    line-height: 1.4;
}


/* BODY */

.anmat-login-v2 .anmat-login-body {
    padding: 26px;
    background: #fff;
}

.anmat-login-v2 .anmat-login-label {
    display: inline-block;
    margin-bottom: 7px;
    color: var(--anmat-text);
    font-size: .88rem;
    font-weight: 700;
}


/* INPUTS */

.anmat-login-v2 .anmat-login-input {
    min-height: 46px;

    padding: 10px 13px;

    border: 1px solid var(--anmat-line-strong);
    border-radius: 8px;

    background: #fff;
}

    .anmat-login-v2 .anmat-login-input:hover {
        border-color: rgba(69, 101, 141, .45);
    }

    .anmat-login-v2 .anmat-login-input:focus {
        border-color: var(--anmat-secondary);
        background: #fff;
        box-shadow: 0 0 0 .2rem rgba(69, 101, 141, .16);
    }

.anmat-login-field-help {
    margin-top: 6px;
    color: var(--anmat-muted);
    font-size: .77rem;
}


/* BOTÓN */

.anmat-login-v2 .anmat-login-btn {
    min-height: 46px;

    padding: 12px;

    border-radius: 8px !important;

    font-size: .92rem;
    font-weight: 700 !important;
}


/* BLOQUE RESU */

.anmat-login-resu {
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr);
    gap: 14px;
    padding: 17px 22px;
    border-top: 1px solid var(--anmat-line);
    background: var(--anmat-surface-soft);
}

.anmat-login-resu__marker {
    width: 4px;
    border-radius: 999px;
    background: var(--anmat-accent);
}

.anmat-login-resu__title {
    margin-bottom: 4px;
    color: var(--anmat-primary);
    font-size: .82rem;
    font-weight: 800;
}

.anmat-login-resu__text {
    color: var(--anmat-muted);
    font-size: .79rem;
    line-height: 1.5;
}

    .anmat-login-resu__text a {
        color: var(--anmat-secondary);
        font-weight: 700;
    }

        .anmat-login-resu__text a:hover {
            color: var(--anmat-primary);
        }


/* RESPONSIVE */

@media (max-width: 575.98px) {

    .anmat-login-bg.anmat-login-v2 {
        min-height: auto;
        padding: 24px 12px;
    }

    .anmat-login-title {
        font-size: 1.5rem;
    }

    .anmat-login-card-header {
        padding: 18px 20px 16px;
    }

    .anmat-login-v2 .anmat-login-body {
        padding: 22px 20px;
    }

    .anmat-login-resu {
        padding: 16px 18px;
    }
}

/* =========================================================
   SELECCIÓN DE ÁREA / MANAGER DEFAULT DEFINITIVO
========================================================= */

.anmat-admin-areas-wrap.anmat-admin-areas-v2 {
    padding: 28px 0 36px;

    background: transparent;
    border-radius: 0;
}


/* ENCABEZADO */

.anmat-admin-areas-heading {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.anmat-admin-areas-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 10px;
    padding: 6px 10px;

    border: 1px solid rgba(69, 101, 141, .16);
    border-radius: 8px;

    background: rgba(69, 101, 141, .07);
    color: var(--anmat-secondary);

    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-admin-areas-page-title {
    margin: 0;

    color: var(--anmat-primary);

    font-family: var(--font-sans);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.anmat-admin-areas-page-subtitle {
    margin-top: 8px;

    color: var(--anmat-muted);

    font-size: .92rem;
    line-height: 1.5;
}


/* GRID */

.anmat-admin-areas-grid {
    display: flex !important;
    flex-wrap: wrap !important;

    width: 100%;

    gap: 20px !important;

    align-items: stretch !important;
}

.anmat-admin-areas-col {
    flex: 0 0 calc(33.333% - 13.34px);
    max-width: calc(33.333% - 13.34px);

    padding: 0 !important;

    box-sizing: border-box;
}


/* CARD */

.anmat-admin-areas-card {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    overflow: hidden;

    border: 1px solid var(--anmat-line);
    border-radius: 14px;

    background: #fff;

    box-shadow: 0 4px 14px rgba(24, 38, 67, .06);

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

.anmat-admin-areas-card:hover {
    transform: translateY(-2px);

    border-color: rgba(69, 101, 141, .30);

    box-shadow: 0 8px 20px rgba(24, 38, 67, .09);
}


/* IDENTIDAD */

.anmat-admin-areas-logo {
    min-height: 54px;

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

    padding: 11px 18px;

    background: var(--anmat-primary);
}

.anmat-admin-areas-logo img {
    width: auto;
    height: 30px;

    max-width: 132px;
    max-height: 30px;

    object-fit: contain;
}


/* BODY */

.anmat-admin-areas-body {
    display: flex;
    flex: 1;
    flex-direction: column;

    padding: 22px;
}

.anmat-admin-areas-content {
    flex: 1;
}

.anmat-admin-areas-label {
    margin-bottom: 6px;

    color: var(--anmat-muted);

    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.anmat-admin-areas-title {
    min-height: auto;

    margin: 0 0 10px;

    color: var(--anmat-primary);

    font-family: var(--font-sans);
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.3;

    text-align: left;
}

.anmat-admin-areas-text {
    min-height: 0;

    margin: 0;

    color: var(--anmat-muted) !important;

    font-size: .84rem;
    line-height: 1.5;

    text-align: left;
}


/* ACCIONES */

.anmat-admin-areas-actions {
    display: flex;
    flex-direction: column;

    gap: 14px;

    margin-top: 22px;
    padding-top: 18px;

    border-top: 1px solid var(--anmat-line);
}

.anmat-admin-areas-action-label {
    margin-bottom: 7px;

    color: var(--anmat-muted);

    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .025em;
}

.anmat-admin-areas-config {
    padding-top: 0;

    border-top: 0;
}

.anmat-admin-placeholder {
    min-height: 42px;
}

.anmat-admin-areas-v2 .btn-anmat,
.anmat-admin-areas-v2 .btn-anmat-outline {
    min-height: 42px;

    border-radius: 8px !important;

    font-size: .86rem;
    font-weight: 700 !important;
}


/* RESPONSIVE */

@media (max-width: 991.98px) {
    .anmat-admin-areas-col {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

@media (max-width: 767.98px) {
    .anmat-admin-areas-wrap.anmat-admin-areas-v2 {
        padding-top: 20px;
    }

    .anmat-admin-areas-page-title {
        font-size: 1.55rem;
    }

    .anmat-admin-areas-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .anmat-admin-areas-body {
        padding: 20px;
    }
}


/* =========================================================
   10. HOME / DEFAULT PÚBLICO DEFINITIVO
========================================================= */

.anmat-home-wrap.anmat-home-v2 {
    padding: 30px 0 40px;
    background: transparent;
    border-radius: 0;
}


/* CABECERA */

.anmat-home-heading {
    max-width: 820px;
    margin: 0 auto 34px;
}

.anmat-home-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 10px;
    padding: 6px 10px;

    border: 1px solid rgba(69, 101, 141, .16);
    border-radius: 8px;

    background: rgba(69, 101, 141, .07);
    color: var(--anmat-secondary);

    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-home-page-title {
    margin: 0;

    font-family: var(--font-sans);
    font-size: 1.9rem;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -.025em;

    color: var(--anmat-primary);
}

.anmat-home-page-subtitle {
    margin-top: 9px;

    color: var(--anmat-muted);

    font-size: .94rem;
    line-height: 1.55;
}


/* ACCESOS PRINCIPALES */

.anmat-home-card-v2 {
    display: flex;
    flex-direction: column;

    min-height: 250px;
    height: 100%;

    border: 1px solid var(--anmat-line);
    border-radius: 14px;

    background: #fff;

    box-shadow: 0 4px 14px rgba(24, 38, 67, .06);

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

.anmat-home-card-v2:hover {
    transform: translateY(-2px);

    border-color: rgba(69, 101, 141, .28);

    box-shadow: 0 8px 20px rgba(24, 38, 67, .09);
}

.anmat-home-card-body {
    display: flex;

    gap: 18px;

    flex: 1;

    padding: 24px;
}

.anmat-home-card-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;

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

    border-radius: 10px;

    background: rgba(69, 101, 141, .08);
    color: var(--anmat-primary);

    font-size: 1.25rem;
}

.anmat-home-card-content {
    min-width: 0;
}

.anmat-home-card-kicker {
    margin-bottom: 5px;

    color: var(--anmat-muted);

    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.anmat-home-title {
    margin: 0 0 9px;

    font-family: var(--font-sans);
    font-size: 1.08rem;
    line-height: 1.3;
    font-weight: 800;

    color: var(--anmat-primary);
}

.anmat-home-muted {
    margin: 0;

    color: var(--anmat-muted);

    font-size: .86rem;
    line-height: 1.5;
}

.anmat-home-card-footer {
    padding: 16px 24px 22px;

    border-top: 1px solid var(--anmat-line);
}

.anmat-home-card-footer .btn-anmat,
.anmat-home-card-footer .btn-anmat-outline {
    min-height: 42px;

    border-radius: 8px !important;

    font-size: .86rem;
    font-weight: 700 !important;
}


/* DOCUMENTACIÓN */

.anmat-home-docs-card {
    display: grid;

    grid-template-columns: auto minmax(0, 1fr);

    gap: 20px;

    align-items: center;

    padding: 22px 24px;

    border: 1px solid var(--anmat-line);
    border-radius: 14px;

    background: var(--anmat-surface-soft);

    box-shadow: 0 3px 12px rgba(24, 38, 67, .045);
}

.anmat-home-docs-icon {
    width: 46px;
    height: 46px;

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

    border-radius: 10px;

    background: rgba(231, 186, 97, .14);

    font-size: 1.25rem;
}

.anmat-home-docs-content {
    min-width: 0;
}

.anmat-home-docs-actions {
    grid-column: 1 / -1;

    display: flex;
    justify-content: flex-end;

    gap: 9px;

    padding-top: 14px;

    border-top: 1px solid var(--anmat-line);
}

.anmat-home-docs-actions .btn-anmat,
.anmat-home-docs-actions .btn-anmat-outline {
    min-width: 125px;
    min-height: 40px;

    border-radius: 8px !important;

    font-size: .83rem;
    font-weight: 700 !important;
}

.anmat-home-docs-help {
    margin-top: 8px;

    color: var(--anmat-muted);

    font-size: .76rem;

    text-align: right;
}


/* RESPONSIVE */

@media (min-width: 992px) {
    .anmat-home-docs-card {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .anmat-home-docs-actions {
        grid-column: auto;

        padding-top: 0;

        border-top: 0;

        flex-shrink: 0;
    }
}

@media (max-width: 767.98px) {
    .anmat-home-wrap.anmat-home-v2 {
        padding-top: 20px;
    }

    .anmat-home-page-title {
        font-size: 1.6rem;
    }

    .anmat-home-card-body {
        padding: 21px;
    }

    .anmat-home-card-footer {
        padding: 15px 21px 20px;
    }

    .anmat-home-docs-card {
        padding: 20px;
    }
}

@media (max-width: 575.98px) {
    .anmat-home-card-body {
        flex-direction: column;
    }

    .anmat-home-docs-card {
        grid-template-columns: 1fr;
    }

    .anmat-home-docs-icon {
        margin-bottom: 2px;
    }

    .anmat-home-docs-actions {
        grid-column: auto;
        flex-direction: column;
    }

    .anmat-home-docs-actions .btn-anmat,
    .anmat-home-docs-actions .btn-anmat-outline {
        width: 100%;
    }

    .anmat-home-docs-help {
        text-align: left;
    }
}


/* =========================================================
   CONSULTAS DEFINITIVO
========================================================= */

.anmat-consultas-wrap {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;

    background: transparent;
    border-radius: 0;
}

.anmat-consultas-card {
    width: 100%;
    max-width: 760px;

    overflow: hidden;

    border: 1px solid var(--anmat-line);
    border-radius: var(--anmat-radius-lg);

    background: var(--anmat-surface);

    box-shadow: var(--anmat-shadow-sm);
}

.anmat-consultas-header {
    position: relative;
    overflow: hidden;

    padding: 28px 22px;

    background: linear-gradient(
        135deg,
        var(--anmat-primary),
        rgba(36, 44, 79, .88)
    );

    color: #fff;

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

    box-shadow: var(--anmat-shadow);
}

.anmat-consultas-header::after {
    content: "";

    position: absolute;
    left: -60px;
    top: -80px;

    width: 220px;
    height: 220px;

    border-radius: 50%;

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

.anmat-consultas-header h4,
.anmat-consultas-header p {
    position: relative;
    z-index: 1;
}

.anmat-consultas-header h4 {
    color: #fff;
    font-family: var(--font-sans);
    font-weight: 800;
}

.anmat-consultas-header p {
    color: rgba(255, 255, 255, .88);
}

.anmat-consultas-body {
    background: var(--anmat-surface);
}

.anmat-consultas-hintbox {
    padding: 18px 20px;

    border: 1px solid var(--anmat-line);
    border-radius: var(--anmat-radius);

    background: var(--anmat-surface-soft);
}

.anmat-consultas-hintbox-title {
    margin-bottom: 10px;

    color: var(--anmat-primary);

    font-family: var(--font-sans);
    font-size: .92rem;
    font-weight: 800;
}

.anmat-consultas-hintbox ul {
    margin: 0;
    padding-left: 1.25rem;

    color: var(--anmat-muted);
}

.anmat-consultas-hintbox li + li {
    margin-top: 6px;
}

.anmat-consultas-actions {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    flex-wrap: wrap;
}

.anmat-consultas-actions .btn-anmat,
.anmat-consultas-actions .btn-anmat-outline {
    min-width: 180px;
}


/* RESPONSIVE */

@media (max-width: 575.98px) {
    .anmat-consultas-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .anmat-consultas-actions .btn-anmat,
    .anmat-consultas-actions .btn-anmat-outline {
        width: 100%;
        min-width: 0;
    }
}


/* =========================================================
   FORMS AREA DEFINITIVO
========================================================= */

.anmat-formsarea-v2 {
    padding: 30px 24px 40px;

    background: linear-gradient(
        180deg,
        rgba(69, 101, 141, .045),
        rgba(69, 101, 141, .012) 220px,
        transparent 420px
    );

    border-radius: 14px;
}


/* ENCABEZADO */

.anmat-formsarea-heading {
    max-width: 800px;

    margin: 0 auto 30px;
    padding: 22px 24px;

    border: 1px solid rgba(69, 101, 141, .10);
    border-radius: 12px;

    background: linear-gradient(
        180deg,
        rgba(69, 101, 141, .07),
        rgba(69, 101, 141, .025)
    );
}

.anmat-formsarea-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 10px;
    padding: 6px 10px;

    border: 1px solid rgba(69, 101, 141, .16);
    border-radius: 8px;

    background: rgba(69, 101, 141, .07);
    color: var(--anmat-secondary);

    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-formsarea-page-title {
    margin: 0;

    color: var(--anmat-primary);

    font-family: var(--font-sans);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.anmat-formsarea-page-subtitle {
    margin-top: 8px;

    color: var(--anmat-muted);

    font-size: .92rem;
    line-height: 1.55;
}


/* TOOLBAR */

.anmat-formsarea-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;

    gap: 30px;

    align-items: center;

    margin-bottom: 34px;
    padding: 22px 24px;

    border: 1px solid rgba(69, 101, 141, .18);
    border-radius: 12px;

    background: linear-gradient(
        135deg,
        rgba(36, 44, 79, .055),
        rgba(69, 101, 141, .035)
    );

    box-shadow: 0 3px 12px rgba(24, 38, 67, .045);
}

.anmat-formsarea-toolbar-kicker {
    margin-bottom: 4px;

    color: var(--anmat-muted);

    font-size: .71rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.anmat-formsarea-toolbar-title {
    margin: 0 0 6px;

    color: var(--anmat-primary);

    font-size: 1rem;
    font-weight: 800;
}

.anmat-formsarea-toolbar-text {
    max-width: 570px;

    color: var(--anmat-muted);

    font-size: .82rem;
    line-height: 1.45;
}

.anmat-formsarea-toolbar-actions {
    min-width: 330px;
}

.anmat-formsarea-toolbar-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 9px;
}

.anmat-formsarea-toolbar-buttons .btn-anmat,
.anmat-formsarea-toolbar-buttons .btn-anmat-secondary {
    min-height: 40px;

    border-radius: 8px !important;

    font-size: .82rem;
    font-weight: 700 !important;
}


/* FILTRO */

.anmat-formsarea-filter {
    display: flex;
    justify-content: flex-end;

    margin-top: 11px;

    color: var(--anmat-muted);

    font-size: .78rem;
    font-weight: 700;
}

.anmat-formsarea-filter input {
    margin-right: 6px;
}


/* SECCIONES */

.anmat-formsarea-section {
    display: block;

    margin-bottom: 34px;
}

.anmat-formsarea-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    margin: 0 0 15px;
}

.anmat-formsarea-section-kicker {
    margin-bottom: 3px;

    color: var(--anmat-muted);

    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.anmat-formsarea-section-title {
    margin: 0;

    color: var(--anmat-primary);

    font-size: 1rem;
    font-weight: 800;
}

.anmat-formsarea-section-description {
    margin-top: 4px;

    color: var(--anmat-muted);

    font-size: .79rem;
}


/* GRIDS */

.anmat-formsarea-subareas-grid,
.anmat-formsarea-general-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    width: 100%;

    gap: 15px;
}

.anmat-formsarea-form-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    width: 100%;

    gap: 17px;
}


/* SUBÁREAS Y GENERALES */

.anmat-formsarea-subarea-card,
.anmat-formsarea-general-card {
    display: flex;
    flex-direction: column;

    height: 100%;

    overflow: hidden;

    border: 1px solid var(--anmat-line);
    border-radius: 11px;

    background: #fff;

    box-shadow: 0 3px 10px rgba(24, 38, 67, .045);

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

.anmat-formsarea-subarea-card {
    background: linear-gradient(
        180deg,
        rgba(69, 101, 141, .055),
        #fff 105px
    );
}

.anmat-formsarea-general-card {
    border-top: 3px solid rgba(231, 186, 97, .75);

    background: linear-gradient(
        180deg,
        rgba(231, 186, 97, .07),
        #fff 100px
    );
}

.anmat-formsarea-subarea-card:hover,
.anmat-formsarea-general-card:hover {
    transform: translateY(-1px);

    border-color: rgba(69, 101, 141, .28);

    box-shadow: 0 6px 16px rgba(24, 38, 67, .07);
}

.anmat-formsarea-subarea-header {
    padding: 15px 17px 0;

    border-top: 3px solid var(--anmat-secondary);
}

.anmat-formsarea-type-badge {
    display: inline-flex;

    padding: 4px 8px;

    border: 1px solid rgba(69, 101, 141, .16);
    border-radius: 6px;

    background: rgba(69, 101, 141, .095);
    color: var(--anmat-primary);

    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .025em;
}

.anmat-formsarea-subarea-body {
    flex: 1;

    padding: 13px 17px 17px;
}

.anmat-formsarea-subarea-title {
    margin: 0 0 6px;

    color: var(--anmat-primary);

    font-size: .92rem;
    font-weight: 800;
    line-height: 1.3;
}

.anmat-formsarea-subarea-text {
    margin: 0;

    color: var(--anmat-muted);

    font-size: .77rem;
    line-height: 1.45;
}

.anmat-formsarea-subarea-footer,
.anmat-formsarea-general-footer {
    padding: 13px 17px 17px;

    border-top: 1px solid var(--anmat-line);
}

.anmat-formsarea-general-body {
    flex: 1;

    padding: 17px;
}

.anmat-formsarea-general-title {
    margin: 5px 0 0;

    color: var(--anmat-primary);

    font-size: .9rem;
    font-weight: 800;
}


/* CARDS DE FORMULARIO */

.anmat-formsarea-form-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    height: 100%;

    overflow: hidden;

    border: 1px solid var(--anmat-line);
    border-radius: 12px;

    background: #fff;

    box-shadow: 0 4px 13px rgba(24, 38, 67, .055);

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

.anmat-formsarea-form-card:hover {
    transform: translateY(-2px);

    border-color: rgba(69, 101, 141, .30);

    box-shadow: 0 8px 20px rgba(24, 38, 67, .085);
}

.anmat-formsarea-form-active {
    border-top: 3px solid var(--anmat-secondary);
}

.anmat-formsarea-form-inactive {
    border-top: 3px solid #9CA3AF;

    background: #FAFAFA;
}

.anmat-formsarea-form-inactive::before {
    content: "";

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 3px;

    background: #A7ADB5;
}


/* CABECERA FORMULARIO */

.anmat-formsarea-form-header {
    padding: 14px 18px;

    border-bottom: 1px solid rgba(69, 101, 141, .10);

    background: linear-gradient(
        135deg,
        rgba(36, 44, 79, .07),
        rgba(69, 101, 141, .035)
    );
}

.anmat-formsarea-form-inactive .anmat-formsarea-form-header {
    background: rgba(107, 114, 128, .055);
}

.anmat-formsarea-form-header-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 6px;
}


/* ESTADOS */

.anmat-formsarea-status {
    display: inline-flex;

    padding: 4px 8px;

    border-radius: 6px;

    font-size: .67rem;
    font-weight: 800;
}

.anmat-formsarea-status-active {
    border: 1px solid rgba(34, 120, 77, .17);

    background: rgba(34, 120, 77, .10);
    color: #246646;
}

.anmat-formsarea-status-inactive {
    border: 1px solid rgba(107, 114, 128, .16);

    background: rgba(107, 114, 128, .09);
    color: #626972;
}


/* INFORMACIÓN FORMULARIO */

.anmat-formsarea-form-body {
    flex: 1;

    padding: 14px 18px 18px;

    background: linear-gradient(
        180deg,
        rgba(249, 250, 252, .75),
        #fff 90px
    );
}

.anmat-formsarea-form-title {
    margin: 0 0 15px;

    color: var(--anmat-primary);

    font-size: .98rem;
    font-weight: 800;
    line-height: 1.35;
}

.anmat-formsarea-form-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    padding: 10px 12px;

    border: 1px solid rgba(69, 101, 141, .10);
    border-radius: 7px;

    background: rgba(69, 101, 141, .035);

    font-size: .74rem;
}

.anmat-formsarea-form-meta-label {
    color: var(--anmat-muted);

    font-weight: 700;
}

.anmat-formsarea-form-meta-value {
    color: var(--anmat-primary);

    font-weight: 700;

    text-align: right;
}


/* ACCIONES */

.anmat-formsarea-form-actions {
    padding: 16px 18px 18px;

    border-top: 1px solid var(--anmat-line);

    background: rgba(36, 44, 79, .022);
}

.anmat-formsarea-action-group {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.anmat-formsarea-action-group-label {
    margin-bottom: 1px;

    color: var(--anmat-secondary);

    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.anmat-formsarea-state-action {
    margin-top: 11px;
    padding-top: 11px;

    border-top: 1px solid var(--anmat-line);
}

.anmat-formsarea-form-actions .btn-anmat,
.anmat-formsarea-form-actions .btn-anmat-accent,
.anmat-formsarea-form-actions .btn-anmat-outline,
.anmat-formsarea-form-actions .btn-anmat-secondary,
.anmat-formsarea-form-actions .btn-anmat-soft,
.anmat-formsarea-subarea-footer .btn-anmat-outline,
.anmat-formsarea-general-footer .btn-anmat-outline {
    min-height: 38px;

    padding-left: 10px;
    padding-right: 10px;

    border-radius: 7px !important;

    font-size: .76rem;
    font-weight: 700 !important;
}


/* VOLVER */

.anmat-formsarea-back {
    margin: -10px 0 28px;
}

.anmat-formsarea-back .btn-anmat-outline {
    min-height: 38px;

    border-radius: 7px !important;

    font-size: .78rem;
}

.anmat-formsarea-page-back {
    margin-top: 30px;
}

.anmat-formsarea-page-back .btn-anmat-outline {
    min-height: 42px;

    border-radius: 8px !important;
}


/* RESPONSIVE */

@media (max-width: 1199.98px) {
    .anmat-formsarea-form-grid,
    .anmat-formsarea-subareas-grid,
    .anmat-formsarea-general-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .anmat-formsarea-toolbar {
        grid-template-columns: 1fr;

        gap: 18px;
    }

    .anmat-formsarea-toolbar-actions {
        min-width: 0;
    }

    .anmat-formsarea-filter {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .anmat-formsarea-v2 {
        padding-top: 20px;
    }

    .anmat-formsarea-page-title {
        font-size: 1.55rem;
    }

    .anmat-formsarea-form-grid,
    .anmat-formsarea-subareas-grid,
    .anmat-formsarea-general-grid {
        grid-template-columns: 1fr;
    }

    .anmat-formsarea-toolbar {
        padding: 20px;
    }
}

@media (max-width: 575.98px) {
    .anmat-formsarea-toolbar-buttons {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   FORMULARIO / ENCUESTA DEFINITIVO
========================================================= */

/* CONTENEDOR GENERAL */
.anmat-survey-container {
    max-width: 960px;
    margin: 0 auto;
}

.anmat-survey-v2 {
    max-width: 900px;
}


/* VOLVER */
.anmat-form-v2-back {
    min-height: 38px;

    padding: 8px 16px !important;

    border-radius: 8px !important;

    font-size: .82rem;
    font-weight: 700 !important;
}


/* CARD PRINCIPAL */
.anmat-survey-card-v2 {
    overflow: hidden;

    border: 1px solid var(--anmat-line);
    border-radius: 14px;

    background: #fff;

    box-shadow: 0 6px 20px rgba(24, 38, 67, .07);
}


/* HEADER */
.anmat-survey-header-v2 {
    padding: 26px 28px 24px;

    background: linear-gradient(
        135deg,
        #242C4F,
        #34456D
    );

    border-bottom: 1px solid rgba(255, 255, 255, .12);

    box-shadow: none;
}

.anmat-survey-v2-eyebrow {
    display: inline-flex;

    margin-bottom: 9px;
    padding: 5px 9px;

    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 7px;

    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .84);

    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-survey-header-v2 .anmat-survey-title {
    display: block;

    color: #fff;

    font-family: var(--font-sans);
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .3px;

    text-shadow: none;
}

.anmat-survey-header-v2 .anmat-survey-subtitle {
    margin-top: 8px;

    color: rgba(255, 255, 255, .78);

    font-size: .84rem;
    line-height: 1.5;
}


/* PROGRESO */
.anmat-survey-progress-v2 {
    padding-top: 18px !important;
    padding-bottom: 12px !important;

    background: #fff;

    border-bottom: 1px solid var(--anmat-line);
}

.anmat-progress {
    height: 8px;

    overflow: hidden;

    border-radius: 999px;

    background: rgba(69, 101, 141, .09);
}

.anmat-progress-bar {
    height: 100%;

    padding-right: .35rem;

    background: var(--anmat-secondary);
    color: #fff;

    font-size: .75rem;
    font-weight: 800;
    line-height: 8px;

    text-align: right;

    transition: width .25s ease;
}

.anmat-progress-text {
    min-width: 44px;

    color: rgba(36, 44, 79, .75);

    font-size: .78rem;
    font-weight: 800;

    text-align: right;

    font-variant-numeric: tabular-nums;
}


/* BODY */
.anmat-survey-body-v2 {
    background: linear-gradient(
        180deg,
        rgba(69, 101, 141, .025),
        #fff 180px
    );
}


/* DISTRIBUCIÓN DINÁMICA */
.anmat-form-items {
    display: flex;
    flex-direction: column;

    gap: 24px;
}

.anmat-form-items > .anmat-question-block,
.anmat-form-items > .anmat-section-block,
.anmat-form-items > .anmat-info-block {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* PREGUNTAS */
.anmat-question-block {
    padding: 19px 21px;

    border: 1px solid rgba(69, 101, 141, .11);
    border-left: 4px solid var(--anmat-secondary);
    border-radius: 10px;

    background: rgba(69, 101, 141, .035);

    box-shadow: none;

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

.anmat-survey-v2 .anmat-question-block:hover {
    transform: none;

    border-color: rgba(69, 101, 141, .20);

    background: rgba(69, 101, 141, .055);

    box-shadow: none;
}

.anmat-question-title {
    display: block;

    margin-bottom: 10px;

    color: var(--anmat-primary);

    font-family: var(--font-sans);
    font-size: .98rem;
    font-weight: 800;
    line-height: 1.3;
}

.anmat-question-body {
    display: flex;
    justify-content: flex-start;

    margin-top: 4px;
}

.anmat-question-body > * {
    width: 100%;
    max-width: 100%;
}

.anmat-survey-v2 .anmat-question-body .anmat-input,
.anmat-survey-v2 .anmat-question-body .form-control,
.anmat-survey-v2 .anmat-question-body .anmat-select,
.anmat-survey-v2 .anmat-question-body .form-select,
.anmat-survey-v2 .anmat-question-body select {
    width: 100% !important;
    max-width: 720px !important;
}


/* INPUTS DEL FORMULARIO */
.anmat-survey-v2 .anmat-input,
.anmat-survey-v2 .anmat-select {
    min-height: 43px;

    border-radius: 8px;

    background: #fff;
}


/* RADIO / CHECKBOX */
.anmat-survey-v2 .anmat-rbl,
.anmat-survey-v2 .anmat-cbl {
    gap: 8px;
}

.anmat-survey-v2 .anmat-rbl span,
.anmat-survey-v2 .anmat-cbl span {
    padding: 9px 11px;

    border-radius: 8px;

    background: #fff;

    box-shadow: none;
}

.anmat-survey-v2 .anmat-rbl span:hover,
.anmat-survey-v2 .anmat-cbl span:hover {
    transform: none;

    border-color: rgba(69, 101, 141, .30);

    background: rgba(69, 101, 141, .035);

    box-shadow: none;
}


/* SECCIONES */
.anmat-survey-v2 .anmat-section-block {
    position: relative;

    margin-bottom: 24px;
    padding: 0;

    overflow: hidden;

    border: 1px solid rgba(69, 101, 141, .14);
    border-radius: 12px;

    background: #fff;

    box-shadow: 0 4px 14px rgba(24, 38, 67, .045);
}

.anmat-survey-v2 .anmat-section-block::before {
    content: "";

    position: absolute;
    inset: 0 auto 0 0;

    width: 4px;

    background: var(--anmat-secondary);
}

.anmat-survey-v2 .anmat-section-header {
    padding: 19px 21px 14px 24px;

    border-bottom: 1px solid rgba(69, 101, 141, .10);

    background: linear-gradient(
        135deg,
        rgba(69, 101, 141, .085),
        rgba(69, 101, 141, .025)
    );
}

.anmat-survey-v2 .anmat-section-kicker {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 8px;
    padding: 4px 8px;

    border-radius: 6px;

    background: rgba(69, 101, 141, .10);
    color: var(--anmat-primary);

    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.anmat-survey-v2 .anmat-section-title {
    margin: 0 0 6px;

    color: var(--anmat-primary);

    font-family: var(--font-sans);
    font-size: 1.05rem;
    font-weight: 900;
}

.anmat-survey-v2 .anmat-section-desc {
    max-width: 820px;

    color: #5F6B7A;

    font-size: .84rem;
    line-height: 1.55;
}

.anmat-survey-v2 .anmat-section-body {
    display: flex;
    flex-direction: column;

    gap: 13px;

    padding: 15px 16px 17px;
}

.anmat-survey-v2 .anmat-section-body .anmat-question-block {
    margin: 0;

    border-left: 3px solid rgba(69, 101, 141, .55);

    background: rgba(69, 101, 141, .025);
}


/* INFORMACIÓN */
.anmat-survey-v2 .anmat-info-block {
    margin-bottom: 0 !important;
    padding: 13px 15px;

    border: 1px solid rgba(231, 186, 97, .24);
    border-left: 4px solid var(--anmat-accent);
    border-radius: 9px;

    background: rgba(231, 186, 97, .10);

    box-shadow: none;
}

.anmat-survey-v2 .anmat-info-muted {
    color: #5F5540;

    font-size: .95rem;
    line-height: 1.5;
}


/* COMENTARIOS FINALES */
.anmat-comments-final-v2 {
    margin-top: 26px !important;

    border-left-color: var(--anmat-accent) !important;

    background: rgba(231, 186, 97, .045) !important;
}


/* BOTÓN ENVIAR */
.anmat-form-v2-submit {
    min-width: 190px;
    min-height: 44px;

    border-radius: 8px !important;

    font-size: .88rem;
    font-weight: 700 !important;
}


/* ESTADOS / EXAMEN */
.anmat-form-v2-state {
    max-width: 760px;
}

.anmat-form-v2-state-card {
    padding: 26px;

    border: 1px solid var(--anmat-line);
    border-radius: 13px;

    background: linear-gradient(
        180deg,
        rgba(69, 101, 141, .035),
        #fff 150px
    );

    box-shadow: 0 5px 16px rgba(24, 38, 67, .06);
}

.anmat-form-v2-state-icon {
    width: 58px;
    height: 58px;

    border-radius: 12px;

    background: rgba(69, 101, 141, .09);
    color: var(--anmat-secondary);

    font-size: 26px;
}

.anmat-form-v2-state-badge {
    border-radius: 7px;
}

.anmat-form-v2-action {
    min-height: 42px;

    padding: 9px 18px !important;

    border-radius: 8px !important;

    font-size: .83rem;
    font-weight: 700 !important;
}


/* RESUMEN EXAMEN */
.anmat-survey-v2 .anmat-exam-summary-card {
    border: 1px solid var(--anmat-line);
    border-radius: 10px;

    background: rgba(69, 101, 141, .035);

    box-shadow: none;
}


/* TIMER */
.anmat-survey-v2 .anmat-timer-card {
    border: 1px solid rgba(231, 186, 97, .28);
    border-radius: 10px;

    background: rgba(231, 186, 97, .075);

    box-shadow: none;
}

.anmat-survey-v2 .anmat-timer-clock {
    color: var(--anmat-primary);

    font-size: 1.25rem;
    font-weight: 800;
}


/* GRACIAS */
.anmat-form-v2-thanks {
    max-width: 620px;
}

.anmat-thanks-card-v2 {
    overflow: hidden;

    border: 1px solid var(--anmat-line);
    border-radius: 14px;

    box-shadow: 0 6px 20px rgba(24, 38, 67, .07);
}

.anmat-thanks-card-v2 .anmat-thanks-header {
    padding: 28px;

    background: linear-gradient(
        135deg,
        rgba(36, 44, 79, .96),
        rgba(69, 101, 141, .94)
    );
}

.anmat-thanks-card-v2 .anmat-check-icon {
    width: 52px;
    height: 52px;

    margin: 0 auto;

    border-radius: 12px;

    background: rgba(255, 255, 255, .12);
    color: #fff;

    font-size: 1.5rem;
}


/* RESPONSIVE */
@media (max-width: 767.98px) {
    .anmat-survey-header-v2 {
        padding: 22px 20px;
    }

    .anmat-survey-header-v2 .anmat-survey-title {
        font-size: 1.35rem;
    }

    .anmat-survey-body-v2 {
        padding: 20px !important;
    }

    .anmat-survey-v2 .anmat-question-block {
        padding: 16px;
    }

    .anmat-form-v2-state-card {
        padding: 21px;
    }
}

@media (max-width: 576px) {
    .anmat-form-v2-submit {
        width: 100%;
        min-width: 0;
    }
}


/* =========================================================
   CONFIGURACIÓN ÁREA DEFINITIVO
========================================================= */

.anmat-confarea-v2 {
    padding: 30px 0 40px;
}


/* ENCABEZADO */

.anmat-confarea-heading {
    max-width: 800px;
    margin: 0 auto 30px;
}

.anmat-confarea-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid rgba(69,101,141,.16);
    border-radius: 8px;
    background: rgba(69,101,141,.07);
    color: var(--anmat-secondary);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-confarea-page-title {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: var(--anmat-primary);
}

.anmat-confarea-page-subtitle {
    margin-top: 8px;
    color: var(--anmat-muted);
    font-size: .92rem;
    line-height: 1.55;
}


/* CARDS */

.anmat-confarea-card-v2 {
    overflow: hidden;
    border: 1px solid var(--anmat-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(24,38,67,.055);
}


/* HEADER CARD */

.anmat-confarea-card-header {
    padding: 20px 23px;
    border-bottom: 1px solid rgba(69,101,141,.11);
    background: linear-gradient( 135deg, rgba(69,101,141,.075), rgba(69,101,141,.025) );
}

.anmat-confarea-section-kicker {
    margin-bottom: 4px;
    color: var(--anmat-secondary);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.anmat-confarea-section-title {
    margin: 0 0 5px;
    color: var(--anmat-primary);
    font-size: 1.03rem;
    font-weight: 800;
}

.anmat-confarea-section-description {
    color: var(--anmat-muted);
    font-size: .8rem;
    line-height: 1.45;
}


/* BODY */

.anmat-confarea-card-body {
    padding: 23px;
}


/* INPUTS */

.anmat-confarea-v2 .anmat-input,
.anmat-confarea-v2 .anmat-select {
    min-height: 43px;
    border-radius: 8px;
    background: #fff;
}

.anmat-confarea-v2 .anmat-label {
    font-size: .86rem;
    font-weight: 700;
}


/* ACCIONES */

.anmat-confarea-card-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--anmat-line);
}

    .anmat-confarea-card-actions .btn-anmat {
        min-width: 160px;
        min-height: 41px;
        border-radius: 8px !important;
        font-size: .83rem;
    }


/* =========================================================
   CREAR SUBAREA
========================================================= */

.anmat-confarea-createbox {
    padding: 18px;
    border: 1px solid rgba(69,101,141,.14);
    border-radius: 10px;
    background: linear-gradient( 135deg, rgba(69,101,141,.055), rgba(69,101,141,.018) );
}

.anmat-confarea-createbox-header {
    margin-bottom: 16px;
}

.anmat-confarea-createbox-title {
    margin-bottom: 3px;
    color: var(--anmat-primary);
    font-size: .88rem;
    font-weight: 800;
}

.anmat-confarea-createbox-text {
    color: var(--anmat-muted);
    font-size: .76rem;
}

.anmat-confarea-createbox .btn-anmat-secondary {
    min-height: 43px;
    border-radius: 8px !important;
    font-size: .82rem;
}


/* =========================================================
   TABLAS
========================================================= */

.anmat-confarea-table-v2 {
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(69,101,141,.13);
    box-shadow: none;
}

.anmat-confarea-v2 .anmat-grid-header th {
    position: static;
    padding: 11px 12px;
    background: var(--anmat-primary) !important;
    font-size: .76rem;
    font-weight: 700;
}

.anmat-confarea-v2 .anmat-grid-row td {
    padding: 11px 12px;
    border-color: rgba(69,101,141,.08);
    font-size: .8rem;
}

.anmat-confarea-v2 .anmat-grid-row:nth-child(even) {
    background: rgba(69,101,141,.022);
}

.anmat-confarea-v2 .anmat-grid-row:hover {
    background: rgba(69,101,141,.055) !important;
}


/* GridView suele generar links para Editar/Guardar/Cancelar */

.anmat-confarea-v2 .table a {
    color: var(--anmat-secondary);
    font-weight: 700;
    text-decoration: none;
}

    .anmat-confarea-v2 .table a:hover {
        color: var(--anmat-primary);
        text-decoration: underline;
    }


/* =========================================================
   VOLVER
========================================================= */

.anmat-confarea-page-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 6px;
}

    .anmat-confarea-page-actions .btn-anmat-outline {
        min-width: 110px;
        min-height: 40px;
        border-radius: 8px !important;
        font-size: .82rem;
    }


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .anmat-confarea-v2 {
        padding-top: 20px;
    }

    .anmat-confarea-page-title {
        font-size: 1.55rem;
    }

    .anmat-confarea-card-header,
    .anmat-confarea-card-body {
        padding: 19px;
    }

    .anmat-confarea-card-actions {
        justify-content: stretch;
    }

        .anmat-confarea-card-actions .btn-anmat {
            width: 100%;
        }

    .anmat-confarea-page-actions .btn-anmat-outline {
        width: 100%;
    }
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .anmat-stats-v2 {
        padding-top: 20px;
    }

    .anmat-stats-page-title {
        font-size: 1.55rem;
    }

    .anmat-stats-card-header,
    .anmat-stats-card-body {
        padding: 19px;
    }

    .anmat-stats-actions-v2 {
        flex-direction: column-reverse;
        align-items: stretch;
    }

        .anmat-stats-actions-v2 .btn-anmat-outline,
        .anmat-stats-actions-v2 .btn-anmat-accent {
            width: 100%;
        }
}

.anmat-admin-areas-heading {
    max-width: 900px;
    margin: 0 auto 28px;
    padding: 22px 24px;
    border: 1px solid rgba(69,101,141,.12);
    border-radius: 12px;
    background: linear-gradient( 135deg, rgba(69,101,141,.08), rgba(69,101,141,.025) );
}

/* =========================================================
   CONFIGURAR EXAMEN DEFINITIVO
========================================================= */

.anmat-exam-config-v2 {
    padding: 30px 0 40px;
}


/* =========================================================
   ENCABEZADO
========================================================= */

.anmat-exam-config-heading {
    max-width: 820px;
    margin: 0 auto 28px;
}

.anmat-exam-config-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid rgba(69,101,141,.16);
    border-radius: 8px;
    background: rgba(69,101,141,.07);
    color: var(--anmat-secondary);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-exam-config-page-title {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: var(--anmat-primary);
}

.anmat-exam-config-page-subtitle {
    margin-top: 8px;
    color: var(--anmat-muted);
    font-size: .92rem;
    line-height: 1.55;
}


/* =========================================================
   TABS
========================================================= */

.anmat-exam-config-tabs-v2 {
    display: flex;
    gap: 5px;
    padding: 6px;
    border: 1px solid rgba(69,101,141,.12);
    border-radius: 10px;
    background: rgba(69,101,141,.035);
}

    .anmat-exam-config-tabs-v2 .nav-link {
        border: 0 !important;
        border-radius: 7px !important;
        padding: 9px 13px;
        color: var(--anmat-muted);
        font-size: .8rem;
        font-weight: 700;
    }

        .anmat-exam-config-tabs-v2 .nav-link:hover {
            background: rgba(69,101,141,.06);
            color: var(--anmat-primary);
        }

        .anmat-exam-config-tabs-v2 .nav-link.active {
            background: var(--anmat-primary);
            color: #fff !important;
            box-shadow: 0 3px 8px rgba(36,44,79,.14);
        }

.anmat-exam-config-tabcontent-v2 {
    padding-top: 4px;
}


/* =========================================================
   PANELES
========================================================= */

.anmat-exam-panel-v2,
.anmat-exam-filter-v2 {
    border: 1px solid var(--anmat-line);
    border-radius: 13px;
    background: linear-gradient( 180deg, rgba(69,101,141,.03), #fff 150px );
    box-shadow: 0 4px 14px rgba(24,38,67,.05);
}


/* =========================================================
   TOOLBAR INTERNO
========================================================= */

.anmat-exam-config-v2 .anmat-exam-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
}

.anmat-exam-config-v2 .anmat-section-chip {
    padding: 5px 9px;
    border-radius: 7px;
    background: rgba(69,101,141,.08);
    font-size: .7rem;
}

.anmat-exam-config-v2 .anmat-exam-toolbar h5 {
    color: var(--anmat-primary);
    font-size: 1rem;
    font-weight: 800;
}


/* =========================================================
   CAJAS DE CONFIGURACIÓN
========================================================= */

.anmat-exam-config-v2 .anmat-exam-grid {
    gap: 15px;
}

.anmat-exam-box-v2 {
    padding: 18px;
    border: 1px solid rgba(69,101,141,.12);
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
}

    .anmat-exam-box-v2:nth-child(1) {
        border-top: 3px solid var(--anmat-secondary);
    }

    .anmat-exam-box-v2:nth-child(2) {
        border-top: 3px solid var(--anmat-accent);
    }

    .anmat-exam-box-v2:nth-child(3) {
        border-top: 3px solid #7b8aa3;
    }

.anmat-exam-config-v2 .anmat-exam-box-title {
    margin-bottom: 13px;
    color: var(--anmat-primary);
    font-size: .86rem;
    font-weight: 800;
}


/* =========================================================
   NOTAS
========================================================= */

.anmat-exam-note-v2 {
    padding: 11px 12px;
    border: 1px solid rgba(69,101,141,.10);
    border-radius: 8px;
    background: rgba(69,101,141,.035);
    color: var(--anmat-muted);
    font-size: .75rem;
    line-height: 1.45;
}


/* =========================================================
   INPUTS
========================================================= */

.anmat-exam-config-v2 .anmat-input,
.anmat-exam-config-v2 .form-control,
.anmat-exam-config-v2 .form-select {
    border-radius: 8px;
    background: #fff;
}


/* =========================================================
   SWITCHES
========================================================= */

.anmat-exam-config-v2 .anmat-switch-wrap {
    padding: 10px 12px;
    border: 1px solid rgba(69,101,141,.11);
    border-radius: 8px;
    background: rgba(69,101,141,.035);
}


/* =========================================================
   DNI
========================================================= */

.anmat-exam-config-v2 .anmat-exam-dni-grid {
    gap: 15px;
}

.anmat-exam-config-v2 .anmat-rbl {
    gap: 7px;
}

    .anmat-exam-config-v2 .anmat-rbl span {
        border-radius: 8px;
        background: #fff;
        box-shadow: none;
    }


/* =========================================================
   PREGUNTAS ASIGNADAS / DISPONIBLES
========================================================= */

.anmat-exam-question-card-v2 {
    border: 1px solid rgba(69,101,141,.13);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(24,38,67,.045);
    transition: border-color .15s ease, box-shadow .15s ease;
}

    .anmat-exam-question-card-v2:hover {
        border-color: rgba(69,101,141,.27);
        box-shadow: 0 6px 15px rgba(24,38,67,.07);
    }

.anmat-exam-config-v2 .anmat-qe-handle {
    color: var(--anmat-secondary);
    opacity: .7;
}

.anmat-exam-config-v2 .anmat-qe-meta {
    color: var(--anmat-muted);
    font-size: .74rem;
}

.anmat-exam-config-v2 .anmat-qe-badge {
    border-radius: 6px;
    font-size: .68rem;
}


/* ACCIONES PREGUNTA */

.anmat-exam-config-v2 .anmat-exam-question-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}


/* =========================================================
   BANCO
========================================================= */

.anmat-exam-filter-v2 {
    background: linear-gradient( 135deg, rgba(69,101,141,.055), rgba(69,101,141,.018) );
}

.anmat-exam-config-v2 .anmat-exam-action-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}


/* =========================================================
   HISTORIAL
========================================================= */

.anmat-exam-history-table-v2 {
    overflow: hidden;
    border: 1px solid rgba(69,101,141,.13);
    border-radius: 10px;
}

.anmat-exam-config-v2 .anmat-grid-header th {
    padding: 11px 12px;
    background: var(--anmat-primary) !important;
    color: #fff !important;
    font-size: .74rem;
    font-weight: 700;
}

.anmat-exam-config-v2 .anmat-grid-row td {
    padding: 10px 12px;
    border-color: rgba(69,101,141,.08);
    font-size: .78rem;
}

.anmat-exam-config-v2 .anmat-grid-row:nth-child(even) {
    background: rgba(69,101,141,.022);
}

.anmat-exam-config-v2 .anmat-grid-row:hover {
    background: rgba(69,101,141,.055) !important;
}


/* =========================================================
   BOTONES
========================================================= */

.anmat-exam-btn-v2 {
    min-height: 39px;
    padding: 8px 14px !important;
    border-radius: 7px !important;
    font-size: .79rem;
    font-weight: 700 !important;
}

.anmat-exam-btn-sm-v2 {
    min-height: 32px;
    padding: 6px 10px !important;
    font-size: .72rem;
}


/* =========================================================
   ESTADOS / SECCIONES
========================================================= */

.anmat-exam-config-v2 .anmat-exam-section-success {
    border-top: 3px solid rgba(43,126,94,.70);
}

.anmat-exam-config-v2 .anmat-exam-section-info {
    border-top: 3px solid var(--anmat-secondary);
}

.anmat-exam-config-v2 .anmat-exam-section-primary {
    border-top: 3px solid var(--anmat-primary);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .anmat-exam-config-tabs-v2 {
        flex-wrap: wrap;
    }

        .anmat-exam-config-tabs-v2 .nav-item {
            flex: 1 1 auto;
        }

        .anmat-exam-config-tabs-v2 .nav-link {
            width: 100%;
            text-align: center;
        }
}


@media (max-width: 767.98px) {

    .anmat-exam-config-v2 {
        padding-top: 20px;
    }

    .anmat-exam-config-page-title {
        font-size: 1.55rem;
    }

    .anmat-exam-config-tabs-v2 {
        flex-direction: column;
    }

        .anmat-exam-config-tabs-v2 .nav-item,
        .anmat-exam-config-tabs-v2 .nav-link {
            width: 100%;
        }

    .anmat-exam-config-v2 .anmat-exam-toolbar {
        flex-direction: column;
    }

    .anmat-exam-config-v2 .anmat-exam-question-actions,
    .anmat-exam-config-v2 .anmat-exam-action-bar {
        flex-direction: column;
    }

        .anmat-exam-config-v2 .anmat-exam-question-actions input,
        .anmat-exam-config-v2 .anmat-exam-action-bar input {
            width: 100%;
        }
}

/* =========================================================
   ESTADÍSTICAS EXAMEN DEFINITIVO
========================================================= */

.anmat-stats-exam-v2 {
    padding: 30px 0 40px;
}


/* La tabla de examen tiene muchas columnas */

.anmat-stats-exam-table-v2 {
    min-width: 1500px;
}


/* =========================================================
   RESULTADO APROBADO
========================================================= */

.anmat-exam-result-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: .68rem;
    font-weight: 800;
}

.anmat-exam-result-ok {
    border: 1px solid rgba(43,126,94,.18);
    background: rgba(43,126,94,.09);
    color: #287653;
}

.anmat-exam-result-no {
    border: 1px solid rgba(181,65,65,.16);
    background: rgba(181,65,65,.07);
    color: #a33d3d;
}


/* =========================================================
   TIMEOUT
========================================================= */

.anmat-exam-timeout-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: .68rem;
    font-weight: 800;
}

.anmat-exam-timeout-yes {
    border: 1px solid rgba(231,186,97,.30);
    background: rgba(231,186,97,.12);
    color: #82641f;
}

.anmat-exam-timeout-no {
    border: 1px solid rgba(107,114,128,.12);
    background: rgba(107,114,128,.055);
    color: #656b73;
}


/* =========================================================
   VER DETALLE
========================================================= */

.anmat-stats-detail-btn {
    min-height: 30px !important;
    padding: 5px 9px !important;
    border-radius: 6px !important;
    white-space: nowrap;
    font-size: .7rem !important;
    font-weight: 700 !important;
}


/* Un poco más compacto porque tiene muchas columnas */

.anmat-stats-exam-v2
.anmat-stats-gridrow td {
    padding: 9px 10px;
    font-size: .75rem;
}

.anmat-stats-exam-v2
.anmat-stats-gridhead th {
    padding: 10px;
    font-size: .71rem;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .anmat-stats-exam-v2 {
        padding-top: 20px;
    }
}

/* =========================================================
   DETALLE INTENTO EXAMEN DEFINITIVO
========================================================= */

.anmat-exam-detail-v2 {
    padding: 30px 0 40px;
}


/* =========================================================
   ENCABEZADO
========================================================= */

.anmat-exam-detail-heading {
    max-width: 820px;
    margin: 0 auto 30px;
}

.anmat-exam-detail-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid rgba(69,101,141,.16);
    border-radius: 8px;
    background: rgba(69,101,141,.07);
    color: var(--anmat-secondary);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-exam-detail-page-title {
    margin: 0;
    color: var(--anmat-primary);
    font-family: var(--font-sans);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.anmat-exam-detail-page-subtitle {
    margin-top: 8px;
    color: var(--anmat-muted);
    font-size: .92rem;
    line-height: 1.55;
}


/* =========================================================
   CARDS
========================================================= */

.anmat-exam-detail-card {
    overflow: hidden;
    border: 1px solid var(--anmat-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(24,38,67,.05);
}

.anmat-exam-detail-card-header {
    padding: 20px 23px;
    border-bottom: 1px solid rgba(69,101,141,.11);
    background: linear-gradient( 135deg, rgba(69,101,141,.075), rgba(69,101,141,.025) );
}

.anmat-exam-detail-card-body {
    padding: 23px;
}

.anmat-exam-detail-section-kicker {
    margin-bottom: 4px;
    color: var(--anmat-secondary);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.anmat-exam-detail-section-title {
    margin: 0 0 5px;
    color: var(--anmat-primary);
    font-size: 1rem;
    font-weight: 800;
}

.anmat-exam-detail-section-description {
    color: var(--anmat-muted);
    font-size: .8rem;
    line-height: 1.45;
}


/* =========================================================
   INFORMACIÓN EXAMEN / USUARIO
========================================================= */

.anmat-exam-detail-info-box {
    height: 100%;
    padding: 18px;
    border: 1px solid rgba(69,101,141,.11);
    border-radius: 10px;
    background: rgba(69,101,141,.025);
}

.anmat-exam-detail-info-title {
    margin-bottom: 12px;
    color: var(--anmat-primary);
    font-size: .86rem;
    font-weight: 800;
}

.anmat-exam-detail-v2 .anmat-detail-list {
    display: flex;
    flex-direction: column;
}

.anmat-exam-detail-v2 .anmat-detail-row {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(69,101,141,.08);
    font-size: .8rem;
}

    .anmat-exam-detail-v2 .anmat-detail-row:last-child {
        border-bottom: 0;
    }

.anmat-detail-label {
    color: var(--anmat-muted);
    font-weight: 700;
}

.anmat-detail-value {
    color: var(--anmat-primary);
    font-weight: 700;
    word-break: break-word;
}


/* =========================================================
   RESUMEN
========================================================= */

.anmat-exam-detail-summary {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid var(--anmat-line);
}

.anmat-exam-detail-summary-heading {
    margin-bottom: 14px;
}

.anmat-exam-detail-summary-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.anmat-exam-detail-summary-item {
    padding: 13px;
    border: 1px solid rgba(69,101,141,.11);
    border-radius: 9px;
    background: rgba(69,101,141,.025);
}

.anmat-exam-detail-summary-label {
    display: block;
    margin-bottom: 6px;
    color: var(--anmat-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.anmat-exam-detail-summary-value {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--anmat-primary) !important;
    font-size: 1rem;
    font-weight: 800;
    box-shadow: none !important;
}

.anmat-exam-detail-summary-result {
    border-top: 3px solid rgba(43,126,94,.65);
}

.anmat-exam-detail-summary-timeout {
    border-top: 3px solid var(--anmat-accent);
}


/* =========================================================
   TABLA
========================================================= */

.anmat-exam-detail-tablewrap {
    overflow: hidden;
    border: 1px solid rgba(69,101,141,.13);
    border-radius: 10px;
}

.anmat-exam-detail-table {
    min-width: 900px;
}

.anmat-exam-detail-v2
.anmat-stats-gridhead th {
    padding: 11px 12px;
    background: var(--anmat-primary) !important;
    color: #fff !important;
    font-size: .74rem;
    font-weight: 700;
}

.anmat-exam-detail-v2
.anmat-stats-gridrow td {
    padding: 11px 12px;
    border-color: rgba(69,101,141,.08);
    font-size: .78rem;
    line-height: 1.45;
}

.anmat-exam-detail-v2
.anmat-stats-gridrow:nth-child(even) {
    background: rgba(69,101,141,.022);
}

.anmat-exam-detail-v2
.anmat-stats-gridrow:hover {
    background: rgba(69,101,141,.055);
}


/* =========================================================
   RESULTADO RESPUESTA
========================================================= */

.anmat-exam-answer-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: .68rem;
    font-weight: 800;
}

.anmat-exam-answer-ok {
    border: 1px solid rgba(43,126,94,.18);
    background: rgba(43,126,94,.09);
    color: #287653;
}

.anmat-exam-answer-no {
    border: 1px solid rgba(181,65,65,.16);
    background: rgba(181,65,65,.07);
    color: #a33d3d;
}


/* =========================================================
   ACCIONES
========================================================= */

.anmat-exam-detail-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--anmat-line);
}

.anmat-exam-detail-btn {
    min-width: 110px;
    min-height: 40px;
    padding: 8px 15px !important;
    border-radius: 8px !important;
    font-size: .81rem;
    font-weight: 700 !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199.98px) {

    .anmat-exam-detail-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {

    .anmat-exam-detail-v2 {
        padding-top: 20px;
    }

    .anmat-exam-detail-page-title {
        font-size: 1.55rem;
    }

    .anmat-exam-detail-card-header,
    .anmat-exam-detail-card-body {
        padding: 19px;
    }

    .anmat-exam-detail-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .anmat-exam-detail-v2 .anmat-detail-row {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .anmat-exam-detail-actions {
        justify-content: stretch;
    }

    .anmat-exam-detail-btn {
        width: 100%;
    }
}

@media (max-width: 479.98px) {

    .anmat-exam-detail-summary-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   ÁREAS ADMIN DEFINITIVO
========================================================= */

.anmat-areasadmin-v2 {
    padding: 30px 0 40px;
}


/* ENCABEZADO */

.anmat-areasadmin-heading {
    max-width: 800px;
    margin: 0 auto 30px;
}

.anmat-areasadmin-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid rgba(69,101,141,.16);
    border-radius: 8px;
    background: rgba(69,101,141,.07);
    color: var(--anmat-secondary);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-areasadmin-page-title {
    margin: 0;
    color: var(--anmat-primary);
    font-family: var(--font-sans);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.anmat-areasadmin-page-subtitle {
    margin-top: 8px;
    color: var(--anmat-muted);
    font-size: .92rem;
    line-height: 1.55;
}


/* =========================================================
   CREAR AREA
========================================================= */

.anmat-areasadmin-create-card {
    overflow: hidden;
    border: 1px solid var(--anmat-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(24,38,67,.05);
}

.anmat-areasadmin-card-header {
    padding: 20px 23px;
    border-bottom: 1px solid rgba(69,101,141,.11);
    background: linear-gradient( 135deg, rgba(69,101,141,.075), rgba(69,101,141,.025) );
}

.anmat-areasadmin-card-body {
    padding: 23px;
}

.anmat-areasadmin-section-kicker {
    margin-bottom: 4px;
    color: var(--anmat-secondary);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.anmat-areasadmin-section-title {
    margin: 0 0 5px;
    color: var(--anmat-primary);
    font-size: 1rem;
    font-weight: 800;
}

.anmat-areasadmin-section-description {
    color: var(--anmat-muted);
    font-size: .8rem;
    line-height: 1.45;
}


/* =========================================================
   FILTRO
========================================================= */

.anmat-areasadmin-filter {
    display: flex;
    align-items: center;
    padding: 13px 16px;
    border: 1px solid rgba(69,101,141,.12);
    border-radius: 9px;
    background: rgba(69,101,141,.035);
    color: var(--anmat-muted);
    font-size: .8rem;
    font-weight: 700;
}

    .anmat-areasadmin-filter input {
        margin-right: 7px;
    }


/* =========================================================
   LISTADO
========================================================= */

.anmat-areasadmin-list-heading {
    margin-bottom: 15px;
}


/* =========================================================
   CARD AREA
========================================================= */

.anmat-areasadmin-area-card {
    overflow: hidden;
    border: 1px solid rgba(69,101,141,.13);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 11px rgba(24,38,67,.045);
    transition: border-color .15s ease, box-shadow .15s ease;
}

    .anmat-areasadmin-area-card:hover {
        border-color: rgba(69,101,141,.28);
        box-shadow: 0 6px 16px rgba(24,38,67,.07);
    }


/* CABECERA */

.anmat-areasadmin-area-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border-bottom: 1px solid rgba(69,101,141,.10);
    background: linear-gradient( 135deg, rgba(69,101,141,.07), rgba(69,101,141,.02) );
}

.anmat-areasadmin-area-label {
    color: var(--anmat-primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.anmat-areasadmin-area-id {
    margin-left: 8px;
    color: var(--anmat-muted);
    font-size: .7rem;
    font-weight: 700;
}


/* BODY */

.anmat-areasadmin-area-body {
    padding: 19px;
}

.anmat-areasadmin-v2 .anmat-input,
.anmat-areasadmin-v2 .anmat-select {
    min-height: 42px;
    border-radius: 8px;
    background: #fff;
}

.anmat-areasadmin-id-input {
    background: rgba(69,101,141,.035) !important;
    color: var(--anmat-muted) !important;
}


/* =========================================================
   ACCIONES
========================================================= */

.anmat-areasadmin-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px;
    margin-top: 20px;
    padding-top: 17px;
    border-top: 1px solid var(--anmat-line);
}

.anmat-areasadmin-action-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.anmat-areasadmin-action-label {
    margin-bottom: 1px;
    color: var(--anmat-muted);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.anmat-areasadmin-btn {
    min-height: 39px;
    padding: 8px 13px !important;
    border-radius: 7px !important;
    font-size: .78rem;
    font-weight: 700 !important;
}


/* ELIMINAR */

.anmat-areasadmin-delete {
    border-color: rgba(181,65,65,.25) !important;
    color: #a33d3d !important;
}

    .anmat-areasadmin-delete:hover {
        border-color: rgba(181,65,65,.45) !important;
        background: rgba(181,65,65,.06) !important;
        color: #913535 !important;
    }


/* =========================================================
   VOLVER
========================================================= */

.anmat-areasadmin-page-actions {
    margin-top: 28px;
}

    .anmat-areasadmin-page-actions .btn-anmat-outline {
        min-width: 110px;
        min-height: 40px;
        border-radius: 8px !important;
        font-size: .82rem;
    }


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .anmat-areasadmin-v2 {
        padding-top: 20px;
    }

    .anmat-areasadmin-page-title {
        font-size: 1.55rem;
    }

    .anmat-areasadmin-card-header,
    .anmat-areasadmin-card-body {
        padding: 19px;
    }

    .anmat-areasadmin-actions {
        grid-template-columns: 1fr;
    }

    .anmat-areasadmin-page-actions .btn-anmat-outline {
        width: 100%;
    }
}

/* =========================================================
   USUARIOS DEFINITIVO
========================================================= */

.anmat-users-v2 {
    padding: 30px 0 40px;
}


/* =========================================================
   ENCABEZADO
========================================================= */

.anmat-users-heading {
    max-width: 800px;
    margin: 0 auto 30px;
}

.anmat-users-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid rgba(69,101,141,.16);
    border-radius: 8px;
    background: rgba(69,101,141,.07);
    color: var(--anmat-secondary);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-users-page-title {
    margin: 0;
    color: var(--anmat-primary);
    font-family: var(--font-sans);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.anmat-users-page-subtitle {
    margin-top: 8px;
    color: var(--anmat-muted);
    font-size: .92rem;
    line-height: 1.55;
}


/* =========================================================
   CARDS
========================================================= */

.anmat-users-card {
    overflow: hidden;
    border: 1px solid var(--anmat-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(24,38,67,.05);
}

.anmat-users-card-header {
    padding: 20px 23px;
    border-bottom: 1px solid rgba(69,101,141,.11);
    background: linear-gradient( 135deg, rgba(69,101,141,.075), rgba(69,101,141,.025) );
}

.anmat-users-card-body {
    padding: 23px;
}

.anmat-users-section-kicker {
    margin-bottom: 4px;
    color: var(--anmat-secondary);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.anmat-users-section-title {
    margin: 0 0 5px;
    color: var(--anmat-primary);
    font-size: 1rem;
    font-weight: 800;
}

.anmat-users-section-description {
    color: var(--anmat-muted);
    font-size: .8rem;
    line-height: 1.45;
}


/* =========================================================
   BUSCAR USUARIO
========================================================= */

.anmat-users-searchbox {
    padding: 17px;
    border: 1px solid rgba(69,101,141,.12);
    border-radius: 10px;
    background: rgba(69,101,141,.035);
}

.anmat-users-readonly {
    background: rgba(69,101,141,.035) !important;
    color: var(--anmat-primary) !important;
    font-weight: 700;
}


/* =========================================================
   CONFIGURACIÓN NUEVO USUARIO
========================================================= */

.anmat-users-form-heading {
    margin-bottom: 13px;
}

.anmat-users-form-title {
    color: var(--anmat-primary);
    font-size: .87rem;
    font-weight: 800;
}


/* INPUTS */

.anmat-users-v2 .anmat-input,
.anmat-users-v2 .anmat-select {
    min-height: 42px;
    border-radius: 8px;
    background: #fff;
}


/* =========================================================
   BOTONES
========================================================= */

.anmat-users-btn {
    min-height: 42px;
    padding: 8px 13px !important;
    border-radius: 8px !important;
    font-size: .8rem;
    font-weight: 700 !important;
}


/* =========================================================
   TABLA
========================================================= */

.anmat-users-table-wrap {
    overflow: hidden;
    border: 1px solid rgba(69,101,141,.13);
    border-radius: 10px;
}

.anmat-users-table-min {
    min-width: 1500px;
}

.anmat-users-v2 .anmat-grid-header th {
    padding: 11px 12px;
    background: var(--anmat-primary) !important;
    color: #fff !important;
    font-size: .73rem;
    font-weight: 700;
    white-space: nowrap;
}

.anmat-users-v2 .anmat-grid-row td {
    padding: 10px 11px;
    border-color: rgba(69,101,141,.08);
    font-size: .77rem;
    vertical-align: middle;
}

.anmat-users-v2 .anmat-grid-row:nth-child(even) {
    background: rgba(69,101,141,.022);
}

.anmat-users-v2 .anmat-grid-row:hover {
    background: rgba(69,101,141,.055) !important;
}


/* CONTROLES EN CELDAS */

.anmat-users-table-control {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .anmat-users-table-control .anmat-select {
        min-width: 150px;
    }


/* BOTONES TABLA */

.anmat-users-table-btn {
    min-height: 34px;
    padding: 6px 10px !important;
    border-radius: 7px !important;
    font-size: .72rem;
    font-weight: 700 !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .anmat-users-table-control {
        flex-direction: column;
        align-items: stretch;
    }

    .anmat-users-table-btn {
        width: 100%;
    }
}


@media (max-width: 767.98px) {

    .anmat-users-v2 {
        padding-top: 20px;
    }

    .anmat-users-page-title {
        font-size: 1.55rem;
    }

    .anmat-users-card-header,
    .anmat-users-card-body {
        padding: 19px;
    }
}

/* =========================================================
   CREAR FORMULARIO DEFINITIVO
========================================================= */

.anmat-createform-v2 {
    padding: 30px 0 40px;
}


/* ENCABEZADO */

.anmat-createform-heading {
    max-width: 800px;
    margin: 0 auto 30px;
}

.anmat-createform-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid rgba(69, 101, 141, .16);
    border-radius: 8px;
    background: rgba(69, 101, 141, .07);
    color: var(--anmat-secondary);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-createform-page-title {
    margin: 0;
    color: var(--anmat-primary);
    font-family: var(--font-sans);
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.anmat-createform-page-subtitle {
    margin-top: 8px;
    color: var(--anmat-muted);
    font-size: .92rem;
    line-height: 1.55;
}


/* CARDS */

.anmat-createform-card {
    overflow: hidden;
    border: 1px solid var(--anmat-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(24, 38, 67, .05);
}

.anmat-createform-card-header {
    padding: 20px 23px;
    border-bottom: 1px solid rgba(69, 101, 141, .11);
    background: linear-gradient(
        135deg,
        rgba(69, 101, 141, .075),
        rgba(69, 101, 141, .025)
    );
}

.anmat-createform-card-body {
    padding: 23px;
}

.anmat-createform-section-kicker {
    margin-bottom: 4px;
    color: var(--anmat-secondary);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.anmat-createform-section-title {
    margin: 0 0 5px;
    color: var(--anmat-primary);
    font-size: 1rem;
    font-weight: 800;
}

.anmat-createform-section-description {
    color: var(--anmat-muted);
    font-size: .8rem;
    line-height: 1.45;
}


/* INPUTS */

.anmat-createform-v2 .anmat-input,
.anmat-createform-v2 .anmat-select {
    min-height: 43px;
    border-radius: 8px;
    background: #fff;
}


/* RESUMEN MODO */

.anmat-createform-mode-info {
    padding: 16px 17px;
    border: 1px solid rgba(69, 101, 141, .13);
    border-left: 4px solid var(--anmat-secondary);
    border-radius: 9px;
    background: rgba(69, 101, 141, .04);
}

.anmat-createform-mode-info-title {
    margin-bottom: 5px;
    color: var(--anmat-primary);
    font-size: .82rem;
    font-weight: 800;
}

.anmat-createform-mode-info-text {
    color: var(--anmat-muted);
    font-size: .78rem;
    line-height: 1.5;
}


/* ACCESO */

.anmat-createform-access-box {
    padding: 16px 17px;
    border: 1px solid rgba(69, 101, 141, .12);
    border-radius: 9px;
    background: rgba(69, 101, 141, .03);
}


/* EXAMEN */

.anmat-createform-exam-card {
    border-top: 3px solid var(--anmat-accent);
}

    .anmat-createform-exam-card
    .anmat-createform-card-header {
        background: linear-gradient(
        135deg,
        rgba(231, 186, 97, .10),
        rgba(69, 101, 141, .025)
    );
    }


/* SWITCHES */

.anmat-createform-v2 .anmat-switch-wrap {
    padding: 10px 12px;
    border: 1px solid rgba(69, 101, 141, .11);
    border-radius: 8px;
    background: rgba(69, 101, 141, .035);
}


/* ACCIONES */

.anmat-createform-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 4px;
}

.anmat-createform-btn {
    min-width: 145px;
    min-height: 41px;
    padding: 8px 15px !important;
    border-radius: 8px !important;
    font-size: .82rem;
    font-weight: 700 !important;
}


/* RESPONSIVE */

@media (max-width: 767.98px) {

    .anmat-createform-v2 {
        padding-top: 20px;
    }

    .anmat-createform-page-title {
        font-size: 1.55rem;
    }

    .anmat-createform-card-header,
    .anmat-createform-card-body {
        padding: 19px;
    }

    .anmat-createform-actions {
        flex-direction: column;
    }

    .anmat-createform-btn {
        width: 100%;
    }
}

/* =========================================================
   BANCO DE PREGUNTAS DEFINITIVO
========================================================= */

.anmat-pool-v2 {
    padding: 28px 0 42px;
}


/* ENCABEZADO */

.anmat-pool-heading {
    max-width: 800px;
    margin: 0 auto 30px;
}

.anmat-pool-eyebrow {
    display: inline-flex;
    padding: 6px 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(231,186,97,.30);
    border-radius: 8px;
    background: rgba(231,186,97,.12);
    color: #8b671d;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-pool-page-title {
    margin: 0;
    color: var(--anmat-primary);
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: -.025em;
}

.anmat-pool-page-subtitle {
    margin-top: 8px;
    color: var(--anmat-muted);
    font-size: .92rem;
    line-height: 1.55;
}


/* SECCIONES */

.anmat-pool-section {
    overflow: hidden;
    border: 1px solid var(--anmat-line);
    border-radius: 13px;
    box-shadow: 0 4px 14px rgba(24,38,67,.045);
}

.anmat-pool-section-header {
    padding: 18px 22px;
    border-bottom: 1px solid rgba(69,101,141,.10);
    background: linear-gradient( 135deg, rgba(69,101,141,.07), rgba(69,101,141,.02) );
}

.anmat-pool-section-body {
    padding: 21px 22px;
}

.anmat-pool-section-kicker {
    margin-bottom: 3px;
    color: var(--anmat-secondary);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.anmat-pool-section-title,
.anmat-pool-list-title {
    margin: 0 0 4px;
    color: var(--anmat-primary);
    font-size: 1rem;
    font-weight: 800;
}

.anmat-pool-section-description {
    color: var(--anmat-muted);
    font-size: .78rem;
    line-height: 1.45;
}


/* FILTROS */

.anmat-pool-filter-switch {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid rgba(69,101,141,.12);
    border-radius: 8px;
    background: rgba(69,101,141,.035);
    font-size: .82rem;
    font-weight: 600;
}


/* ACCIONES */

.anmat-pool-actions-card {
    border-left: 3px solid var(--anmat-secondary);
}


/* LISTADO */

.anmat-pool-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 28px 2px 14px;
}


/* PREGUNTA */

.anmat-pool-question {
    overflow: hidden;
    border: 1px solid rgba(69,101,141,.13);
    border-radius: 12px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

    .anmat-pool-question:hover {
        border-color: rgba(69,101,141,.25);
        box-shadow: 0 6px 18px rgba(24,38,67,.07);
    }

.anmat-pool-question-main {
    padding: 19px 21px;
}

.anmat-pool-question-number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(69,101,141,.09);
    color: var(--anmat-secondary);
    font-size: .9rem;
    font-weight: 800;
}

.anmat-pool-question-text {
    color: var(--anmat-primary);
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.45;
}

.anmat-pool-question-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 5px;
}

.anmat-pool-question-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid rgba(69,101,141,.09);
}


/* EDITOR */

.anmat-pool-editor {
    padding: 22px;
    border-top: 1px solid rgba(69,101,141,.13);
    background: linear-gradient( 180deg, rgba(69,101,141,.035), rgba(69,101,141,.012) );
}

.anmat-pool-editor-section {
    margin-bottom: 22px;
}

.anmat-pool-editor-title {
    margin-bottom: 10px;
    color: var(--anmat-primary);
    font-size: .83rem;
    font-weight: 800;
}


/* OPCIONES */

.anmat-pool-options {
    overflow: hidden;
    margin-top: 18px;
    border: 1px solid rgba(231,186,97,.25);
    border-radius: 10px;
    background: #fff;
}

.anmat-pool-options-header {
    padding: 15px 17px;
    border-bottom: 1px solid rgba(231,186,97,.18);
    background: rgba(231,186,97,.075);
}

.anmat-pool-new-option {
    padding: 17px;
    border-bottom: 1px solid rgba(69,101,141,.09);
}

.anmat-pool-option-row {
    padding: 13px 17px;
    border-bottom: 1px solid rgba(69,101,141,.075);
}

    .anmat-pool-option-row:last-of-type {
        border-bottom: 0;
    }


/* BOTONES */

.anmat-pool-btn {
    min-height: 40px;
    padding: 8px 15px !important;
    border-radius: 8px !important;
    font-size: .8rem;
    font-weight: 700 !important;
}

.anmat-pool-btn-sm {
    min-height: 34px;
    padding: 6px 12px !important;
    border-radius: 7px !important;
    font-size: .75rem;
    font-weight: 700 !important;
}


/* ACCIONES EDITOR */

.anmat-pool-editor-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
    padding-top: 17px;
    border-top: 1px solid rgba(69,101,141,.12);
}


/* MENSAJE */

.anmat-pool-message {
    border-left: 3px solid var(--anmat-secondary);
}


/* VOLVER */

.anmat-pool-bottom-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 25px;
}


/* RESPONSIVE */

@media (max-width: 767.98px) {

    .anmat-pool-v2 {
        padding-top: 20px;
    }

    .anmat-pool-page-title {
        font-size: 1.55rem;
    }

    .anmat-pool-section-header,
    .anmat-pool-section-body,
    .anmat-pool-question-main,
    .anmat-pool-editor {
        padding-left: 17px;
        padding-right: 17px;
    }

    .anmat-pool-question-number {
        display: none;
    }

    .anmat-pool-editor-actions .anmat-pool-btn {
        width: 100%;
    }

    .anmat-pool-bottom-actions .anmat-pool-btn {
        width: 100%;
    }
}

/* =========================================================
   ACCESO INTERNO FORMULARIO DEFINITIVO
========================================================= */

.anmat-login-bg.anmat-internal-access-v2 {
    min-height: calc(100vh - 145px);

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

    gap: .6rem;

    padding: 40px 20px;

    background: transparent;
}

.anmat-internal-access-shell {
    width: 100%;
    max-width: 470px;
}


/* ENCABEZADO */

.anmat-internal-access-heading {
    margin-bottom: 24px;
}

.anmat-internal-access-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding: 6px 10px;
    border: 1px solid rgba(231,186,97,.28);
    border-radius: 8px;
    background: rgba(231,186,97,.10);
    color: #80621f;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-internal-access-title {
    margin: 0;
    color: var(--anmat-primary);
    font-family: var(--font-sans);
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.anmat-internal-access-subtitle {
    margin-top: 8px;
    color: var(--anmat-muted);
    font-size: .9rem;
    line-height: 1.5;
}


/* CARD */

.anmat-internal-access-card {
    overflow: hidden;
    border: 1px solid var(--anmat-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(24,38,67,.07);
}


/* HEADER CARD */

.anmat-internal-access-card-header {
    padding: 20px 25px;
    border-bottom: 1px solid rgba(255,255,255,.10);
    background: linear-gradient( 135deg, var(--anmat-primary), #34456d );
}

.anmat-internal-access-card-kicker {
    margin-bottom: 4px;
    color: rgba(255,255,255,.68);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.anmat-internal-access-card-title {
    margin-bottom: 4px;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
}

.anmat-internal-access-card-text {
    color: rgba(255,255,255,.78);
    font-size: .8rem;
    line-height: 1.45;
}


/* BODY */

.anmat-internal-access-body {
    padding: 26px;
}

.anmat-internal-access-v2 .anmat-login-input {
    min-height: 46px;

    padding: 10px 13px;

    border: 1px solid var(--anmat-line-strong);
    border-radius: 8px;

    background: #fff;
}

.anmat-internal-access-v2 .anmat-login-input:hover {
    border-color: rgba(69, 101, 141, .45);
}

.anmat-internal-access-v2 .anmat-login-input:focus {
    border-color: var(--anmat-secondary);

    background: #fff;

    box-shadow: 0 0 0 .2rem rgba(69, 101, 141, .16);
}

.anmat-internal-access-help {
    margin-top: 6px;
    color: var(--anmat-muted);
    font-size: .76rem;
}


/* ACCIONES */

.anmat-internal-access-actions {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.anmat-internal-access-btn {
    min-height: 44px;
    border-radius: 8px !important;
    font-size: .84rem;
    font-weight: 700 !important;
}


/* FOOTER INFO */

.anmat-internal-access-footer {
    display: grid;
    grid-template-columns: 4px minmax(0,1fr);
    gap: 13px;
    padding: 17px 21px;
    border-top: 1px solid var(--anmat-line);
    background: var(--anmat-surface-soft);
}

.anmat-internal-access-footer-marker {
    width: 4px;
    border-radius: 999px;
    background: var(--anmat-accent);
}

.anmat-internal-access-footer-title {
    margin-bottom: 4px;
    color: var(--anmat-primary);
    font-size: .79rem;
    font-weight: 800;
}

.anmat-internal-access-footer-text {
    color: var(--anmat-muted);
    font-size: .77rem;
    line-height: 1.5;
}

    .anmat-internal-access-footer-text a {
        color: var(--anmat-secondary);
        font-weight: 700;
    }

        .anmat-internal-access-footer-text a:hover {
            color: var(--anmat-primary);
        }


/* RESPONSIVE */

@media (max-width: 575.98px) {

    .anmat-login-bg.anmat-internal-access-v2 {
        min-height: auto;
        padding: 24px 12px;
    }

    .anmat-internal-access-title {
        font-size: 1.5rem;
    }

    .anmat-internal-access-card-header {
        padding: 18px 20px;
    }

    .anmat-internal-access-body {
        padding: 21px 20px;
    }

    .anmat-internal-access-footer {
        padding: 16px 18px;
    }
}

/* =========================================================
   IMPORTAR BANCO DE PREGUNTAS DEFINITIVO
========================================================= */

.anmat-pool-import-v2 {
    padding: 30px 0 42px;
}


/* ENCABEZADO */

.anmat-pool-import-heading {
    max-width: 820px;
    margin: 0 auto 30px;
}

.anmat-pool-import-eyebrow {
    display: inline-flex;
    padding: 6px 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(231,186,97,.28);
    border-radius: 8px;
    background: rgba(231,186,97,.10);
    color: #80621f;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.anmat-pool-import-page-title {
    margin: 0;
    color: var(--anmat-primary);
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: -.025em;
}

.anmat-pool-import-page-subtitle {
    margin-top: 8px;
    color: var(--anmat-muted);
    font-size: .92rem;
    line-height: 1.55;
}


/* CARD */

.anmat-pool-import-card {
    overflow: hidden;
    border: 1px solid var(--anmat-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(24,38,67,.05);
}

.anmat-pool-import-card-header {
    padding: 19px 22px;
    border-bottom: 1px solid rgba(69,101,141,.10);
    background: linear-gradient( 135deg, rgba(69,101,141,.07), rgba(69,101,141,.02) );
}

.anmat-pool-import-card-body {
    padding: 22px;
}

.anmat-pool-import-section-kicker {
    margin-bottom: 3px;
    color: var(--anmat-secondary);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.anmat-pool-import-section-title {
    margin: 0 0 5px;
    color: var(--anmat-primary);
    font-size: 1rem;
    font-weight: 800;
}

.anmat-pool-import-section-description {
    color: var(--anmat-muted);
    font-size: .78rem;
    line-height: 1.45;
}


/* =========================================================
   PASOS
========================================================= */

.anmat-pool-import-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 13px;
}

.anmat-pool-import-step {
    padding: 16px;
    border: 1px solid rgba(69,101,141,.11);
    border-radius: 10px;
    background: rgba(69,101,141,.025);
}

.anmat-pool-import-step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 11px;
    border-radius: 8px;
    background: var(--anmat-primary);
    color: #fff;
    font-size: .7rem;
    font-weight: 800;
}

.anmat-pool-import-step-title {
    margin-bottom: 5px;
    color: var(--anmat-primary);
    font-size: .82rem;
    font-weight: 800;
}

.anmat-pool-import-step-text {
    color: var(--anmat-muted);
    font-size: .75rem;
    line-height: 1.45;
}


/* =========================================================
   PLANTILLA
========================================================= */

.anmat-pool-import-template-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 17px;
    border: 1px solid rgba(231,186,97,.22);
    border-radius: 9px;
    background: rgba(231,186,97,.07);
}

.anmat-pool-import-template-title {
    margin-bottom: 3px;
    color: var(--anmat-primary);
    font-size: .83rem;
    font-weight: 800;
}

.anmat-pool-import-template-text {
    color: var(--anmat-muted);
    font-size: .76rem;
}


/* =========================================================
   RESUMEN
========================================================= */

.anmat-pool-import-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
}

.anmat-pool-import-summary-item {
    padding: 15px;
    border: 1px solid rgba(69,101,141,.11);
    border-radius: 9px;
    background: rgba(69,101,141,.025);
}

.anmat-pool-import-summary-label {
    display: block;
    margin-bottom: 7px;
    color: var(--anmat-muted);
    font-size: .69rem;
    font-weight: 800;
}

.anmat-pool-import-summary-value {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--anmat-primary) !important;
    font-size: 1.08rem;
    font-weight: 800;
    box-shadow: none !important;
}

.anmat-pool-import-summary-errors {
    border-top: 3px solid rgba(181,65,65,.55);
}


/* =========================================================
   VISTA PREVIA
========================================================= */

.anmat-pool-import-preview-item {
    padding: 14px 16px;
    border: 1px solid rgba(69,101,141,.10);
    border-radius: 9px;
    background: #fff;
}

    .anmat-pool-import-preview-item + .anmat-pool-import-preview-item {
        margin-top: 9px;
    }

.anmat-pool-import-preview-title {
    margin-bottom: 5px;
    color: var(--anmat-primary);
    font-size: .82rem;
    font-weight: 700;
}

.anmat-pool-import-preview-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    color: var(--anmat-muted);
    font-size: .73rem;
}


/* =========================================================
   ERRORES
========================================================= */

.anmat-pool-import-errors-card {
    border-top: 3px solid rgba(181,65,65,.60);
}

.anmat-pool-import-error-item {
    padding: 13px 15px;
    border: 1px solid rgba(181,65,65,.16);
    border-left: 4px solid rgba(181,65,65,.65);
    border-radius: 8px;
    background: rgba(181,65,65,.045);
}

    .anmat-pool-import-error-item + .anmat-pool-import-error-item {
        margin-top: 8px;
    }

.anmat-pool-import-error-row {
    margin-bottom: 3px;
    color: #a33d3d;
    font-size: .77rem;
    font-weight: 800;
}

.anmat-pool-import-error-text {
    color: #765151;
    font-size: .76rem;
    line-height: 1.45;
}


/* =========================================================
   BOTONES
========================================================= */

.anmat-pool-import-btn {
    min-height: 40px;
    padding: 8px 15px !important;
    border-radius: 8px !important;
    font-size: .8rem;
    font-weight: 700 !important;
}


/* MENSAJE */

.anmat-pool-import-message {
    border-left: 3px solid var(--anmat-secondary);
}


/* VOLVER */

.anmat-pool-import-actions {
    margin-top: 24px;
}


/* RESPONSIVE */

@media (max-width: 991.98px) {

    .anmat-pool-import-steps {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 767.98px) {

    .anmat-pool-import-v2 {
        padding-top: 20px;
    }

    .anmat-pool-import-page-title {
        font-size: 1.55rem;
    }

    .anmat-pool-import-summary-grid {
        grid-template-columns: 1fr;
    }

    .anmat-pool-import-template-box {
        flex-direction: column;
        align-items: stretch;
    }

        .anmat-pool-import-template-box .anmat-pool-import-btn {
            width: 100%;
        }
}

@media (max-width: 575.98px) {

    .anmat-pool-import-steps {
        grid-template-columns: 1fr;
    }

    .anmat-pool-import-card-header,
    .anmat-pool-import-card-body {
        padding-left: 18px;
        padding-right: 18px;
    }

    .anmat-pool-import-actions .anmat-pool-import-btn {
        width: 100%;
    }
}

.anmat-qe-toggle-state {
    border-color: rgba(181,65,65,.22) !important;
}

    .anmat-qe-toggle-state:hover {
        border-color: rgba(181,65,65,.40) !important;
        background: rgba(181,65,65,.055) !important;
        color: #9d3b3b !important;
    }
/* =========================================================
   MÉTODO DE CREACIÓN
========================================================= */

.anmat-createform-method-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

    .anmat-createform-method-list > span {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 62px;
        padding: 15px 17px;
        border: 1px solid rgba(69, 101, 141, .16);
        border-radius: 9px;
        background: #fff;
        transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
    }


        /* HOVER */

        .anmat-createform-method-list > span:hover {
            border-color: rgba(69, 101, 141, .38);
            background: rgba(69, 101, 141, .025);
            box-shadow: 0 3px 10px rgba(24, 38, 67, .045);
        }


    /* RADIO */

    .anmat-createform-method-list input[type="radio"] {
        flex: 0 0 auto;
        width: 18px;
        height: 18px;
        margin: 0 13px 0 0;
        accent-color: var(--anmat-primary);
        cursor: pointer;
    }


    /* LABEL */

    .anmat-createform-method-list label {
        flex: 1;
        margin: 0;
        color: var(--anmat-primary);
        font-size: .86rem;
        font-weight: 700;
        line-height: 1.4;
        cursor: pointer;
    }


    /* OPCIÓN SELECCIONADA */

    .anmat-createform-method-list > span:has(input[type="radio"]:checked) {
        border-color: rgba(69, 101, 141, .48);
        background: rgba(69, 101, 141, .065);
        box-shadow: inset 4px 0 0 var(--anmat-secondary), 0 3px 10px rgba(24, 38, 67, .045);
    }

        .anmat-createform-method-list > span:has(input[type="radio"]:checked)
        label {
            color: var(--anmat-primary);
            font-weight: 800;
        }


    /* FOCUS */

    .anmat-createform-method-list input[type="radio"]:focus-visible {
        outline: 2px solid var(--anmat-secondary);
        outline-offset: 3px;
    }


/* RESPONSIVE */

@media (max-width: 767.98px) {

    .anmat-createform-method-list > span {
        min-height: 58px;
        padding: 13px 14px;
    }

    .anmat-createform-method-list label {
        font-size: .82rem;
    }
}

/* =========================================================
   ESTADÍSTICAS - RESUMEN GRÁFICO
========================================================= */

.anmat-stats-summary-v2 {
    overflow: hidden;
}

.anmat-stats-summary-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.anmat-stats-summary-metric {
    display: flex;
    align-items: baseline;
    gap: .45rem;
    min-width: 180px;
    padding: .8rem 1rem;
    border: 1px solid rgba(36, 44, 79, .12);
    border-radius: var(--anmat-radius-md);
    background: var(--anmat-surface);
}

.anmat-stats-summary-metric-value {
    font-size: 1.45rem;
    line-height: 1;
    font-weight: 700;
    color: var(--anmat-primary);
}

.anmat-stats-summary-metric-label {
    font-size: .85rem;
    color: var(--anmat-muted);
}

.anmat-stats-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.anmat-stats-chart-card {
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid rgba(36, 44, 79, .12);
    border-radius: var(--anmat-radius-lg);
    background: var(--anmat-surface);
    box-shadow: 0 8px 24px rgba(36, 44, 79, .05);
}

.anmat-stats-chart-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.anmat-stats-chart-title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.45;
    font-weight: 700;
    color: var(--anmat-primary);
}

.anmat-stats-chart-count {
    margin-top: .3rem;
    font-size: .8rem;
    color: var(--anmat-muted);
}

.anmat-stats-chart-highlight {
    flex: 0 0 auto;
    min-width: 84px;
    padding: .65rem .8rem;
    text-align: center;
    border-radius: var(--anmat-radius-md);
    background: rgba(231, 186, 97, .18);
}

    .anmat-stats-chart-highlight strong {
        display: block;
        font-size: 1.35rem;
        line-height: 1;
        color: var(--anmat-primary);
    }

    .anmat-stats-chart-highlight span {
        display: block;
        margin-top: .3rem;
        font-size: .72rem;
        color: var(--anmat-muted);
    }

.anmat-stats-chart-bars {
    display: flex;
    flex-direction: column;
    gap: .95rem;
}

.anmat-stats-chart-row-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: .35rem;
}

.anmat-stats-chart-option {
    min-width: 0;
    font-size: .84rem;
    font-weight: 600;
    color: var(--anmat-text);
    overflow-wrap: anywhere;
}

.anmat-stats-chart-number {
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 600;
    color: var(--anmat-muted);
}

.anmat-stats-chart-track {
    position: relative;
    width: 100%;
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(69, 101, 141, .12);
}

.anmat-stats-chart-bar {
    height: 100%;
    min-width: 2px;
    border-radius: inherit;
    background: var(--anmat-secondary);
    transition: width .25s ease;
}

@media (max-width: 991.98px) {

    .anmat-stats-summary-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {

    .anmat-stats-chart-header {
        flex-direction: column;
    }

    .anmat-stats-chart-highlight {
        align-self: flex-start;
    }

    .anmat-stats-chart-row-head {
        align-items: flex-start;
        flex-direction: column;
        gap: .2rem;
    }
}

/* =========================================================
   ESTADÍSTICAS - CARDS DE GRÁFICOS
========================================================= */

.anmat-stats-chart-card {
    position: relative;
    min-width: 0;
    padding: 1.4rem;
    border: 1px solid rgba(36, 44, 79, .10);
    border-radius: var(--anmat-radius-lg);
    background: var(--anmat-surface);
    box-shadow: 0 8px 24px rgba(36, 44, 79, .045);
}

.anmat-stats-chart-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.25rem;
    padding-bottom: 1rem;
    margin-bottom: 1.2rem;
    border-bottom: 1px solid rgba(36, 44, 79, .08);
}

.anmat-stats-chart-heading {
    flex: 1;
    min-width: 0;
}

.anmat-stats-chart-title {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.45;
    font-weight: 700;
    color: var(--anmat-primary);
}

.anmat-stats-chart-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin-top: .45rem;
    font-size: .78rem;
    color: var(--anmat-muted);
}

.anmat-stats-chart-type {
    font-weight: 700;
    color: var(--anmat-secondary);
}

.anmat-stats-chart-separator {
    opacity: .55;
}

.anmat-stats-chart-header-actions {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
}

.anmat-stats-chart-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: .5rem .8rem;
    font-size: .75rem;
    white-space: nowrap;
    text-decoration: none;
}

.anmat-stats-chart-highlight {
    min-width: 82px;
    padding: .55rem .75rem;
    text-align: center;
    border-radius: var(--anmat-radius-md);
    background: rgba(231, 186, 97, .18);
}

    .anmat-stats-chart-highlight strong {
        display: block;
        font-size: 1.45rem;
        line-height: 1;
        color: var(--anmat-primary);
    }

    .anmat-stats-chart-highlight span {
        display: block;
        margin-top: .3rem;
        font-size: .69rem;
        font-weight: 600;
        color: var(--anmat-muted);
        text-transform: uppercase;
        letter-spacing: .025em;
    }

.anmat-stats-chart-bars {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.anmat-stats-chart-row-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: .4rem;
}

.anmat-stats-chart-option {
    min-width: 0;
    font-size: .84rem;
    line-height: 1.35;
    font-weight: 600;
    color: var(--anmat-text);
    overflow-wrap: anywhere;
}

.anmat-stats-chart-number {
    flex: 0 0 auto;
    font-size: .77rem;
    font-weight: 700;
    color: var(--anmat-secondary);
}

.anmat-stats-chart-track {
    position: relative;
    height: 11px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(69, 101, 141, .10);
}

.anmat-stats-chart-bar {
    height: 100%;
    min-width: 2px;
    border-radius: inherit;
    background: linear-gradient( 90deg, var(--anmat-primary), var(--anmat-secondary) );
}

@media (max-width: 767.98px) {

    .anmat-stats-chart-header {
        flex-direction: column;
    }

    .anmat-stats-chart-header-actions {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 575.98px) {

    .anmat-stats-chart-row-head {
        flex-direction: column;
        align-items: flex-start;
        gap: .15rem;
    }
}

/* =========================================================
   ESTADÍSTICAS - TOOLBAR RESUMEN
========================================================= */

.anmat-stats-summary-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

    .anmat-stats-summary-toolbar
    .anmat-stats-summary-metrics {
        margin-bottom: 0;
    }

@media (max-width: 767.98px) {

    .anmat-stats-summary-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

        .anmat-stats-summary-toolbar
        .anmat-stats-summary-metrics {
            width: 100%;
        }

        .anmat-stats-summary-toolbar > .anmat-stats-btn {
            width: 100%;
        }
}

/* =========================================================
   ESTADÍSTICAS - GRÁFICO DE TORTA
========================================================= */

.anmat-stats-pie-layout {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: 2rem;
    align-items: center;
    padding-top: .75rem;
}

.anmat-stats-pie-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.anmat-stats-pie {
    width: 220px;
    height: 220px;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(36, 44, 79, .08);
}

.anmat-stats-pie-legend {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    min-width: 0;
}

.anmat-stats-pie-legend-row {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding-bottom: .75rem;
    border-bottom: 1px solid rgba(69, 101, 141, .12);
}

    .anmat-stats-pie-legend-row:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

.anmat-stats-pie-dot {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    display: block;
}

.anmat-stats-pie-label {
    min-width: 0;
    color: var(--anmat-text, #263238);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.anmat-stats-pie-value {
    color: var(--anmat-secondary, #45658D);
    font-size: .875rem;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .anmat-stats-pie-layout {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .anmat-stats-pie {
        width: 200px;
        height: 200px;
    }
}

/* =========================================================
   ESTADÍSTICAS - GRÁFICO DE TORTA
========================================================= */

.anmat-stats-pie-layout {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 10px 0;
}

.anmat-stats-pie-wrap {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.anmat-stats-pie {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 1px solid rgba(36, 44, 79, .08);
    box-shadow: 0 4px 14px rgba(24, 38, 67, .08);
}

.anmat-stats-pie-legend {
    flex: 1;
    min-width: 0;
}

.anmat-stats-pie-legend-row {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 0;
    border-bottom: 1px solid rgba(69, 101, 141, .08);
}

    .anmat-stats-pie-legend-row:last-child {
        border-bottom: 0;
    }

.anmat-stats-pie-dot {
    width: 12px;
    height: 12px;
    min-width: 12px;
    border-radius: 50%;
}

.anmat-stats-pie-label {
    flex: 1;
    min-width: 0;
    color: var(--anmat-text);
    font-size: .82rem;
    font-weight: 600;
}

.anmat-stats-pie-value {
    white-space: nowrap;
    color: var(--anmat-secondary);
    font-size: .78rem;
    font-weight: 700;
}

@media (max-width: 767.98px) {

    .anmat-stats-pie-layout {
        flex-direction: column;
        align-items: stretch;
    }

    .anmat-stats-pie-wrap {
        width: 100%;
    }

    .anmat-stats-pie {
        width: 190px;
        height: 190px;
    }
}

/* =========================================================
   ESTADÍSTICAS - ORGANIZACIÓN DE VISTAS
   Agregar al módulo de Estadísticas de anmat-produccion.css
========================================================= */

/* ---------------------------------------------------------
   INDICADORES GENERALES
--------------------------------------------------------- */

.anmat-stats-overview-v2 {
    overflow: hidden;
}

    .anmat-stats-overview-v2 .anmat-stats-card-body {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .anmat-stats-overview-v2 .anmat-stats-summary-metric {
        background: var(--anmat-surface-soft);
    }


/* ---------------------------------------------------------
   SELECTOR: RESUMEN GRÁFICO / RESPUESTAS
--------------------------------------------------------- */

.anmat-stats-view-tabs {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px;
    border: 1px solid var(--anmat-line);
    border-radius: 10px;
    background: rgba(69, 101, 141, .04);
}

.anmat-stats-view-tab {
    min-height: 40px;
    padding: 8px 16px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--anmat-muted);
    font-family: var(--font-sans);
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, box-shadow .16s ease;
}

    .anmat-stats-view-tab:hover {
        background: rgba(69, 101, 141, .07);
        color: var(--anmat-primary);
    }

    .anmat-stats-view-tab:focus {
        outline: none;
        box-shadow: var(--anmat-focus);
    }

    .anmat-stats-view-tab.is-active {
        background: var(--anmat-primary);
        color: #fff;
        box-shadow: 0 3px 8px rgba(36, 44, 79, .14);
    }

    .anmat-stats-view-tab[hidden] {
        display: none !important;
    }


/* ---------------------------------------------------------
   PANELES DE VISTA
--------------------------------------------------------- */

.anmat-stats-view-panel[hidden] {
    display: none !important;
}


/* ---------------------------------------------------------
   AYUDA CONTEXTUAL DE GRÁFICOS
--------------------------------------------------------- */

.anmat-stats-chart-help {
    width: fit-content;
    max-width: 100%;
    color: var(--anmat-muted);
    font-size: .78rem;
}

    .anmat-stats-chart-help summary {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--anmat-secondary);
        font-weight: 700;
        cursor: pointer;
        user-select: none;
    }

        .anmat-stats-chart-help summary:hover {
            color: var(--anmat-primary);
        }

.anmat-stats-chart-help-content {
    max-width: 760px;
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid rgba(69, 101, 141, .13);
    border-radius: 8px;
    background: rgba(69, 101, 141, .045);
    line-height: 1.5;
}


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

@media (max-width: 767.98px) {

    .anmat-stats-view-tabs {
        display: flex;
        width: 100%;
    }

    .anmat-stats-view-tab {
        flex: 1;
    }
}

/* =========================================================
   FORMS_AREA - NAVEGACIÓN ESCALABLE DE FORMULARIOS
   Agregar al módulo Forms_Area de anmat-produccion.css
========================================================= */

.anmat-formsarea-browser {
    padding: 20px 22px;
    border-radius: 13px;
}

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

.anmat-formsarea-browser-count {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 8px 11px;
    border: 1px solid rgba(69, 101, 141, .14);
    border-radius: 8px;
    background: rgba(69, 101, 141, .055);
    color: var(--anmat-muted);
    font-size: .76rem;
    font-weight: 700;
}

    .anmat-formsarea-browser-count > span:first-child {
        color: var(--anmat-primary);
        font-size: 1rem;
        font-weight: 800;
    }

.anmat-formsarea-browser-search {
    max-width: 560px;
    margin-bottom: 18px;
}

.anmat-formsarea-tabs-wrap {
    overflow-x: auto;
    padding-bottom: 2px;
}

.anmat-formsarea-tabs {
    display: flex;
    align-items: center;
    gap: 6px;
    width: max-content;
    min-width: 100%;
}

.anmat-formsarea-tabs-datalist,
.anmat-formsarea-tabs-datalist > span {
    display: contents;
}

.anmat-formsarea-tab {
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid rgba(69, 101, 141, .14);
    border-radius: 8px;
    background: #fff;
    color: var(--anmat-muted);
    font-family: var(--font-sans);
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

    .anmat-formsarea-tab:hover {
        border-color: rgba(69, 101, 141, .30);
        background: rgba(69, 101, 141, .055);
        color: var(--anmat-primary);
    }

    .anmat-formsarea-tab:focus {
        outline: none;
        box-shadow: var(--anmat-focus);
    }

    .anmat-formsarea-tab.is-active {
        border-color: var(--anmat-primary);
        background: var(--anmat-primary);
        color: #fff;
    }

.anmat-formsarea-form-grid > span {
    display: contents;
}

.js-formsarea-card[hidden] {
    display: none !important;
}

#pnlSinFormulariosCliente[hidden] {
    display: none !important;
}

@media (max-width: 767.98px) {

    .anmat-formsarea-browser {
        padding: 18px;
    }

    .anmat-formsarea-browser-head {
        flex-direction: column;
        gap: 12px;
    }

    .anmat-formsarea-browser-search {
        max-width: none;
    }
}