body {
    font-family: "Segoe UI", sans-serif;
    background-color: #e42a2a !important;
}

.wizard-aside img {
    display: block;
    max-width: 140%;
    height: auto;
    object-fit: contain;
}

.wizard-content {
    max-width: 860px;
}

.wizard-header .fw-bold,
.wizard-header .text-muted {
    color: #ffffff !important;
}

.wizard-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.wizard-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.55);
}

.wizard-dot.is-active {
    background-color: #ffffff !important;
}

.wizard-col-area-code,
.wizard-col-phone,
.wizard-col-locality {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .wizard-col-area-code {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }

    .wizard-col-phone {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .wizard-col-locality {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.admin-layout {
    display: flex;
    gap: 24px;
}

.admin-sidebar {
    min-width: 220px;
    background-color: #e52929;
    color: #ffffff;
    padding: 24px;
    border-radius: 12px;
    height: fit-content;
}

.admin-sidebar-link {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
}

.admin-sidebar-link.is-active {
    font-weight: 700;
    text-decoration: underline;
}

.admin-content {
    flex: 1;
    min-width: 0;
}

@media (max-width: 992px) {
    .admin-layout {
        flex-direction: column;
    }

    .admin-sidebar {
        width: 100%;
    }
}

/* TODO: ajustar tipografías, colores y espaciados según referencia-front y referencia-back. */