/* ===========================================
                ESTILOS DEL LAYOUT
   =========================================== */
body {
    background-color: #2c2c2c;
    color: white;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.navbar-custom {
    background-color: #2c2c2c;
    border-bottom: 1px solid #444;
    padding: 1rem 2rem;
}

.navbar-brand {
    color: white !important;
    font-weight: 600;
    font-size: 1.2rem;
}

    .navbar-brand i {
        background-color: #ff6b35;
        color: white;
        padding: 8px;
        border-radius: 8px;
        margin-right: 10px;
    }

.search-container {
    position: relative;
    max-width: 400px;
    width: 100%;
}

.search-input {
    background-color: #404040;
    border: none;
    color: white;
    border-radius: 20px;
    padding: 8px 40px 8px 20px;
    width: 100%;
}

    .search-input::placeholder {
        color: #888;
    }

    .search-input:focus {
        background-color: #404040;
        box-shadow: none;
        border: 1px solid #666;
        color: white;
    }

.search-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

.user-menu {
    color: white;
}

.user-avatar {
    background-color: #28a745;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-right: 10px;
}

.btn-logout {
    background: none;
    border: none;
    color: white;
    padding: 0;
}

    .btn-logout:hover {
        color: #ccc;
    }

.main-content {
    padding: 2rem;
    min-height: calc(100vh - 80px);
}

@media (max-width: 768px) {
    .navbar-custom {
        padding: 1rem;
    }

    .search-container {
        max-width: none;
        margin: 1rem 0;
    }

    .main-content {
        padding: 1rem;
    }
}