/* Minification failed. Returning unminified contents.
(19,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(36,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(37,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(38,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(46,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(47,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(48,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(84,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(85,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(106,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(107,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(120,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(135,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(137,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(144,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(145,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(160,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(161,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(167,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(168,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(185,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(189,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(199,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(205,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(220,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(221,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
 */
/* =============================================================
   API LANDING
   Página informativa que se muestra al abrir el host del API
   (api.admcloud.net) sin sesión. Reemplaza los antiguos bloques
   .alert-info que se estiraban en columnas dentro del flex de
   .adm-login__content. Usa exclusivamente tokens del design system
   (--neutral-*, --resolution-blue-*, --summer-sky-*) para heredar
   automáticamente el modo oscuro vía el flip de DarkMode.css.
   ============================================================= */

.adm-api-landing {
    position: relative;
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4.8rem 2.4rem;
    background-color: var(--neutral-200);
}

/* ---------- THEME TOGGLE ----------
   Estas landing viven en hosts propios sin sesión ni configuración de usuario,
   por lo que el modo oscuro se controla solo con este botón. El swap luna/sol
   segun [data-theme] replica el comportamiento del boton del navbar. */
.adm-api-landing__theme-toggle {
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
    padding: 0;
    color: var(--neutral-600);
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-300);
    border-radius: 50%;
    cursor: pointer;
    transition: border-color 250ms ease, background-color 250ms ease, color 250ms ease;
}

    .adm-api-landing__theme-toggle:hover,
    .adm-api-landing__theme-toggle:focus-visible {
        color: var(--resolution-blue-500);
        background-color: var(--neutral-200);
        border-color: var(--summer-sky-500);
        outline: none;
    }

    .adm-api-landing__theme-toggle svg {
        width: 2.2rem;
        height: 2.2rem;
    }

.adm-api-landing__theme-icon--moon,
.adm-api-landing__theme-icon--sun {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Tema claro -> luna (accion: activar oscuro). Tema oscuro -> sol (volver a claro). */
.adm-api-landing__theme-toggle .adm-api-landing__theme-icon--sun {
    display: none;
}

:root[data-theme="dark"] .adm-api-landing__theme-toggle .adm-api-landing__theme-icon--moon {
    display: none;
}

:root[data-theme="dark"] .adm-api-landing__theme-toggle .adm-api-landing__theme-icon--sun {
    display: inline-flex;
}

.adm-api-landing__card {
    width: 100%;
    max-width: 52rem;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    padding: 4rem;
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-300);
    border-radius: 1.6rem;
    box-shadow: 0 1.2rem 3.2rem rgba(11, 14, 44, 0.06);
}

/* ---------- HERO ---------- */
.adm-api-landing__hero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
}

.adm-api-landing__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 1.2rem;
    border-radius: 10rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--neutral-100);
    background-color: var(--resolution-blue-500);
}

    .adm-api-landing__badge svg {
        width: 1.6rem;
        height: 1.6rem;
    }

.adm-api-landing__title {
    margin: 0;
}

.adm-api-landing__subtitle {
    color: var(--neutral-600);
}

/* ---------- LINK LIST ---------- */
.adm-api-landing__links {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.adm-api-landing__link {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    padding: 1.6rem;
    border: 1px solid var(--neutral-300);
    border-radius: 1.2rem;
    background-color: var(--neutral-100);
    text-decoration: none;
    transition: border-color 250ms ease, background-color 250ms ease, transform 250ms ease, box-shadow 250ms ease;
}

    .adm-api-landing__link:hover,
    .adm-api-landing__link:focus-visible {
        border-color: var(--summer-sky-500);
        background-color: var(--neutral-200);
        transform: translateY(-1px);
        box-shadow: 0 0.6rem 1.6rem rgba(11, 14, 44, 0.08);
        outline: none;
        text-decoration: none;
    }

.adm-api-landing__link-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 1rem;
    color: var(--resolution-blue-500);
    background-color: var(--neutral-200);
    transition: background-color 250ms ease, color 250ms ease;
}

    .adm-api-landing__link:hover .adm-api-landing__link-icon,
    .adm-api-landing__link:focus-visible .adm-api-landing__link-icon {
        color: var(--neutral-100);
        background-color: var(--resolution-blue-500);
    }

    .adm-api-landing__link-icon svg {
        width: 2.4rem;
        height: 2.4rem;
    }

.adm-api-landing__link-text {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
    min-width: 0;
}

.adm-api-landing__link-title {
    color: var(--neutral-800);
}

.adm-api-landing__link-url {
    color: var(--neutral-600);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adm-api-landing__link-chevron {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: var(--neutral-500);
    transition: color 250ms ease, transform 250ms ease;
}

    .adm-api-landing__link:hover .adm-api-landing__link-chevron,
    .adm-api-landing__link:focus-visible .adm-api-landing__link-chevron {
        color: var(--summer-sky-500);
        transform: translateX(0.3rem);
    }

    .adm-api-landing__link-chevron svg {
        width: 2rem;
        height: 2rem;
    }

/* ---------- VERSION META ---------- */
.adm-api-landing__meta {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding-top: 1.6rem;
    border-top: 1px solid var(--neutral-300);
    color: var(--neutral-500);
}

@media (max-width: 759px) {
    .adm-api-landing {
        padding: 3.2rem 1.6rem;
    }

    .adm-api-landing__card {
        padding: 2.8rem 2rem;
        gap: 2.4rem;
        border-radius: 1.2rem;
    }
}