:root {
    --lincecloud-primary: #00003a;
    --lincecloud-secondary: #00003a;
    --lincecloud-accent: #e80080;
    --lincecloud-gray: #f8f9fa;
}

.redoc-wrap .menu-content::before {
    content: "";
    display: block;
    width: 200px;
    height: 60px;
    background-color: var(--lincecloud-primary);
    background-image: url('/images/logo_lince_blanco.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 1px solid #e1e8ed;
    padding: 20px;
    margin: 20px auto;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
}

.redoc-wrap .menu-content::before:hover {
    transform: scale(1.02);
}

.redoc-wrap .api-info h1::before {
    content: "";
    background-image: url('/images/logo-lince.jpeg');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 180px;
    height: 40px;
    margin-right: 15px;
    margin-bottom: 5px;
    vertical-align: middle;
}

.redoc-wrap .operation-path .http-verb.get,
.redoc-wrap .operation.get .http-verb,
.redoc-wrap .http-verb.get {
    background-color: var(--lincecloud-primary) !important;
    color: white !important;
}

.redoc-wrap .operation-path .http-verb.post,
.redoc-wrap .operation.post .http-verb,
.redoc-wrap .http-verb.post {
    background-color: var(--lincecloud-secondary) !important;
    color: white !important;
}

.redoc-wrap .operation-path .http-verb.put,
.redoc-wrap .operation.put .http-verb,
.redoc-wrap .http-verb.put {
    background-color: var(--lincecloud-accent) !important;
    color: white !important;
}

.redoc-wrap .operation-path .http-verb.patch,
.redoc-wrap .operation.patch .http-verb,
.redoc-wrap .http-verb.patch {
    background-color: var(--lincecloud-accent) !important;
    color: white !important;
}

.redoc-wrap .operation-path .http-verb.delete,
.redoc-wrap .operation.delete .http-verb,
.redoc-wrap .http-verb.delete {
    background-color: #dc3545 !important;
    color: white !important;
}

.redoc-wrap .menu-content {
    background-color: var(--lincecloud-gray);
    border-right: 1px solid #e9ecef;
}

.redoc-wrap .menu-content .menu-item.active > .menu-item-title {
    color: var(--lincecloud-primary) !important;
    font-weight: 600 !important;
}

.redoc-wrap .menu-content .menu-item:hover > .menu-item-title {
    color: var(--lincecloud-secondary) !important;
}

.redoc-wrap a {
    color: var(--lincecloud-secondary) !important;
}

.redoc-wrap a:hover {
    color: var(--lincecloud-primary) !important;
}

.redoc-wrap .api-info {
    border-left: 4px solid var(--lincecloud-primary);
    padding-left: 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 30px;
}

.redoc-wrap .api-info h1 {
    color: var(--lincecloud-primary) !important;
    margin-bottom: 10px;
}

.redoc-wrap button {
    background-color: var(--lincecloud-secondary) !important;
    border: none !important;
    color: white !important;
    border-radius: 4px;
    padding: 8px 16px;
    transition: all 0.2s ease;
}

.redoc-wrap button:hover {
    background-color: var(--lincecloud-primary) !important;
    transform: translateY(-1px);
}

.redoc-wrap .response-code.code-200 {
    background-color: #28a745 !important;
}

.redoc-wrap .response-code.code-201 {
    background-color: var(--lincecloud-secondary) !important;
}

.redoc-wrap .response-code.code-400,
.redoc-wrap .response-code.code-401,
.redoc-wrap .response-code.code-403 {
    background-color: #dc3545 !important;
}

.redoc-wrap .response-code.code-422 {
    background-color: var(--lincecloud-accent) !important;
}

.redoc-wrap .schema-type {
    color: var(--lincecloud-primary) !important;
    font-weight: 600;
}

.redoc-wrap input[type="search"] {
    border: 2px solid var(--lincecloud-secondary) !important;
    border-radius: 6px;
    padding: 8px 12px;
}

.redoc-wrap input[type="search"]:focus {
    border-color: var(--lincecloud-primary) !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 58, 0.1) !important;
    outline: none !important;
}

.redoc-wrap .operation-path {
    color: var(--lincecloud-primary) !important;
    font-family: 'Fira Code', monospace;
}

.redoc-wrap table th {
    background-color: var(--lincecloud-primary) !important;
    color: white !important;
}

.redoc-wrap table tr:nth-child(even) {
    background-color: var(--lincecloud-gray);
}

.redoc-wrap .field-name.required::after {
    background-color: var(--lincecloud-accent) !important;
}

.redoc-wrap ::-webkit-scrollbar {
    width: 8px;
}

.redoc-wrap ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.redoc-wrap ::-webkit-scrollbar-thumb {
    background: var(--lincecloud-secondary);
    border-radius: 4px;
}

.redoc-wrap ::-webkit-scrollbar-thumb:hover {
    background: var(--lincecloud-primary);
}

.redoc-wrap .operation.get .operation-header,
.redoc-wrap .operation-header.get,
.redoc-wrap div[class*="operation"][class*="get"] .operation-header,
.redoc-wrap .operation-header:has(.http-verb.get) {
    background-color: var(--lincecloud-primary) !important;
    background: var(--lincecloud-primary) !important;
}

.redoc-wrap .operation.post .operation-header,
.redoc-wrap .operation-header.post,
.redoc-wrap div[class*="operation"][class*="post"] .operation-header,
.redoc-wrap .operation-header:has(.http-verb.post) {
    background-color: var(--lincecloud-primary) !important;
    background: var(--lincecloud-primary) !important;
}

.redoc-wrap .operation.put .operation-header,
.redoc-wrap .operation-header.put,
.redoc-wrap div[class*="operation"][class*="put"] .operation-header,
.redoc-wrap .operation-header:has(.http-verb.put) {
    background-color: var(--lincecloud-accent) !important;
    background: var(--lincecloud-accent) !important;
}

.redoc-wrap .operation.delete .operation-header,
.redoc-wrap .operation-header.delete,
.redoc-wrap div[class*="operation"][class*="delete"] .operation-header,
.redoc-wrap .operation-header:has(.http-verb.delete) {
    background-color: #dc3545 !important;
    background: #dc3545 !important;
}

.redoc-wrap [class*="operation"][class*="get"] > div:first-child,
.redoc-wrap [class*="get"] > div[class*="header"],
button[class*="get"],
div[class*="get"] {
    background-color: var(--lincecloud-primary) !important;
}

@media (max-width: 768px) {
    .redoc-wrap .api-info h1::before {
        width: 120px;
        height: 25px;
        margin-right: 10px;
    }
}