/* DO_AsociacionCibao - Custom styles for GenericError.cshtml
   Reuses the palette/typography already defined in internal.css so error pages
   feel consistent with the rest of the tenant's onboarding flow. */

body {
    font-family: 'Lato', sans-serif !important;
}

.pageError {
    background: linear-gradient(to top, #FFF, #FBFBFE);
    border: 1px solid #EBEBF5;
    border-radius: 16px;
    box-shadow: 0px 0px 16px rgba(41, 0, 3, 0.08);
}

.pageError .header {
    border-bottom: 1px solid #EBEBF5;
    padding-bottom: 16px;
}

.pageError .log img {
    height: 24px;
}

.pageError .animation .icon-server {
    color: #EBEBF5;
}

.pageError h1 {
    color: #290003;
    font-weight: 700;
}

.pageError p {
    color: #454554;
    font-weight: 400;
}

.light1,
.light2,
.light3 {
    background-color: #1E22AA;
}

.pageError .btn.btn-error-page {
    height: 52px;
    min-width: auto;
    padding: 0px 48px;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    border-radius: 12px;
    border: 1px solid #1E22AA;
    background-color: #1E22AA;
    color: #FFF;
}

.pageError .btn.btn-error-page:hover {
    background-color: #FFF;
    color: #1E22AA;
}

@media (max-width: 576px) {
    .pageError h1 {
        color: #290003;
    }

    .pageError p {
        color: #454554;
    }
}