/* ============================================================================
   custom-swagger.css — Snap Compliance Brand Guidelines
   Colores Principales: #14193D (Navy), #0018CD (Blue), #FAB700 (Gold)
   Colores Secundarios: #EDE9D1 (Cream), #404040 (Dark Gray)
   ============================================================================ */

/* --- Topbar (encabezado superior) --- */
.swagger-ui .topbar {
    background-color: #14193D;
    padding: 8px 0;
}

    .swagger-ui .topbar .topbar-wrapper .link span {
        color: #FFFFFF;
        font-size: 18px;
        font-weight: bold;
        font-family: "Arial", sans-serif;
    }

    .swagger-ui .topbar .topbar-wrapper .link img {
        content: url('https://snap-compliance.com/images/footer-logo-snap-compliance-white.png');
        width: 160px;
        height: auto;
    }

/* --- Info (titulo y descripcion del API) --- */
.swagger-ui .info {
    color: #404040;
}

.swagger-ui .info .title {
    color: #14193D;
}

.swagger-ui .info a {
    color: #0018CD;
}

.swagger-ui .info a:hover {
    color: #FAB700;
}

/* --- Tarjetas de endpoints --- */
.swagger-ui .opblock {
    background-color: #FAFAF7;
    border: 1px solid #E0DDD0;
    border-radius: 6px;
}

.swagger-ui .opblock .opblock-summary {
    border-bottom: 1px solid #E0DDD0;
}

/* POST */
.swagger-ui .opblock.opblock-post {
    border-color: #0018CD;
    background: rgba(0, 24, 205, 0.03);
}

.swagger-ui .opblock.opblock-post .opblock-summary-method {
    background-color: #0018CD;
}

/* GET */
.swagger-ui .opblock.opblock-get {
    border-color: #14193D;
    background: rgba(20, 25, 61, 0.03);
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
    background-color: #14193D;
}

/* --- Botones --- */
.swagger-ui .btn {
    background-color: #0018CD;
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    font-family: "Arial", sans-serif;
    transition: background-color 0.2s ease;
}

.swagger-ui .btn:hover {
    background-color: #14193D;
}

.swagger-ui .btn.execute {
    background-color: #FAB700;
    color: #14193D;
    font-weight: bold;
}

.swagger-ui .btn.execute:hover {
    background-color: #E0A500;
}

.swagger-ui .btn.cancel {
    background-color: #404040;
    color: #FFFFFF;
}

/* --- Authorize button (candado) --- */
.swagger-ui .btn.authorize {
    background-color: #FAB700;
    color: #14193D;
    border: 2px solid #FAB700;
    font-weight: bold;
}

.swagger-ui .btn.authorize:hover {
    background-color: #E0A500;
    border-color: #E0A500;
}

.swagger-ui .btn.authorize svg {
    fill: #14193D;
}

/* --- Modelos y schemas --- */
.swagger-ui .model-title {
    color: #14193D;
    font-weight: bold;
}

.swagger-ui section.models {
    border: 1px solid #E0DDD0;
    border-radius: 6px;
}

.swagger-ui section.models h4 {
    color: #14193D;
}

/* --- Tabla de parametros --- */
.swagger-ui table thead tr th {
    color: #14193D;
    border-bottom: 2px solid #0018CD;
}

.swagger-ui .parameter__name.required::after {
    color: #FAB700;
}

/* --- Respuestas --- */
.swagger-ui .responses-inner h4 {
    color: #14193D;
}

.swagger-ui .response-col_status {
    color: #0018CD;
    font-weight: bold;
}

/* --- Links y textos generales --- */
.swagger-ui a.nostyle {
    color: #0018CD;
}

.swagger-ui a.nostyle:hover {
    color: #FAB700;
}

/* --- Fondo general --- */
.swagger-ui {
    font-family: "Arial", "Helvetica Neue", sans-serif;
}