:root {
        --verde-uaa: var(--uaa-primary);
        --verde-hover: var(--uaa-primary-dark);
        --rojo-uaa: #c82333;
        --rojo-hover: #a91d2a;
        --texto-principal: #20252b;
        --texto-secundario: #626870;
        --borde: #dfe3e1;
        --fondo: var(--uaa-background);
    }

    html,
    body {
        min-height: 100%;
        background-color: var(--fondo);
    }

    body {
        margin-bottom: 0 !important;
        overflow-x: hidden;
    }

    .footer {
        display: none !important;
    }

    main.pb-3 {
        padding-bottom: 0 !important;
    }

    .inicio-simple,
    .inicio-simple * {
        box-sizing: border-box;
    }

    .inicio-simple {
        width: 100%;
        min-height: 100vh;
        min-height: 100svh;
        margin-left: 0;
        padding: 32px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--fondo);
        font-family: "Segoe UI", Arial, sans-serif;
    }

    .inicio-contenedor {
        width: min(100%, 760px);
        padding: clamp(38px, 6vw, 64px);
        text-align: center;
        background-color: #ffffff;
        border: 1px solid var(--borde);
        border-radius: 16px;
        box-shadow: 0 8px 24px rgba(31, 42, 37, 0.06);
    }

    .inicio-logo {
        display: block;
        width: min(360px, 80%);
        height: auto;
        margin: 0 auto 38px;
        object-fit: contain;
    }

    .inicio-titulo {
        margin: 0;
        color: var(--texto-principal);
        font-size: clamp(2rem, 5vw, 3.25rem);
        font-weight: 700;
        line-height: 1.18;
    }

    .inicio-descripcion {
        margin: 22px 0 36px;
        color: var(--texto-secundario);
        font-size: 1.15rem;
        line-height: 1.5;
    }

    .inicio-opciones {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .inicio-boton {
        min-height: 68px;
        padding: 16px 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 650;
        text-align: center;
        text-decoration: none;
        border: none;
        border-radius: 9px;
        transition: background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
    }

        .inicio-boton:hover {
            color: #ffffff;
            text-decoration: none;
            transform: translateY(-2px);
            box-shadow: 0 7px 16px rgba(31, 42, 37, 0.14);
        }

        .inicio-boton:focus-visible {
            outline: 3px solid rgba(0, 107, 67, 0.25);
            outline-offset: 3px;
        }

    .inicio-boton-administrador {
        background-color: var(--rojo-uaa);
    }

        .inicio-boton-administrador:hover {
            background-color: var(--rojo-hover);
        }

    .inicio-boton-funcionario {
        background-color: var(--verde-uaa);
    }

        .inicio-boton-funcionario:hover {
            background-color: var(--verde-hover);
        }

    .inicio-pie {
        margin: 38px 0 0;
        color: #7a8085;
        font-size: 0.9rem;
    }

    @media (max-width: 620px) {
        .inicio-simple {
            padding: 18px;
        }

        .inicio-contenedor {
            padding: 38px 22px;
            border-radius: 12px;
        }

        .inicio-logo {
            width: min(310px, 90%);
            margin-bottom: 30px;
        }

        .inicio-titulo {
            font-size: 2rem;
        }

        .inicio-descripcion {
            margin: 20px 0 28px;
            font-size: 1rem;
        }

        .inicio-opciones {
            grid-template-columns: 1fr;
        }

        .inicio-boton {
            width: 100%;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .inicio-boton {
            transition: none;
        }
    }