/*
|--------------------------------------------------------------------------
| SSL Manager
|--------------------------------------------------------------------------
| Estilos globales de la aplicación.
*/

body {
    transition:
        background-color .2s ease,
        color .2s ease;
}


/*
|--------------------------------------------------------------------------
| Cards
|--------------------------------------------------------------------------
*/

.card {
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background-color .2s ease,
        border-color .2s ease;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .08) !important;
}


/*
|--------------------------------------------------------------------------
| Dark theme
|--------------------------------------------------------------------------
*/

[data-bs-theme="dark"] .card:hover {
    box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .25) !important;
}

/*
|--------------------------------------------------------------------------
| Dark theme
|--------------------------------------------------------------------------
*/

[data-bs-theme="dark"] .card {
    background-color: #29313c;
    border-color: #3b4654;
}

[data-bs-theme="dark"] .card:hover {
    background-color: #303946;
    border-color: #465364;

    box-shadow:
        0 .75rem 1.5rem rgba(0, 0, 0, .25) !important;
}

/*
|--------------------------------------------------------------------------
| Landing
|--------------------------------------------------------------------------
*/

.landing-feature-card {
    border: 0;
    background-color: var(--bs-tertiary-bg);
}


/*
|--------------------------------------------------------------------------
| Landing - Dark theme
|--------------------------------------------------------------------------
*/

[data-bs-theme="dark"] .landing-feature-card {
    background-color: #29313c;
    border-color: #3b4654;
}

[data-bs-theme="dark"] .landing-feature-card:hover {
    background-color: #303946;
}

/*
|--------------------------------------------------------------------------
| Landing - Dark theme refinements
|--------------------------------------------------------------------------
*/

[data-bs-theme="dark"] .landing-page {
    --bs-secondary-color: #9aa6b2;
}

/* Textos secundarios */
[data-bs-theme="dark"] .landing-page .text-secondary {
    color: #9aa6b2 !important;
}

/* Separación sutil entre bloques */
[data-bs-theme="dark"] .landing-page > section {
    border-color: rgba(255, 255, 255, .06);
}

/* Cards */
[data-bs-theme="dark"] .landing-feature-card {
    background-color: #29313c;
    border: 1px solid #3b4654;
}

/* Hover discreto */
[data-bs-theme="dark"] .landing-feature-card:hover {
    background-color: #303946;
    border-color: #465364;
}

/* Iconos circulares */
[data-bs-theme="dark"] .landing-feature-card .bg-body-tertiary {
    background-color: #202833 !important;
}

/* Líneas divisorias de "Cómo funciona" */
[data-bs-theme="dark"] #como-funciona .border-start,
[data-bs-theme="dark"] #como-funciona .border-end {
    border-color: #3b4654 !important;
}

.landing-step-number {
    opacity: .25;
}

[data-bs-theme="dark"] .landing-step-number {
    opacity: .55;
}

/*
|--------------------------------------------------------------------------
| Authentication - Dark theme
|--------------------------------------------------------------------------
*/

[data-bs-theme="dark"] .form-control {
    background-color: #29313c;
    border-color: #3b4654;
}

[data-bs-theme="dark"] .form-control:focus {
    background-color: #29313c;
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .15);
}

[data-bs-theme="dark"] .input-group .btn-outline-secondary {
    border-color: #3b4654;
}

[data-bs-theme="dark"] .form-text {
    color: #9aa6b2;
}